Cart Whisper helps you review recorded carts and shopper activity. Its storefront widget shows a Cart ID shoppers can quote when they ask for help. Start by enabling the Cart Whisper Widgets app embed in the theme you use. You can keep the embed enabled even if you choose to hide the visible widget.
<h2>Before you start</h2>
<ul>
<li>Cart Whisper is installed on your store and you can open it from Apps in your Shopify admin.</li>
<li>You know which theme is live on your store, and whether that theme was built on another theme (for example, a customised copy of Dawn).</li>
</ul>
<h2>Step 1: Check your widget status</h2>
Open Cart Whisper. The home page has a Widget Status card.
<ul>
<li>Active means the app embed is already on. Go to Step 3.</li>
<li>Inactive means setup isn't finished yet. The card says: "To activate real-time cart insights and make use of the app, please complete the setup of the Cart Whisper App."</li>
</ul>
<h2>Step 2: Switch on the app embed</h2>
<ol>
<li>On the Widget Status card, click Enable Cart Widget. Your theme editor opens in a new tab with the app embeds panel showing.</li>
<li>Make sure Cart Whisper Widgets is on.</li>
<li>Click Save in the theme editor.</li>
</ol>
Go back to Cart Whisper and refresh the page. The card should now show Active.
You can reopen the same embed settings at any time from Settings → Cart Widget → Modify Cart Widget in Cart Whisper.
<h2>Step 3: Pick your theme</h2>
Under the Cart Whisper Widgets embed in the theme editor, open the embed's settings.
<ol>
<li>In Select your original theme name, choose the theme your store is based on. Cart Whisper has saved widget locations for a long list of popular Shopify themes, and choosing yours tells the widget where to sit.</li>
<li>Click Save.</li>
</ol>
If your theme isn't in the list, or it's heavily customised, see If the widget doesn't appear below.
<h2>Step 4: Choose a style and placement</h2>
In the same embed settings:
<ol>
<li>Choose a Cart widget style: option: Simple Widget, Modern Widget (the default) or Modern Widget with Form. The <a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9">Widget Style Guide</a> explains the differences.</li>
<li>Under Widget placement:, choose Above or Under. This is relative to the widget location for your theme.</li>
<li>Under Widget alignment:, choose Left, Center or Right.</li>
<li>Click Save.</li>
</ol>
<h2>Step 5: Check your storefront</h2>
Add a product to your cart in your online store and open the cart page (<code>/cart</code>). Unless you selected Hide Widget, check for the Cart ID widget. Its default header is Your Cart ID:. If your theme uses a slide-out cart drawer or a pop-up cart notification, open those too. The widget can appear there as well.
<h2>What happens next</h2>
Once the embed is on:
<ul>
<li>Check that your test cart appears in the Cart Whisper dashboard. Processing can take time; if it does not appear, check your setup and contact support rather than assuming there were no carts.</li>
<li>Review the exit-intent popup separately. Its default is on, but your saved settings control whether it appears. See <a href="https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd">Implementing the exit-intent popup</a>.</li>
<li>You can open a tracked cart and create a Shopify draft order when the cart and your plan support it.</li>
</ul>
<h2>If the widget doesn't appear</h2>
<ul>
<li>Widget Status still says Inactive. Open the theme editor again, check Cart Whisper Widgets is on, and make sure you clicked Save on the theme you're editing. Changes to an unpublished theme won't show on your live store.</li>
<li>The embed is on, but you can't see the widget. Check Select your original theme name matches the theme your store is built on, then check Cart widget style: isn't set to Hide Widget.</li>
<li>Custom or unlisted themes. The embed has advanced location fields (Cart page widget location:, Sliding cart widget location:, Popup cart widget location:). These take CSS selectors from your theme. Only change them if you're comfortable inspecting your theme's code. Otherwise, contact us and we'll help.</li>
<li>Still stuck? Email support@cartwhisper.com with your store URL, your theme name, and a screenshot of your cart page. You can also book a free setup call from the Cart Whisper home page.</li>
</ul>
<h2>Related guides</h2>
<ul>
<li><a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9">Widget Style Guide: Simple, Modern, Modern with Form, or hidden</a></li>
<li><a href="https://help.cartwhisper.com/articles/high-value-cart-alerts-f4ee30-ycvcm">High-value cart alerts: email your team about big idle carts</a></li>
</ul>

Turn on the Cart Whisper Widgets app embed, pick your theme, and confirm your Cart ID widget is showing so live cart tracking can start.

Cart Whisper helps you review recorded carts and shopper activity. Its storefront widget shows a Cart ID shoppers can quote when they ask for help. Start by enabling the **Cart Whisper Widgets** app embed in the theme you use. You can keep the embed enabled even if you choose to hide the visible widget.

## Before you start

* Cart Whisper is installed on your store and you can open it from **Apps** in your Shopify admin.
* You know which theme is live on your store, and whether that theme was built on another theme (for example, a customised copy of Dawn).

## Step 1: Check your widget status

Open Cart Whisper. The home page has a **Widget Status** card.

* **Active** means the app embed is already on. Go to Step 3.
* **Inactive** means setup isn't finished yet. The card says: *"To activate real-time cart insights and make use of the app, please complete the setup of the Cart Whisper App."*

## Step 2: Switch on the app embed

1. On the **Widget Status** card, click **Enable Cart Widget**. Your theme editor opens in a new tab with the app embeds panel showing.
2. Make sure **Cart Whisper Widgets** is on.
3. Click **Save** in the theme editor.

Go back to Cart Whisper and refresh the page. The card should now show **Active**.

You can reopen the same embed settings at any time from **Settings → Cart Widget → Modify Cart Widget** in Cart Whisper.

## Step 3: Pick your theme

Under the Cart Whisper Widgets embed in the theme editor, open the embed's settings.

1. In **Select your original theme name**, choose the theme your store is based on. Cart Whisper has saved widget locations for a long list of popular Shopify themes, and choosing yours tells the widget where to sit.
2. Click **Save**.

If your theme isn't in the list, or it's heavily customised, see *If the widget doesn't appear* below.

## Step 4: Choose a style and placement

In the same embed settings:

1. Choose a **Cart widget style:** option: **Simple Widget**, **Modern Widget** (the default) or **Modern Widget with Form**. The [Widget Style Guide](https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9) explains the differences.
2. Under **Widget placement:**, choose **Above** or **Under**. This is relative to the widget location for your theme.
3. Under **Widget alignment:**, choose **Left**, **Center** or **Right**.
4. Click **Save**.

## Step 5: Check your storefront

Add a product to your cart in your online store and open the cart page (`/cart`). Unless you selected **Hide Widget**, check for the Cart ID widget. Its default header is **Your Cart ID:**. If your theme uses a slide-out cart drawer or a pop-up cart notification, open those too. The widget can appear there as well.

## What happens next

Once the embed is on:

* Check that your test cart appears in the Cart Whisper dashboard. Processing can take time; if it does not appear, check your setup and contact support rather than assuming there were no carts.
* Review the exit-intent popup separately. Its default is on, but your saved settings control whether it appears. See [Implementing the exit-intent popup](https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd).
* You can open a tracked cart and create a Shopify draft order when the cart and your plan support it.

## If the widget doesn't appear

* **Widget Status still says Inactive.** Open the theme editor again, check **Cart Whisper Widgets** is on, and make sure you clicked **Save** on the theme you're editing. Changes to an unpublished theme won't show on your live store.
* **The embed is on, but you can't see the widget.** Check **Select your original theme name** matches the theme your store is built on, then check **Cart widget style:** isn't set to **Hide Widget**.
* **Custom or unlisted themes.** The embed has advanced location fields (**Cart page widget location:**, **Sliding cart widget location:**, **Popup cart widget location:**). These take CSS selectors from your theme. Only change them if you're comfortable inspecting your theme's code. Otherwise, contact us and we'll help.
* **Still stuck?** Email support@cartwhisper.com with your store URL, your theme name, and a screenshot of your cart page. You can also book a free setup call from the Cart Whisper home page.

## Related guides

* [Widget Style Guide: Simple, Modern, Modern with Form, or hidden](https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9)
* [High-value cart alerts: email your team about big idle carts](https://help.cartwhisper.com/articles/high-value-cart-alerts-f4ee30-ycvcm)

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Welcome to Cart Whisper 🎉</h1>Congratulations on installing Cart Whisper! This guide will walk you through setting up the cart widget on your Shopify store to start recovering abandoned carts and monitoring customer activity in real-time. What You'll Learn<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">How to activate the Cart Whisper widget</li><li value="2" class="PlaygroundEditorTheme__listItem">How to choose and customize your widget style</li><li value="3" class="PlaygroundEditorTheme__listItem">How to position the widget for optimal performance</li><li value="4" class="PlaygroundEditorTheme__listItem">Next steps to maximize Cart Whisper's features</li></ul> Step 1: Activate the Cart Whisper Widget<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Navigate to Cart Whisper's Home Page After installation, go to the app's home page in your Shopify admin. </li><li value="2" class="PlaygroundEditorTheme__listItem">Enable the Widget Click 'Enable Cart Whisper Widget' to activate the widgets on your storefront. This opens the app's embedded interface. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-setup.1703592638315.png?alt=media" alt="" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem">Select Your Theme</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The widget activation toggle should already be set to 'on'</li><li value="2" class="PlaygroundEditorTheme__listItem">Choose your store's theme from the dropdown menu</li><li value="3" class="PlaygroundEditorTheme__listItem">Wait for the settings to load</li></ul></li></ol><img src="https://files.clickconnector.app/f4ee30_image.1753029553433.png" alt="image.png" width="inherit" height="inherit">that <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Save Your Settings Click 'Save' to finalize the activation.</li></ol> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Important: The preset selectors are pre-configured for all themes in our database. Selecting the correct theme ensures seamless integration with your store. </blockquote> <h3 class="PlaygroundEditorTheme__h3" dir="ltr">Step 2: Choose Your Widget Style</h3>Select the widget style that best fits your store's needs: 1. Simple WidgetClean and minimalist design for straightforward cart recovery 2. Modern WidgetContemporary design with enhanced visual appeal 3. Modern with Quote OptionIncludes a quote request feature - perfect for B2B stores where customers need custom pricing <img src="https://files.clickconnector.app/f4ee30_image.1753029776607.png" alt="image.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">💡 Pro Tip: Visit our <a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Style Guide</a> for detailed comparisons and live previews of each style.</blockquote> Step 3: Position Your WidgetChoose where the widget appears on your cart page: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Center - Best for stores using a drawer/slide-out cart</li><li value="2" class="PlaygroundEditorTheme__listItem">Right - Recommended for standard cart page layouts</li><li value="3" class="PlaygroundEditorTheme__listItem">Left - Traditional placement option</li></ul><img src="https://files.clickconnector.app/f4ee30_image.1753029728024.png" alt="image.png" width="inherit" height="inherit">After selecting your preferred position: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Click 'Save' to apply changes</li><li value="2" class="PlaygroundEditorTheme__listItem">Visit your cart page to verify that the widget displays correctly</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1716813236458.png?alt=media" alt="image.png" width="inherit" height="inherit"> Troubleshooting Custom ThemesIf the widget isn't appearing correctly on your custom or non-standard theme: DIY OptionIf you're comfortable with CSS, check out our Widget Placement Guide for setup instructions. We'll Do It For YouNot familiar with CSS? No problem! Our support team can set up the widget directly on your store. Request Custom Setup or contact us via live chat for immediate assistance. 🎯 Success! Your Cart Widget is Now ActiveWith your widget enabled: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Live carts are now visible in your dashboard</li><li value="2" class="PlaygroundEditorTheme__listItem">Exit-intent popups will start appearing</li><li value="3" class="PlaygroundEditorTheme__listItem">You can begin monitoring customer activity in real-time</li></ul> Next Steps 1. Customize Your WidgetFine-tune colors, messaging, and behavior to match your brand 2. Configure Exit-Intent PopupsSet up targeted popups to reduce cart abandonment 3. Explore Cart Whisper Features<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Live Activity Feed</li><li value="2" class="PlaygroundEditorTheme__listItem">Cart Detail View</li><li value="3" class="PlaygroundEditorTheme__listItem">Convert carts to draft orders</li><li value="4" class="PlaygroundEditorTheme__listItem">Monitor customer journeys</li><li value="5" class="PlaygroundEditorTheme__listItem">Access advanced analytics </li></ul>Need Help?Our support team is here to ensure you get the most from Cart Whisper: 💬 Live Chat - Available directly in the app📧 Email Support - <a href="mailto:support@cartwhisper.com" class="PlaygroundEditorTheme__link">support@cartwhisper.com</a>📚 Knowledge Base - Detailed guides and tutorials Happy selling! 🛒🚀

Getting Started - Initial set up 

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Welcome to Cart Whisper 🎉</h1>Congratulations on installing Cart Whisper! This guide will walk you through setting up the cart widget on your Shopify store to start recovering abandoned carts and monitoring customer activity in real-time. What You'll Learn<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">How to activate the Cart Whisper widget</li><li value="2" class="PlaygroundEditorTheme__listItem">How to choose and customize your widget style</li><li value="3" class="PlaygroundEditorTheme__listItem">How to position the widget for optimal performance</li><li value="4" class="PlaygroundEditorTheme__listItem">Next steps to maximize Cart Whisper's features</li></ul> Step 1: Activate the Cart Whisper Widget<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Navigate to Cart Whisper's Home Page After installation, go to the app's home page in your Shopify admin. </li><li value="2" class="PlaygroundEditorTheme__listItem">Enable the Widget Click 'Enable Cart Whisper Widget' to activate the widgets on your storefront. This opens the app's embedded interface. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-setup.1703592638315.png?alt=media" alt="" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem">Select Your Theme</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The widget activation toggle should already be set to 'on'</li><li value="2" class="PlaygroundEditorTheme__listItem">Choose your store's theme from the dropdown menu</li><li value="3" class="PlaygroundEditorTheme__listItem">Wait for the settings to load</li></ul></li></ol><img src="https://files.clickconnector.app/f4ee30_image.1753029553433.png" alt="image.png" width="inherit" height="inherit">that <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Save Your Settings Click 'Save' to finalize the activation.</li></ol> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Important: The preset selectors are pre-configured for all themes in our database. Selecting the correct theme ensures seamless integration with your store. </blockquote> <h3 class="PlaygroundEditorTheme__h3" dir="ltr">Step 2: Choose Your Widget Style</h3>Select the widget style that best fits your store's needs: 1. Simple WidgetClean and minimalist design for straightforward cart recovery 2. Modern WidgetContemporary design with enhanced visual appeal 3. Modern with Quote OptionIncludes a quote request feature - perfect for B2B stores where customers need custom pricing <img src="https://files.clickconnector.app/f4ee30_image.1753029776607.png" alt="image.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">💡 Pro Tip: Visit our <a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Style Guide</a> for detailed comparisons and live previews of each style.</blockquote> Step 3: Position Your WidgetChoose where the widget appears on your cart page: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Center - Best for stores using a drawer/slide-out cart</li><li value="2" class="PlaygroundEditorTheme__listItem">Right - Recommended for standard cart page layouts</li><li value="3" class="PlaygroundEditorTheme__listItem">Left - Traditional placement option</li></ul><img src="https://files.clickconnector.app/f4ee30_image.1753029728024.png" alt="image.png" width="inherit" height="inherit">After selecting your preferred position: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Click 'Save' to apply changes</li><li value="2" class="PlaygroundEditorTheme__listItem">Visit your cart page to verify that the widget displays correctly</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1716813236458.png?alt=media" alt="image.png" width="inherit" height="inherit"> Troubleshooting Custom ThemesIf the widget isn't appearing correctly on your custom or non-standard theme: DIY OptionIf you're comfortable with CSS, check out our Widget Placement Guide for setup instructions. We'll Do It For YouNot familiar with CSS? No problem! Our support team can set up the widget directly on your store. Request Custom Setup or contact us via live chat for immediate assistance. 🎯 Success! Your Cart Widget is Now ActiveWith your widget enabled: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Live carts are now visible in your dashboard</li><li value="2" class="PlaygroundEditorTheme__listItem">Exit-intent popups will start appearing</li><li value="3" class="PlaygroundEditorTheme__listItem">You can begin monitoring customer activity in real-time</li></ul> Next Steps1. Customize Your WidgetFine-tune colors, messaging, and behavior to match your brand 2. Configure Exit-Intent PopupsSet up targeted popups to reduce cart abandonment 3. Explore Cart Whisper Features<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Live Activity Feed</li><li value="2" class="PlaygroundEditorTheme__listItem">Cart Detail View</li><li value="3" class="PlaygroundEditorTheme__listItem">Convert carts to draft orders</li><li value="4" class="PlaygroundEditorTheme__listItem">Monitor customer journeys</li><li value="5" class="PlaygroundEditorTheme__listItem">Access advanced analytics </li></ul>Need Help?Our support team is here to ensure you get the most from Cart Whisper: 💬 Live Chat - Available directly in the app📧 Email Support - <a href="mailto:support@cartwhisper.com" class="PlaygroundEditorTheme__link">support@cartwhisper.com</a>📚 Knowledge Base - Detailed guides and tutorials Happy selling! 🛒🚀

Welcome to Cart Whisper 🎉 customiseCongratulations on installing Cart Whisper! This guide walks you through setting up the cart widget in your Shopify store to start recovering abandoned carts and monitoring customer activity in real-time. What You'll Learn<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">How to activate the Cart Whisper widget</li><li value="2" class="PlaygroundEditorTheme__listItem">How to choose and customise your widget style</li><li value="3" class="PlaygroundEditorTheme__listItem">How to position the widget for optimal performance</li><li value="4" class="PlaygroundEditorTheme__listItem">Next steps to maximise Cart Whisper's features</li></ul> Step 1: Activate the Cart Whisper Widget<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Navigate to Cart Whisper's Home Page After installation, go to the app's home page in your Shopify admin. </li><li value="2" class="PlaygroundEditorTheme__listItem">Enable the Widget Click 'Enable Cart Whisper Widget' to activate the widgets on your storefront. This opens the app's embedded interface. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-setup.1703592638315.png?alt=media" alt="" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem">Select Your Theme</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The widget activation toggle should already be set to 'on'</li><li value="2" class="PlaygroundEditorTheme__listItem">Choose your store's theme from the dropdown menu</li><li value="3" class="PlaygroundEditorTheme__listItem">Wait for the settings to load</li></ul></li></ol><img src="https://files.clickconnector.app/f4ee30_image.1753029553433.png" alt="image.png" width="inherit" height="inherit">that <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Save Your Settings Click 'Save' to finalize the activation.</li></ol> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Important: The preset selectors are pre-configured for all themes in our database. Selecting the correct theme ensures seamless integration with your store. </blockquote> <h3 class="PlaygroundEditorTheme__h3" dir="ltr">Step 2: Choose Your Widget Style</h3>Select the widget style that best fits your store's needs: 1. Simple WidgetClean and minimalist design for straightforward cart recovery 2. Modern WidgetContemporary design with enhanced visual appeal 3. Modern with Quote OptionIncludes a quote request feature - perfect for B2B stores where customers need custom pricing <img src="https://files.clickconnector.app/f4ee30_image.1753029776607.png" alt="image.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">💡 Pro Tip: Visit our <a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Style Guide</a> for detailed comparisons and live previews of each style.</blockquote> Step 3: Position Your WidgetChoose where the widget appears on your cart page: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Center - Best for stores using a drawer/slide-out cart</li><li value="2" class="PlaygroundEditorTheme__listItem">Right - Recommended for standard cart page layouts</li><li value="3" class="PlaygroundEditorTheme__listItem">Left - Traditional placement option</li></ul><img src="https://files.clickconnector.app/f4ee30_image.1753029728024.png" alt="image.png" width="inherit" height="inherit">After selecting your preferred position: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Click 'Save' to apply changes</li><li value="2" class="PlaygroundEditorTheme__listItem">Visit your cart page to verify that the widget displays correctly</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1716813236458.png?alt=media" alt="image.png" width="inherit" height="inherit"> Troubleshooting Custom ThemesIf the widget isn't appearing correctly on your custom or non-standard theme: DIY OptionIf you're comfortable with CSS, check out our Widget Placement Guide for setup instructions. We'll Do It For YouNot familiar with CSS? No problem! Our support team can set up the widget directly on your store. Request Custom Setup or contact us via live chat for immediate assistance. 🎯 Success! Your Cart Widget is Now ActiveWith your widget enabled: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Live carts are now visible in your dashboard</li><li value="2" class="PlaygroundEditorTheme__listItem">Exit-intent popups will start appearing</li><li value="3" class="PlaygroundEditorTheme__listItem">You can begin monitoring customer activity in real-time</li></ul> Next Steps1. Customize Your WidgetFine-tune colors, messaging, and behavior to match your brand 2. Configure Exit-Intent PopupsSet up targeted popups to reduce cart abandonment 3. Explore Cart Whisper Features<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Live Activity Feed</li><li value="2" class="PlaygroundEditorTheme__listItem">Cart Detail View</li><li value="3" class="PlaygroundEditorTheme__listItem">Convert carts to draft orders</li><li value="4" class="PlaygroundEditorTheme__listItem">Monitor customer journeys</li><li value="5" class="PlaygroundEditorTheme__listItem">Access advanced analytics </li></ul>Need Help?Our support team is here to ensure you get the most from Cart Whisper: 💬 Live Chat - Available directly in the app📧 Email Support - <a href="mailto:support@cartwhisper.com" class="PlaygroundEditorTheme__link">support@cartwhisper.com</a>📚 Knowledge Base - Detailed guides and tutorials Happy selling! 🛒🚀

Cart Whisper helps you review recorded carts and shopper activity. Its storefront widget shows a Cart ID shoppers can quote when they ask for help. Start by enabling the Cart Whisper Widgets app embed in the theme you use. You can keep the embed enabled even if you choose to hide the visible widget.
<h2>Before you start</h2>
<ul>
<li>Cart Whisper is installed on your store and you can open it from Apps in your Shopify admin.</li>
<li>You know which theme is live on your store, and whether that theme was built on another theme (for example, a customised copy of Dawn).</li>
</ul>
<h2>Step 1: Check your widget status</h2>
Open Cart Whisper. The home page has a Widget Status card.
<ul>
<li>Active means the app embed is already on. Go to Step 3.</li>
<li>Inactive means setup isn't finished yet. The card says: "To activate real-time cart insights and make use of the app, please complete the setup of the Cart Whisper App."</li>
</ul>
<h2>Step 2: Switch on the app embed</h2>
<ol>
<li>On the Widget Status card, click Enable Cart Widget. Your theme editor opens in a new tab with the app embeds panel showing.</li>
<li>Make sure Cart Whisper Widgets is on.</li>
<li>Click Save in the theme editor.</li>
</ol>
Go back to Cart Whisper and refresh the page. The card should now show Active.
You can reopen the same embed settings at any time from Settings → Cart Widget → Modify Cart Widget in Cart Whisper.
<h2>Step 3: Pick your theme</h2>
Under the Cart Whisper Widgets embed in the theme editor, open the embed's settings.
<ol>
<li>In Select your original theme name, choose the theme your store is based on. Cart Whisper has saved widget locations for a long list of popular Shopify themes, and choosing yours tells the widget where to sit.</li>
<li>Click Save.</li>
</ol>
If your theme isn't in the list, or it's heavily customised, see If the widget doesn't appear below.
<h2>Step 4: Choose a style and placement</h2>
In the same embed settings:
<ol>
<li>Choose a Cart widget style: option: Simple Widget, Modern Widget (the default) or Modern Widget with Form. The <a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9">Widget Style Guide</a> explains the differences.</li>
<li>Under Widget placement:, choose Above or Under. This is relative to the widget location for your theme.</li>
<li>Under Widget alignment:, choose Left, Center or Right.</li>
<li>Click Save.</li>
</ol>
<h2>Step 5: Check your storefront</h2>
Add a product to your cart in your online store and open the cart page (<code>/cart</code>). Unless you selected Hide Widget, check for the Cart ID widget. Its default header is Your Cart ID:. If your theme uses a slide-out cart drawer or a pop-up cart notification, open those too. The widget can appear there as well.
<h2>What happens next</h2>
Once the embed is on:
<ul>
<li>Check that your test cart appears in the Cart Whisper dashboard. Processing can take time; if it does not appear, check your setup and contact support rather than assuming there were no carts.</li>
<li>Review the exit-intent popup separately. Its default is on, but your saved settings control whether it appears. See <a href="https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd">Implementing the exit-intent popup</a>.</li>
<li>You can open a tracked cart and create a Shopify draft order when the cart and your plan support it.</li>
</ul>
<h2>If the widget doesn't appear</h2>
<ul>
<li>Widget Status still says Inactive. Open the theme editor again, check Cart Whisper Widgets is on, and make sure you clicked Save on the theme you're editing. Changes to an unpublished theme won't show on your live store.</li>
<li>The embed is on, but you can't see the widget. Check Select your original theme name matches the theme your store is built on, then check Cart widget style: isn't set to Hide Widget.</li>
<li>Custom or unlisted themes. The embed has advanced location fields (Cart page widget location:, Sliding cart widget location:, Popup cart widget location:). These take CSS selectors from your theme. Only change them if you're comfortable inspecting your theme's code. Otherwise, contact us and we'll help.</li>
<li>Still stuck? Email support@cartwhisper.com with your store URL, your theme name, and a screenshot of your cart page. You can also book a free setup call from the Cart Whisper home page.</li>
</ul>

Getting started: switch on Cart Whisper in your theme

Cart Whisper helps you review recorded carts and shopper activity. Its storefront widget shows a Cart ID shoppers can quote when they ask for help. Start by enabling the Cart Whisper Widgets app embed in the theme you use. You can keep the embed enabled even if you choose to hide the visible widget.
<h2>Before you start</h2>
<ul>
<li>Cart Whisper is installed on your store and you can open it from Apps in your Shopify admin.</li>
<li>You know which theme is live on your store, and whether that theme was built on another theme (for example, a customised copy of Dawn).</li>
</ul>
<h2>Step 1: Check your widget status</h2>
Open Cart Whisper. The home page has a Widget Status card.
<ul>
<li>Active means the app embed is already on. Go to Step 3.</li>
<li>Inactive means setup isn't finished yet. The card says: "To activate real-time cart insights and make use of the app, please complete the setup of the Cart Whisper App."</li>
</ul>
<h2>Step 2: Switch on the app embed</h2>
<ol>
<li>On the Widget Status card, click Enable Cart Widget. Your theme editor opens in a new tab with the app embeds panel showing.</li>
<li>Make sure Cart Whisper Widgets is on.</li>
<li>Click Save in the theme editor.</li>
</ol>
Go back to Cart Whisper and refresh the page. The card should now show Active.
You can reopen the same embed settings at any time from Settings → Cart Widget → Modify Cart Widget in Cart Whisper.
<h2>Step 3: Pick your theme</h2>
Under the Cart Whisper Widgets embed in the theme editor, open the embed's settings.
<ol>
<li>In Select your original theme name, choose the theme your store is based on. Cart Whisper has saved widget locations for a long list of popular Shopify themes, and choosing yours tells the widget where to sit.</li>
<li>Click Save.</li>
</ol>
If your theme isn't in the list, or it's heavily customised, see If the widget doesn't appear below.
<h2>Step 4: Choose a style and placement</h2>
In the same embed settings:
<ol>
<li>Choose a Cart widget style: option: Simple Widget, Modern Widget (the default) or Modern Widget with Form. The <a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9">Widget Style Guide</a> explains the differences.</li>
<li>Under Widget placement:, choose Above or Under. This is relative to the widget location for your theme.</li>
<li>Under Widget alignment:, choose Left, Center or Right.</li>
<li>Click Save.</li>
</ol>
<h2>Step 5: Check your storefront</h2>
Add a product to your cart in your online store and open the cart page (<code>/cart</code>). Unless you selected Hide Widget, check for the Cart ID widget. Its default header is Your Cart ID:. If your theme uses a slide-out cart drawer or a pop-up cart notification, open those too. The widget can appear there as well.
<h2>What happens next</h2>
Once the embed is on:
<ul>
<li>Check that your test cart appears in the Cart Whisper dashboard. Processing can take time; if it does not appear, check your setup and contact support rather than assuming there were no carts.</li>
<li>Review the exit-intent popup separately. Its default is on, but your saved settings control whether it appears. See <a href="https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd">Implementing the exit-intent popup</a>.</li>
<li>You can open a tracked cart and create a Shopify draft order when the cart and your plan support it.</li>
</ul>
<h2>If the widget doesn't appear</h2>
<ul>
<li>Widget Status still says Inactive. Open the theme editor again, check Cart Whisper Widgets is on, and make sure you clicked Save on the theme you're editing. Changes to an unpublished theme won't show on your live store.</li>
<li>The embed is on, but you can't see the widget. Check Select your original theme name matches the theme your store is built on, then check Cart widget style: isn't set to Hide Widget.</li>
<li>Custom or unlisted themes. The embed has advanced location fields (Cart page widget location:, Sliding cart widget location:, Popup cart widget location:). These take CSS selectors from your theme. Only change them if you're comfortable inspecting your theme's code. Otherwise, contact us and we'll help.</li>
<li>Still stuck? Email support@cartwhisper.com with your store URL, your theme name, and a screenshot of your cart page. You can also book a free setup call from the Cart Whisper home page.</li>
</ul>
<h2>Related guides</h2>
<ul>
<li><a href="https://help.cartwhisper.com/articles/widget-style-guide-simple-modern-modern-with-form-or-hidden-f4ee30-176a9">Widget Style Guide: Simple, Modern, Modern with Form, or hidden</a></li>
<li><a href="https://help.cartwhisper.com/articles/high-value-cart-alerts-email-your-team-about-big-idle-carts-f4ee30-ycvcm">High-value cart alerts: email your team about big idle carts</a></li>
</ul>

Install Cart Whisper, enable your theme embed and check your first test cart.

Was this article helpful?