Add To Cart Popup template for website

Enhance the shopping experience and increase conversions with our Add to Cart Popup template. Showcase product details, benefits, and a convenient call-to-action button to streamline the buying process.
Rated 4.8 out of 5 from over 800 reviews on
No credit card required
Easy installation
Works on 99.9% of websites
Free plan available
  • 12 Custom Field Elements
  • Form Fill-Out Email Alerts
  • Form with 5000+ Integrations
  • Modal, Slide-in, Pane Layout Designs
  • Engaging Popup Opening Button
  • Frequency Popup Display Settings
  • Exclude or Specify Pages for Displaying
  • Timed-Display Trigger
  • Scroll Trigger On-Element or On-Click
  • Exit Intent Trigger
  • Set Up Popup for Multiple Mobile Devices
  • CTA Button
  • Coupon Code & Redirect Link Creation
  • HTML & iFrame Fields
  • Image & Video Upload
  • Mobile-Friendly
  • Page-Speed Friendly Lazy Loading
  • Tech-Free Customization
  • Multiple Languages Translation
  • Custom CSS & JS Editors
Template Catalog

Need a Different Template?

Check out more ready-made templates for any use case or build your own!
Offer Popup
Create an engaging popup widget and start offering the best deal for your online customers.
Create a popup template and encourage online shoppers to complete their purchases.
Add a popup template to your website and offer exclusive coupon codes or discounts to online shoppers.
Add a discount popup to your website to draw attention and motivate users to make a purchase.
Create loyalty among the website customers by giving away exclusive Amazon discounts with this popup.
Create a popup widget to set realistic customer expectations for shipping options.
Add a popup widget on your web page to boost the average order value and double the outcome.
Create a popup template to give the best product recommendations for online customers.
No Suitable Template?
You can easily assemble the widget you need using our simple-to-use configurator.

Here’s what people say about Elfsight Popup widget


How to create the Add To Cart Popup template for the website?

To create the Add To Cart Popup for your website, do the following:

  1. Open the Add To Cart Popup template.
  2. Personalize the elements and features to satisfy your brand vision.
  3. Authorize your Elfsight admin panel.
  4. Obtain the installation code.

How to add the Add To Cart Popup template to the website?

If you want to embed the Add To Cart Popup on your HTML website, take the following steps:

  1. Customize the appearance of the Popup widget to match the design style of your website.
  2. Log in to your Elfsight dashboard panel or create a free profile.
  3. Receive the generated embedding code.
  4. Navigate to your website.
  5. Put the shortcode into your website editor. That’s it!

For a more in-depth guide, we suggest checking out our blog article about how to embed Popup on a website.

Do I need to have coding or programming skills to embed the Add To Cart Popup?

Not at all. Coding expertise is not necessary whatsoever. You have the full capability to create and embed the Add To Cart Popup on your website, regardless of your familiarity or experience in coding.

Can I set up the popup to open automatically?

Absolutely. Choose a trigger while building the Add To Cart Popup template to showcase it at the right moment on your HTML website. You can try multiple choices: on-page load, within a specific time spent on a page, on scroll, on scroll to element, on click, and on exit intent.

Can I use the Add To Cart Popup template for free?

Certainly. There is no need to rush into the paid alternatives. Elfsight implements a tiered subscription model that includes Free, Basic, Pro, Premium, and Enterprise plans. Take your time and explore all the functionalities without limitations with our Free tier. But keep in mind, that you can always upgrade later to access extras!

Can I add a call-to-action button to the Popup widget?

Absolutely! Just take these steps:

  1. Access the Popup editor.
  2. Locate the “Blocks” menu choice.
  3. Insert the “Button” content block.
  4. Set up a call-to-action message, click behavior, and appearance.

What email integrations or tools does the widget support?

The main benefit of this HTML widget lies in its ability to seamlessly link with third-party applications such as Mailchimp, Zapier, and Google Sheets. Feel free to go the extra mile without the risk of losing any captured data.

Where can I add the Add To Cart Popup on my website?

It is fully up to you to make this choice. No set requirements need to be followed. But ensure it is logical and placed in the highest traffic section, like the main page or product page.

How to customize the Add To Cart Popup?

Endless opportunities await-personalize the whole widget’s visuals to embody your brand values and increase conversions quickly:

  • Popup specifics
    You can stack elements and build an unlimited array of content blocks: title, text, call-to-action button, link, discount voucher, form, image, and video. Moreover, for an improved visual appeal, you can incorporate spacing, dividers, and custom HTML and iFrame fields.
  • Display settings
    Elfsight presents three alternatives: frequency, pages, and devices. Define all the requirements to uphold the desired standards.
  • Custom elements and features
    And there’s still much more to discover: triggers, custom CSS, custom JS, redirect link, layouts, close buttons, background visuals, alignments, etc.

To prevent confusion and issues along the way, contact our Customer Support Team to resolve any queries!

Help with Add To Cart Popup Setup and Website Installation

For additional information regarding the widget templates or assistance, take advantage of the following resources: