How to Use Pop-ups with Shopify
Sendlane's intelligent pop-ups are a great tool to use directly on your Shopify store! Choose a pop-up, banner, or inline form to collect Contacts' email address, phone number, and/or custom data.
In this article, you'll learn how to install each type of Pop-Up in your Shopify store:
🚦 Before Getting Started
- Integrate your Shopify store with your Sendlane account
- Create a Pop-Up
- Grab your Pop-Up's code
Install a Pop-up or Banner Form
- Log in to Shopify
- Click Online Store
- Click Themes
- Click the three dot menu
- Click Edit Code
- Search for
header.liquid - Click into the file
- Press CTRL + F
- Type
</header> - Paste the code on the line above the
</header>tag - Click Save
- Click Preview Store in the top right corner to view a preview of your form on your store's website!
Install an Inline Form
Inline forms are placed in the section of your Shopify store's customization pages where you want the form to appear on your website. Instead of editing your store's theme code, you'll create a section for your inline form in your theme's customization area.
To open your theme's customization area:
- Log in to Shopify
- Click Online Store
- Click Themes
- Click Customize
- Click Add Section where you want your inline form to appear
- Select Custom Liquid
- Paste your form's code in the box
Additional Resources
- 4 Ways to Use Sendlane's Shopify Integration to Deliver Personalized Customer Experiences
- The 9-Step Guide to Launching a New Shopify Store
Troubleshooting
My theme doesn't have the recommended file to place the Pop-up code!
Because themes vary widely, you may have to experiment with placement. If you already use another Pop-up or form product, try placing the code in the exact same spot your existing forms were installed in. Reach out to the support team of the theme you're using for the most accurate advice on where to place third party snippets!