# Add to Cart Popup ## What is an Add to Cart Popup? An Add-to-cart popup is a simple yet powerful tool to capture email addresses early in the checkout process, helping you build your contact list while keeping customers engaged. By offering a small incentive, you can enhance the shopping experience and boost conversions. In your **Retainful dashboard** (under Audience), create a separate list for add-to-cart popup signups. This lets you send targeted campaigns to these contacts in the future. ## Benefits of Using Add-to-Cart Popups * **Enhances Customer Engagement**: Instead of just asking for an email, offer a 5–10% discount. This gives shoppers a reason to share their email. * **Boosts Sales**: Suggests complementary products or limited-time offers. * **Reduces Cart Abandonment**: Capturing emails early with popups helps reduce cart abandonment by enabling timely reminders to recover lost sales. * **Customizable Messaging**: Allows personalized content to match customer preferences and store branding. {% hint style="danger" %} ### Troubleshooting: Why Isn’t the Popup Showing? Your signup form or popup may not display due to the following reasons: 1. **Already Subscribed**: Customers who have already signed up won’t see the popup again. 2. **Cookies or Identification**: Customers identified by email (e.g., during checkout or a previous signup) won’t see the popup. 3. **Logged-in Customers**: The popup is hidden for logged-in users. 4. **Frequency Settings**: If a frequency limit is set (e.g., once per visitor), the popup won’t appear after the limit is reached {% endhint %} {% hint style="success" %} ### WooCommerce Merchants: Enabling Signup Forms * Navigate to your **WordPress Dashboard** > **Retainful** > **Settings**. * Set **Enable Signup Forms/Popups** to **Yes**. * Save your changes. {% endhint %}

{% embed url="" %} Creating an Add-to-cart Sign-up form for Woocommerce merchants {% endembed %} {% hint style="success" %} ### Instructions to Enable Signup Form in Shopify: **Step 1:** Go to your **Theme Editor -> App Embeds and enable the "Retainful" widget.** **Step 2:** Paste your store access token in the input box. **Step 3:** Click the **"Save"** button. Ensure to save before you exit the theme editor. {% endhint %}

Connecting your Shopify store to Retainful

{% embed url="" %} Creating an Add-to-cart popup in Retainful {% endembed %} ## Creating an Add to Cart Popup in Retainful 1. Log in to your Retainful account. 2. Navigate to **Sign Up forms** in the dashboard.

3. Click **Create New Popup** and select **Add to Cart Popup**. 4. Choose the **Existing List** or **Create a New List**

Create a New List or Choose existing List

### 5. Choosing a Template * Select a template from Retainful's ready-to-use templates and edit it according to your preference.

### 6. Customizing the Popup * **Headline & Message**: Craft engaging text to grab attention.\ Example: "**Wait**! Get 10% off on all items!"

* **Call-to-Action Button**: Add labels like "Subscribe" or "Get 10% OFF". * **Design Settings**: Adjust colors, fonts, and images to match your brand.

Edit and customize the sign-up form template.

### 7. Adding Coupon code to the Sign-up form: * Copy the static coupon code, previously created in WordPress and paste it under the '**Coupon code**' section.

{% hint style="success" %} **NOTE** * A **static coupon code** is manually created by the admin and can be used by customers multiple times (e.g., `WELCOME10`). {% endhint %} 8. Finally, **save the sign-up form template** created for the add-to-cart popup.

{% hint style="info" %} To learn more about Popup Editor - [click here](https://help.retainful.com/signup-forms/popup-editor) {% endhint %} ## 9. Triggers and Targeting **Triggers**: The trigger is set to 'Add To Cart' by default for the Add-to-cart popup. You can enable additional triggers according to your preference.

**Targets:** Setting up targets helps to focus on a segment of customers and **it is optional to configure** them.

{% hint style="success" %} **NOTE** * A **trigger** is an action that prompts the popup such as showing a popup when a customer adds an item to the cart. [**Click here to learn more**](/signup-forms/popup-triggers.md) * A **target** helps to focus on a specific group of customers, such as a particular location, Time spent on pages, or language. [**Click here to learn more**](/signup-forms/popup-targeting.md) {% endhint %} ## Preview and Publish * **Preview Your Popup**: Ensure the design and settings match your preference. * **Publish the Popup**: Click '**Save and Publish**' to activate the popup in your store.

### **Testing the Popup** Simulate the customer experience to identify if the popup appears as expected. {% hint style="warning" %} If you’re testing the popup or signup form, use a **Private/Incognito Browser window**. Open an Incognito window, go to your storefront, and test the popup. {% endhint %}

{% hint style="danger" %} Be sure not to open multiple Incognito windows while testing the pop-up. ( If you see any numbers near 'Incognito', multiple tabs are open). {% endhint %}

Opening an Incogito window to test Sign-up forms

{% hint style="danger" %} ### Troubleshooting Steps for Woocommerce store owners: 1. **Make sure you have enabled the Sign-up** **forms**: * Visit to **WordPress Dashboard** > Choose **Retainful** Plugin > **Settings** > **Enable Signup Forms / Popups** > Choose '**Yes'** 2. **Clear Cache:** * Go to **WordPress Dashboard** > Choose **Retainful** Plugin > **Connection** > Click '**Re-Connect**' * Clear your **WordPress cache.** {% endhint %} ## Conclusion Add to Cart popups are an effective tool to boost customer engagement, increase sales, and reduce cart abandonment. By setting up personalized and visually appealing popups, you can create a seamless shopping experience that encourages conversions. {% hint style="success" %} ### **Need help?** We’re here to make things easier for you! * Email Us: Reach out anytime at . * Schedule a Call: Still stuck or need a hands-on walkthrough? Book a quick session with our support team, and we’ll guide you step-by-step. [**Schedule a call with us**](https://zcal.co/retainful/onboarding)**.** {% endhint %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.retainful.com/signup-forms/add-to-cart-popup.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.