·

Shopify

·

Dec 30, 2024

How to edit pop up on Shopify in 3 different ways

team editing site - How to Edit Pop Up on Shopify
team editing site - How to Edit Pop Up on Shopify
team editing site - How to Edit Pop Up on Shopify

Instant Team

How to edit pop up on Shopify in 3 different ways

You're visiting a website, and a brilliantly designed pop-up appears, offering you an irresistible deal. You’re hooked. Pop-ups can be game-changers for online stores, capturing customer attention and boosting sales. If you're a Shopify store owner, learning how to add a pop up on Shopify is crucial. But what if you want to tweak it to suit your brand? Understanding how to edit pop-ups on Shopify is key to making them work for you. In this article, you'll find the guidance to customize pop-ups that look great and convert.

You can easily make these changes with a tool like Instant’s Shopify product page builder. Say goodbye to complicated processes and hello to a seamless pop-up editing experience.

Table of Contents

Why adding pop ups benefit your Shopify store

person showing importance - How to Edit Pop Up on Shopify

Pop-ups are like digital assistants for your Shopify store. These overlays appear when needed, grabbing your visitors’ attention and guiding them toward meaningful actions. Whether it’s signing up for your newsletter, getting a discount code, or hearing about free shipping, pop-ups create a connection with your audience. They’re subtle yet powerful tools that can transform a casual visitor into a loyal customer.

Why pop-ups drive results for Shopify stores

Pop-ups are more than just attention-grabbers. They drive results by engaging visitors at the right moment. When someone lands on your store, you have seconds to capture their interest. A timely pop-up gives them a reason to stay and explore.

1. Building an email list with ease

Email marketing is a direct way to engage with customers and boost repeat sales. Pop-ups help collect email addresses effortlessly. Offer a 10% discount in exchange for an email, and you’ll grow your list and encourage first-time buyers.

2. Boosting conversions and order sizes

Pop-ups are perfect for highlighting deals or cross-selling products. Imagine a customer browsing your site, and a pop-up suggests they can get free shipping with one more item in their cart. This nudge can increase order size and make customers feel like they’ve scored a deal.

3. Sharing key info when it matters most

Customers sometimes need extra info before they feel comfortable buying. Pop-ups can provide crucial details like return policies or shipping times at the right moment. This makes the shopping experience smoother and more transparent for your customers.

4. Engaging visitors before they bounce

Exit-intent pop-ups appear just as someone is about to leave your site. They’re effective at re-engaging potential customers. Whether a last-minute discount or a reminder about a popular product, these pop-ups can turn a “maybe later” into a purchase.

Pop-ups can average a conversion rate of over 11%. The key is putting them into practice strategically. Keep them relevant, visually appealing, and easy to close if a visitor isn’t interested. Done well, they won’t just improve conversions they’ll enhance the shopping experience and strengthen customer relationships.

How to edit pop up on Shopify in 3 different ways

man discussing ideas - How to Edit Pop Up on Shopify

Log into your Shopify admin panel to start editing a pop-up on Shopify. Once inside, head over to 'Sales channels' and click 'Online store,' then 'Themes.' Locate the theme you're currently using and click 'Customize.' This opens the theme editor, where you can tweak most pop-up settings.

In the side panel of the theme editor, look for 'Theme settings.' Depending on your theme, it might be labeled as 'Popup.' You can change the pop-up’s message, tweak its design, and set display conditions. If you want to change things like the text, background color, or when the pop-up appears, this is where you'll do it.

For those who want to do more advanced customizations, like altering the layout or adding custom fields, you should get your hands on the theme's code. This typically involves editing the Liquid, HTML, or CSS files.

Taking control of code editing for advanced users

If you're comfortable with code, Shopify lets you edit your theme to make advanced customizations directly. Go to 'Online Store,' click on 'Themes,' then hit 'Actions' to select 'Edit code.' From here, you can add or modify snippets, which are small pieces of code to control how features like pop-ups appear on your site.

To add a new feature, you should create a new snippet by clicking 'Add a new snippet.' Paste the necessary code for your pop-up into this snippet and save it. Incorporate the snippet into relevant theme files, like 'theme.liquid' or other specific templates where you want the pop-up to appear.

Make sure to test your changes. After saving everything, preview your store to ensure the pop-up appears and functions as intended.

Streamlining edits with pop-up apps

Consider using a pop-up app if you prefer a simpler way to create and manage pop-ups. Shopify's App Store offers several options, such as Instant, Elfsight, Privy, or Retainful. These apps provide user-friendly interfaces for designing and managing pop-ups.

After installing your chosen app, access it via your Shopify admin panel. From there, you can select an existing pop-up to edit or create a new one. Use the app's editor to customize the pop-up's look, message, and behavior. Once satisfied with your edits, save the changes. The pop-up should automatically update on your store.

Boost conversions with Instant's drag-and-drop interface

With Instant, you can create stunning, customized pages without any coding knowledge. Its intuitive drag-and-drop interface lets you design high-converting pages quickly and easily. Instant also integrates seamlessly with Figma and other eCommerce tools, making it a versatile choice for enhancing your online store's performance and increasing conversions.

Ready to take your Shopify store to the next level? Try Instant's Shopify product page builder today! 

5 best practices for using pop ups on shopify

team meeting - How to Edit Pop Up on Shopify

1. Keep it simple: Less is more with Shopify pop-ups

You’ve got many options for:

  • Pop-ups

  • Email sign-ups

  • Discounts

  • Exit-intent alerts

  • And so on

That doesn’t mean you should use them all at once. Overloading your visitors with pop-ups can create frustration and drive them away. Pick one or two pop-ups that align with your store’s goals, like building your email list or promoting a flash sale. Stick to these and keep things simple. Less is more when it comes to pop-ups.

2. Timing is everything: Avoid annoying your visitors

Nobody likes a pop-up that interrupts their browsing every two seconds. Poor timing or excessive frequency can make even the best offers feel intrusive. Instead, aim for thoughtful timing, like showing a discount pop-up after a customer has been on your site for 30 seconds or an exit-intent pop-up when they’re about to leave. Always make it easy to close the pop-up. It’s about offering value, not forcing action.

3. Personalize the experience: Make your visitors feel special

Customers love a personal touch. 65% of shoppers expect offers tailored to them. Use data to personalize your pop-ups. Greet returning visitors with a “Welcome back!” message, suggest products based on browsing history, or tailor offers to their shopping habits. It’s a simple way to make your customers feel valued and boost your chances of converting them.

4. Keep it short and sweet: Deliver clear messages

Your pop-up should deliver its message in a matter of seconds. Keep the text short, clear, and direct. For example, instead of a long paragraph about your latest sale, say: “Get 15% off your first purchase use code WELCOME15 at checkout!” Pair this with eye-catching visuals that reinforce your message without overwhelming the design.

5. Test and optimize: The power of A/B testing

A/B testing is your secret weapon for mastering pop-ups. Launch two versions of the same pop-up if one has a different image or appears at a different time, and track which one performs better. You might be surprised how small tweaks, like changing the call-to-action or timing, can dramatically improve your conversion rates.

Related reading

• Shopify modal popup
• Shopify pop up
• Shopify newsletter popup
• Shopify pop up window
• Best Shopify pop up app
• Shopify pop up discount
• Ecommerce pop up software
• Best email popup for Shopify
• Exit intent popup Shopify
• Shopify add to cart popup
• How to add custom popup in Shopify
• Shopify email popup

10 best Shopify pop up apps to try

1. Instant: Elevate Your Shopify Store Design

Instant - How to Edit Pop Up on Shopify

Instant is a game-changer that allows you to create Shopify pop-ups without coding skills. With Instant, you can create stunning, customized pages without any coding knowledge. Its intuitive drag-and-drop interface lets you design high-converting pages quickly and easily. Instant also integrates seamlessly with Figma and other eCommerce tools, making it a versatile choice for enhancing your online store's performance and increasing conversions.

Ready to take your Shopify store to the next level? Try Instant's Shopify product page builder today! 

2. Rivo Popups: Perfect for Beginners

Rivo - How to edit pop up on Shopify

If you’re starting with Shopify pop-up apps, Rivo Popups is your friend. It’s straightforward, focusing mainly on email capture popups, making it less overwhelming for newcomers. With a user-friendly editor, crafting campaigns is a breeze. The app supports automatic and manual discount codes to boost email collection efforts.

  • Key features

    • Exit-intent email popup

    • Auto-generated discount codes

    • Sticky coupon bars

    • Basic display rules

  • Best for: Shopify entrepreneurs aiming to build their email list.

  • Pricing: Free to install and use.

3. Poptin Popups: More Than Just Pop-Ups

Poptin - How to edit pop up on Shopify

Crafting both basic and advanced campaigns is a breeze with Poptin. Its standout feature is the chat widget, which provides customer support to store visitors. This app is ideal for small to mid-sized Shopify stores looking for more than just popups.

  • Key features

    • Drag-and-drop builder

    • SEO-friendly popups

    • Campaign reporting

    • Exit-intent targeting

    • A/B testing

  • Best for: Small and mid-sized Shopify stores.

  • Pricing: Free for 1,000 monthly visitors. Paid plans start at $25/month.

4. Privy: A Comprehensive Marketing Suite

Privy - How to edit pop up on Shopify

Privy isn’t just about popups; it’s a full-fledged marketing suite. It's perfect for those who want to collect email and SMS subscribers. The app comes with various popup types and numerous targeting features to help you reach the right audience.

  • Key features

    • Multiple popup types

    • Exit-intent tech

    • Email/SMS collection

    • Analytics dashboard

    • Advanced targeting

  • Best for: Small and medium-sized businesses needing marketing add-ons.

Pricing: Free until 100 email subscribers. Plans start at $45/month.

5. Optimonk: Advanced Pop-Up Building

Optimonk - How to edit pop up on Shopify

With over 300 premade templates, Optimonk caters to various campaign needs, from welcome emails to post-purchase surveys. It’s perfect for stores that need advanced popup functionalities.

  • Key features

    • 300+ templates

    • Auto-generated codes

    • Visitor targeting

    • Shopping quiz popup

    • Campaign analytics

  • Best for: Stores needing advanced popup capabilities.

  • Pricing: Free for 15,000 pageviews. Paid plans start at $39/month.

6. Seguno Popups: Simple Yet Effective

Seguno - How to edit pop up on Shopify

Seguno is designed for small businesses looking to make announcements, capture emails, and direct traffic. It’s simple yet effective, integrated into the Shopify dashboard for ease of use.

  • Key features

    • Shopify dash integration

    • Common eCommerce templates

    • Display rules, campaign reporting

    • Email/SMS integration

  • Best for: New and small Shopify businesses.

  • Pricing: Free for one campaign. $10 for every 10,000 views.

7. Sales Notification Popup: Build Social Proof

Sales Notification - How to edit pop up on Shopify

This app uses notifications to create social proof, encouraging more sales. It’s different from traditional popups, using real-time notifications that appear discreetly at the bottom of the screen.

  • Key features

    • Real-time notifications

    • Custom positions

    • UTM tracking

    • Google Analytics integration

  • Best for: Small stores looking to boost sales with social trust.

  • Pricing: Free for sales popups. $6.99/month for additional notifications.

8. Getsitecontrol: Versatile and Customizable

GetSiteControl - How to edit pop up on Shopify

Getsitecontrol excels in lead-building pop-ups and offers large notification bars that don’t interrupt the shopping experience. With key targeting features, you can create custom pop-ups for specific pages like the cart or thank you page. While it’s not as powerful for WordPress, it’s a solid choice for Shopify users. 

Pricing:

  • Starts at $9 per month.

9. OptinMonster: The Lead Generation Pro

Optinmonster - How to edit pop up on Shopify

OptinMonster helps Shopify stores generate leads with a vast library of customizable pop-up templates. Its suite of tracking and targeting tools includes geo-location and page-level targeting. With options for retargeting and follow-ups, OptinMonster is perfect for stores that rely on their contact list. 

Pricing:

  • Starts at $29.99 per month.

10. Personizely: A Pop-Up All-Rounder

Personalizely - How to edit pop up on Shopify

Personizely offers various pop-up types, from email and survey pop-ups to upsell offers. Its “sales motivator bars” inform visitors about cart values for free shipping. While it’s a good all-rounder, it lacks advanced features like A/B testing at its $39 monthly price point.

Optimize your Shopify store for conversions without breaking the bank with Instant's Shopify product page builder

Instant is a game-changer for Shopify users. It lets you build customized and advanced product pages with zero coding skills. Just drag and drop your way to a fully personalized store. 

Want to publish landing pages and blog posts quickly? 

Instant has you covered. The integration with tools like Figma makes it versatile and easy to use. This tool will boost your store’s performance and increase those conversions.

Subscribe to the Newsflash

Subscribe to the Newsflash

Weekly Shopify tips from our founder in your inbox. Read in 3-mins or less. Start converting like an eCommerce expert.