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 Admin → Apps → Hoppy 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:
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.
🔹 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:
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.