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

  1. Integrate your Shopify store with your Sendlane account
  2. Create a Pop-Up
  3. Grab your Pop-Up's code

  1. Log in to Shopify
  2. Click Online Store 
  3. Click Themes 
  4. Click the three dot menu 
  5. Click Edit Code 
  6. Search for header.liquid
  7. Click into the file
  8. Press CTRL + F
  9. Type </header>
  10. Paste the code on the line above the </header> tag
  11. Click Save 
  12. Click Preview Store in the top right corner to view a preview of your form on your store's website!

Back to top


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:

  1. Log in to Shopify
  2. Click Online Store 
  3. Click Themes 
  4. Click Customize
  5. Click Add Section where you want your inline form to appear
  6. Select Custom Liquid 
  7. Paste your form's code in the box

Back to top


Additional Resources

Back to top

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!

Did this answer your question? Thanks for your feedback! There was a problem submitting your feedback. Please try again!