Verification Pop Up

Overview

As of Flow version 17.3.0, a Verification pop up can be added on your theme.

When enabled, this pop up will appear when the customer initially accesses your store - this can be great for merchants selling products with age restrictions or health-and-safety warnings.

Steps

  1. Within your Shopify admin, go to Sales Channels > Online Store > Themes.

  2. Click your theme, and select Customize.

  3. On the left-hand menu, select Theme settings.

  4. Scroll down to select Verification Pop up.

Theme settings > Verification pop up

Enable Verification Pop Up

To enable this functionality, select Enable verification pop up.

Verification pop up enabled.

Enable Test Mode

By selecting Enable test mode, the verification pop up will be forced to show on every refresh - this should only be used for editing the popup.

Ensure that you disable this function before launching your store by deselecting Enable test mode.

Background Color

Using the Background color selector, you can choose the color of your verification pop up.

Verification pop up background color selector.

You can also can the Background opacity by moving the slider.

The background opacity changing according to the slider position.

Background Image

Instead of selecting a background color, you also have the option to upload a background image.

To add an image to display in the background of the popup, go to Image and click Select image. Upload a new image, or select a pre-existing image from your Library or Shopify's Free Images.

In order for your Background image to be visible, please ensure that you have either not selected a Background color, or that your Background opacity is set to 0%.

Adding a background image to your verification pop up.

🌟 We recommend uploading an image that is 250 x 133 pixels.

Logo Image

To add a logo to display in the background of the section, go to Logo image and click Select image. Upload a new image, or select a pre-existing image from your Library or Shopify's Free Images.

Logo image on the verification pop up.

Preferred Width

Use the Preferred width slider to change the size of the logo between 50 and 500 pixels.

Verification Question

The verification question is the initial popup which acts as a screening process.

Heading

To signify that the page is a verification pop up, enter your Heading into the entry field.

Entering your verification heading.

This will then appear at the top of the verification screen.

Verification Question

Use the Verification question entry field to explain the reason that you are screening your customers.

Entering your verification question text.

This text will then appear above your decline and approve buttons.

The verification pop up text.

Decline & Approve Button Text

Use the Decline button text and Approve button text entry fields to choose the exact wording of your verification pop up buttons.

Entering the decline and approve button text.
The decline and approve buttons appearing on the pop up.

Declined

Under Declined, you will be able to edit which content will display if the user does not meet the verification requirements.

Heading

To signify that the customer's access has been declined, enter your Heading into the entry field.

Entering the decline pop up heading.

This will then appear at the top of the verification screen.

The heading appearing on decline pop up.

Text

Use the Text entry field to explain the reason that your customer has been denied access.

Entering the decline pop up text.

This will then be displayed above the return button.

Decline pop up text.

Return Button Text

Your return button allows customers to go back to the initial verification question if they accidentally select the wrong option.

Use the Return button text entry field to choose the exact wording of the button that will take your customers back a step.

Entering the return button text.

This wording will appear on the return button at the bottom of the decline page.

Return button appearing on the decline pop up.