Shopify App Guide Center

Please follow the below steps to setup the app in your Shopify store:

Step: 1 Click on the Integration dropdown and click on Integration to configure the app with your preferred theme.

Step: 2 Select your preferred theme from the dropdown and click on Save button.

(Optional) Step: 3 Click on the Integration dropdown and click on the Mail Integration option to recieve email notifications on subscriptions.

(Optional) Step: 4(MailChimp) Select the MailChimp/Klaviyo service for the listing and notifications.

(Optional) Step: 5 For MailChimp service user needs to login into their respective MailChimp account after clicking the connect button.

(Optional) Step: 6 For Klaviyo service user needs to add their API key and click on connect button.

Step: 7 Click on the 'Add New' button from the app dashboard to begin.

Step: 8 Add the name of the popup for your identification. As in this app user has a ability to create multiple popups and keep any one active at a moment.

Step: 9 Select your preferred popup type. Our app offers 4 popup types to select from.

Step: 10 Keep the status of the popup as Active.

NOTE: Only one popup type can be kept as Active at a time.

(Optional) Step: 11 If you wish to add the subscribers as your store customers then check the Add customer option..

Step: 12 Select your desired position for the popup from the offered options.

Step: 13 Configure the display condition to manage how often you need the popup to be displayed.

Step: 14 Select your preferable options to match your desired display criteria.

Step: 15 User can either schedule the timings to display popup OR can set it as Always Display. And click on the Next button to proceed further.

Step: 16 Choose your desired template from the list and click on the Next button to select the confirmation pop-up template.

Step: 17 Select your desired confirmation template from the list. And click on the Next button to preview the selected templates.

Step: 18 Click on the Edit button to customize/configure the popup templates.

Step: 19 Under the Configuration Settings accordion, users will have an ability to configure the Text on the selected popup template.

(Optional) Step: 20 Under the Display Settings accordion, users will have an ability to configure the display properties of the selected popup template.

Step: 21 From the Display Settings accordion, users can configure the color schema of the selected popup template.

Step: 22 In case if a user wishes to add an image in the popup background instead of a solid color then they can simply upload the backgroud image of their choice from the Background Image accordion.

Step: 23 Under the Confirm Popup Configuration accordion, users will have an ability to configure the Text on the selected confirm popup template.

(Optional) Step: 24 Under the Confirm Popup Display Settings accordion, users will have an ability to configure the display properties of the selected confirm popup template.

Step: 25 In case if a user wishes to add an image in the popup background instead of a solid color then they can simply upload the backgroud image of their choice from the Confirm Popup Background Image accordion.

Below is the example of the Initial Popup & Confirmation Popup that appears on the store front end.

Thank You