Skip to main content

How do I set the Placement/Custom Position for the Email popups?

Learn to set a custom position for your Email popups.

Rashmi Verma avatar
Written by Rashmi Verma
Updated over a month ago

You can use Custom Position to place the Email popup anywhere on your site manually.

✅ Step 1: Open the Hoppy popup app.

1️⃣ Go to Shopify AdminAppsHoppy Popups app.

2️⃣ In the Placement tab, you will see multiple placement options for your

Email popup :

  • Top bar pushes down the rest of the page

  • Top bar pushes down (always visible while scrolling)

  • Top bar overlaps the top of the page

  • Top bar overlaps the top (always visible while scrolling)

  • Bottom bar overlaps bottom (always visible while scrolling)

  • Manual Placement – Place the bar anywhere on your online store

✅ Step 2: Placement of the Email Popups.

3️⃣ Choose Manual Placement from the dropdown to manually place the Email Popups anywhere on your website. This will unlock two options:

🔹 Option 1: Using App Block (Recommended for Beginners)

This method uses the Collection ID to place the Email Popups.

📌 Steps to Add Email Popups Using App Block:

  • First, copy the Collection ID📋 , then click 'Save' to activate the App Block.

  • Go to Shopify Admin → Online Store → Themes.

  • Click on Customize to open the Theme Editor.

  • Navigate to the page and the section where you want to add the Email Popups. Click on Add Section → Scroll to Apps → Select Email Popups.

  • Paste your Email Popups in the right-hand settings panel.

🔹 Option 2: Using Custom Liquid (Advanced)

This method requires adding a code snippet to your theme using Custom Liquid.

📌 Steps to Add Email Popups bar Using Custom Liquid:

  • First, copy the Code snippet, then click 'Save' to activate the App Block.

  • Go to Shopify Admin → Online Store → Themes.

  • Click on Customize to open the Theme Editor.

  • Navigate to the page and section where you want to add the Email Popups. Click on Add Section → Search for Custom Liquid → Click on it.

  • Paste your Email Popups Code Snippet into the Custom Liquid editor.

✅ Step 3: Save and Test Your Placement

4️⃣ Click Save in Shopify's Theme Editor.

5️⃣ Visit your store and check if the email popup appears in the correct position.

6️⃣ If the Email Popups is not visible, try:

  • Clearing your browser cache.

  • Checking if Custom Positioning is enabled in the Email Popups app.

  • Refreshing your store page.

🔥 Great job! Your Email Popups is now positioned just the way you want! 🚀

Did this answer your question?