Exploring:
Pop-Up Campaigns
Tap here to view all topics

How to Set up Pop-Up Campaigns

Learn how to set up pop up campaigns on to easily collect your customer’s WhatsApp number.

Share on WhatsApp

to cut the form block
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Chat icon
Transcript

Pop-up campaigns are powerful marketing tools that can help you capture leads, increase customer engagement, and drive conversions by displaying targeted pop-ups at specific points in the customer journey, prompting users to provide their WhatsApp numbers and start a conversation. To make the most out of your pop-up campaigns, you need a flow in place to manage your leads and follow up with them in a timely manner.

In this article, we will guide you through two parts of setting up a successful pop-up campaign and Flow:

- Setting up the pop-up to collect the WhatsApp number.

- Setting up a flow in FlowHippo to trigger the WhatsApp message.

Setting you the pop-up to collect the WhatsApp number, follow these steps:

1. Go to ZOKO.

2. Click on Apps.

3. Click on Pop-up Campaigns.

4. Click on New Campaign. 

5. Type the Campaign name here. In our case, we set the name as Campaign_Mar_23.

6. Choose the Pop-up template style that you want to set.

7. Click on Continue.

Our pop-up campaign builder is 100% customizable:

1. You can upload your own image by clicking on the Upload Image button.

Note: The upload image option will be available only if the template you selected has an image.

2. Set the background color to match your brand language by clicking on the Color field.

3. You can include specific text per your requirements in two body text sections. In our case, we set

Body text 1 - Here's a 20% off discount.

Body text 2 -  Add your WhatApp number for a 20% discount coupon. You will receive the coupon on that WhatsApp number.

4. You can customize your form fields and colors per your requirements.

5. You can Type the legal compliance text required by your jurisdiction's laws. If you use the default content, DO NOT forget to add your website name here.

PRO TIP: You can hyperlink the text here to your legal page like this.

6. The success message will be displayed to the customer in the pop-up after their WhatsApp number is captured. Simply type in the message in the designated field. In our case, we added the text: "Awesome. Please check your WhatsApp for the coupon.”

PRO TIP: Build a flow on FlowHippo to send a message to the visitor as soon as the number is captured. You can even build a double opt-in flow by asking the visitor to confirm on WhatsApp. This will help you build a good WhatsApp customer base that can be used later to engage and upsell. Scroll down to see the steps on Setting up a Flow in FlowHippo to trigger the WhatsApp message.

7. Next add tags by clicking on Add Tags.

PRO TIP:
(i) The tag can be added to each contact that is collected with the pop-up and you can use them later in Segments, Broadcasts, and Flows on Zoko. In our case, we added tag as popup_discount.
(ii) The campaign name will be automatically added as a tag to each acquired contact. If you do not want to add the campaign name as a tag, you can remove it.

8. Click on Continue.

Next, we need to define the display settings of the pop-up

1. Choose how often you want to display the pop-up to a unique visitor. There are three options: 

  • Show every time: The pop-up will be displayed every time the visitor loads the page.
  • Show every time, until closed: The pop-up will be displayed every time until they close it.
  • Show once: The pop-up will be displayed only once.

In our case, we selected Snow Once.

2. Now, we need to define where to display the pop-up. There are three options to choose from:

  • All Pages: The pop-up will be shown on all pages of your website.
  • Only Specific Pages: The pop-up will be shown on specific pages you choose. For example, if you want the pop-up to appear only on the Home Page and a catalog page, you can copy the URLs of those pages and paste them in the designated column.
  • All Pages, Except: The pop-up will be shown on all pages except the ones you choose. For example, if you don't want the pop-up to appear on the catalog page, you can paste the URL of that page in the designated column. This will ensure that users see the pop-up on all pages except the catalog page.

In our case, we selected Only Specific Pages.

3. Next, choose the devices on which you want to display the pop-up. 

4. Now, choose the triggers that will cause the pop-up to appear. There are six options to choose from:

  • On Page Load: The pop-up will open once the page is fully loaded.
  • Time On Page: The pop-up will open after a specific amount of time has passed (measured in seconds) since the visitor landed on the page.
  • On Scroll: The pop-up will open after the visitor scrolls down to a certain percentage of the page.
  • On Scroll to Element: The pop-up will open after the visitor has scrolled to a specific element on the page. You must add the HTML element's ID to the trigger settings.
  • On Click: The pop-up will open when the visitor clicks on a specific element on the page. You must add the HTML element's ID to the trigger settings.
  • On Exit Intent: The pop-up will open when the visitor intends to leave the page.

In our case, we enabled the "On Scroll to Element" and "On Click" triggers and we added the HTML Element’s ID in the fields from the store.

On Scroll to Element

On Click

5. Click on Continue.

Lastly, we need to connect the pop-up to a store.

- If yours is a Shopify store, just enable the toggle. 

- If yours is a non-Shopify store, copy-paste the code to your website. Refer to our article on How to Enable Pop-up Campaigns on a Non Shopify Website.

Finally, click on Start Campaign.

You can view the list of campaigns here. You can enable or disable a campaign by clicking on the "Status" button.

You can also see the number of customers interacting with each campaign by clicking on the Campaign to open its window.

You can start a chat with customers by clicking the Go to Chat icon. You can also download the list of campaign contacts by clicking on the Download icon.

Setting up a Flow in FlowHippo to trigger the WhatsApp message:

1. Go to FlowHippo.

2. Click on Create New Flow. 

3. You can change the Flow name by clicking on Edit icon. In our case, we set the flow name as Pop-up Campaign.

4. Click on Edit to open the canvas designer.

Step 1: Set Up Trigger Point

1. Click on Add a Tigger.

2. Select Zoko and click on Contact Tag Added.

3. Select the account from the drop down and give the name of the description.

4. Click on Save & Close.

Step 2: Configure the Condition Node

1. Drag the Condition node from the toolbox.

2. Click on Condition node.

3. You can give the name of the description here. In our case, we added the description name as “20% discount campaigns

4. Click on Add Condition Group.

5. Enter a value as tag by clicking the value box >> trigger >> data >> tag.

6. Select the text value from the dropdown. In our case, we selected, “Equal to case Insensitive.”

7. Next, you can type the tag name here that you have added on the pop-up campaigns.

Important Note: You need to add the exact same tag name that you used in your pop-up campaign. Simply copy the tag name from the campaign and paste it here. If you use a different tag name, the flow will not trigger when a number is captured through your pop-up campaign.

8. Click on Save & Close.

Step 3: Set Up the Zoko Message Node

1. Drag the Zoko Message node from the toolbox.

2. Click on Message node.

3. Give the description name.

4. Add the WhatsApp channel id by clicking on channel id box >> trigger >> customer >> platform_id.

5. Select the message type from the dropdown. In our case, we selected “Template Message.”

Note: The template will only be visible if you have already created templates on Zoko dashboard. If you haven't created a template yet, please refer to our article on How to Create a Template for guidance.

6. Click on Save & Close.

Once you have finished setting up all the nodes, the next step is to connect the flow connectors to ensure that the flow triggers the appropriate actions.

Step 4: Publish the Workflow

Finally, you have two options: you can either publish the flow immediately by clicking on "Publish," or you can save the flow and publish it later by clicking on "Save." If you choose to save the flow, it will be moved to Drafts until you are ready to publish it. In our case, we have published the flow.

Keywords: Pop-up Campaigns, Conversions, Leads, WhatsApp, Send notifications, Follow-up, FlowHippo.

How to Set up Pop-Up Campaigns

Still need help?

Could not find what you are looking for? Reach out to us and we will do our best to help you.
WhatsApp Us Now