<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! 🛒🚀

A Quick Guide to Getting Started with Cart Whisper

# ****Welcome to Cart Whisper 🎉****

Congratulationson 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****

* How to activate the Cart Whisper widget
* How to choose and customize your widget style
* How to position the widget for optimal performance
* Next steps to maximize Cart Whisper's features

****Step 1: Activate the Cart Whisper Widget****

1. ****Navigate to Cart Whisper's Home Page****  
After installation, go to the app's home page in your Shopify admin.
2. ****Enable the Widget****  
Click 'Enable Cart Whisper Widget' to activate the widgets on your storefront. This opens the app's embedded interface.  
  
![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-setup.1703592638315.png?alt=media)
3. ****Select Your Theme****
4. * The widget activation toggle should already be set to 'on'
   * Choose your store's theme from the dropdown menu
   * Wait for the settings to load

![image.png](https://files.clickconnector.app/f4ee30_image.1753029553433.png)that

1. ****Save Your Settings****  
Click****'Save'****to finalize the activation.

> ****Important:****The preset selectors are pre-configured for all themes in our database. Selecting the correct theme ensures seamless integration with your store.

### ****Step 2: Choose Your Widget Style****

Select the widget style that best fits your store's needs:

****1\. Simple Widget****

Clean and minimalist design for straightforward cart recovery

****2\. Modern Widget****

Contemporary design with enhanced visual appeal

****3\. Modern with Quote Option****

Includes a quote request feature - perfect for B2B stores where customers need custom pricing

![image.png](https://files.clickconnector.app/f4ee30_image.1753029776607.png)

> 💡 Pro Tip: Visit our[Widget Style Guide](https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9)for detailed comparisons and live previews of each style.

****Step 3: Position Your Widget****

Choose where the widget appears on your cart page:

* Center - Best for stores using a drawer/slide-out cart
* Right - Recommended for standard cart page layouts
* Left - Traditional placement option

![image.png](https://files.clickconnector.app/f4ee30_image.1753029728024.png)

****After selecting your preferred position:****

1. Click 'Save' to apply changes
2. Visit your cart page to verify that the widget displays correctly

![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1716813236458.png?alt=media)

****Troubleshooting Custom Themes****

If the widget isn't appearing correctly on your custom or non-standard theme:

****DIY Option****

If you're comfortable with CSS, check out our Widget Placement Guide for setup instructions.

****We'll Do It For You****

Not 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 Active****

With your widget enabled:

* Live carts are now visible in your dashboard
* Exit-intent popups will start appearing
* You can begin monitoring customer activity in real-time

****Next Steps****

****1\. Customize Your Widget****

Fine-tune colors, messaging, and behavior to match your brand

****2\. Configure Exit-Intent Popups****

Set up targeted popups to reduce cart abandonment

****3\. Explore Cart Whisper Features****

* Live Activity Feed
* Cart Detail View
* Convert carts to draft orders
* Monitor customer journeys
* Access advanced analytics

****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 -[support@cartwhisper.com](mailto:support@cartwhisper.com)

📚 Knowledge Base - Detailed guides and tutorials

Happy selling! 🛒🚀

Welcome to Cart Whisper🎉 Congratulations on installing Cart Whisper! If you're wondering what to do next, this guide will help you set up and position the cart widget in your Shopify store for optimal performance. What's Inside This Guide<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Activating the Cart Widgets</li><li value="2" class="PlaygroundEditorTheme__listItem">Important Configuration Note</li><li value="3" class="PlaygroundEditorTheme__listItem">Positioning the Cart Widget</li></ol> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Step 1: Activating the Cart Whisper Widget</h3> 1. Navigate to the App's Home Page: Go to the app's home page after installation. 2. Enable the Cart Whisper Widget: Click 'Enable Cart Whisper Widget' to activate the widgets on your storefront. This will bring up the app's embedded interface on your storefront. <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"> 3. Select Your Store's Theme: In the interface, you will notice the widget activation toggle is set to 'on'. Choose your store's theme from the drop-down list. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_app-embed.1711381275192.png?alt=media" alt="" width="inherit" height="inherit">4. Save Settings: Wait for the settings to load, then click 'Save' to finalise the activation. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Important Configuration Note</h3>The preset selectors are crucial for the widget's integration with your Shopify theme. These selectors are pre-configured for all themes listed in our database. Ensure you select the correct theme name for a seamless integration process. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Step 2: Choose Widget Style</h3>From the drop-down below, choose the widget you want to use for your store. There are three options: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Simple Widget</li><li value="2" class="PlaygroundEditorTheme__listItem">Modern Widget</li><li value="3" class="PlaygroundEditorTheme__listItem">Modern with Quote Option: This includes an option for customers to submit their cart to support a quote, etc.</li></ol> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1710332596908.png?alt=media" alt="image.png" width="inherit" height="inherit"> Refer to the <a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Style Guide</a> for more details about each widget style. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Step 3: Configuring Widget Positioning</h3>Choose the widget's alignment on your page from these options: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Center: Recommended for stores using a drawer cart.</li><li value="2" class="PlaygroundEditorTheme__listItem">Right: Recommended for standard cart page layouts.</li><li value="3" class="PlaygroundEditorTheme__listItem">Left: A conventional choice.</li><li value="4" class="PlaygroundEditorTheme__listItem">Save Your Settings: After selecting the desired alignment, ensure you save your settings.</li></ol> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-alignment.1703592867503.png?alt=media" alt="" width="inherit" height="inherit">5. Verify Widget Display: Visit the cart page to confirm that the widget is displayed properly. <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"> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">For Custom or Non-Standard Themes</h3>If the widget isn't appearing as expected, there may be an issue with the CSS selectors. Here’s how to fix it: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Know a Bit About CSS?: Dive into our&nbsp;<a href="https://beta.safetmind.com/link-to-placement-guide" class="PlaygroundEditorTheme__link">Widget Placement Guide</a>&nbsp;for straightforward setup instructions.</li></ul> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">CSS a Bit of a Mystery?: No worries! Our support team is ready to assist. Simply submit the form below, and we'll take care of it for you. We can set up the widget directly on your store to ensure it displays correctly.</li></ul> <a href="https://help.cartwhisper.com/articles/contact-f4ee30-e579d" rel="noreferrer" class="PlaygroundEditorTheme__link">Request Custom Setup</a> You can also get in touch with us via live chat for immediate assistance. We're always here to ensure everything works perfectly with your widget! Great news! Your Cart Widget is now enabled, live carts will now become visible, and both the widget and exit-intent popup will begin appearing on your store. Now that the Cart Widget has been activated, it's time to tailor its settings to your specific needs, and make the most out of Cart Whisper, so let's start with next steps Next Steps:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem"><a href="https://help.cartwhisper.com/articles/customizing-the-cart-widget-f4ee30-5df6e" rel="noreferrer" class="PlaygroundEditorTheme__link">Customize the Cart Widget</a></li></ul><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem"><a href="https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd" rel="noreferrer" class="PlaygroundEditorTheme__link">Set Up the Exit-Intent Popup</a></li></ul><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Monitor and Convert Carts: Use Cart Whisper's real-time insights to transform carts into orders.</li></ul> Our support team is ready to assist you with any further steps or questions. Happy selling! 🛒🚀

Getting Started - Initial set up 

Welcome to Cart Whisper🎉 Congratulations on installing Cart Whisper! If you're wondering what to do next, this guide will help you set up and position the cart widget in your Shopify store for optimal performance. What's Inside This Guide<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Activating the Cart Widgets</li><li value="2" class="PlaygroundEditorTheme__listItem">Important Configuration Note</li><li value="3" class="PlaygroundEditorTheme__listItem">Positioning the Cart Widget</li></ol> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Step 1: Activating the Cart Whisper Widget</h3> 1. Navigate to the App's Home Page: Go to the app's home page after installation. 2. Enable the Cart Whisper Widget: Click 'Enable Cart Whisper Widget' to activate the widgets on your storefront. This will bring up the app's embedded interface on your storefront. <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"> 3. Select Your Store's Theme: In the interface, you will notice the widget activation toggle is set to 'on'. Choose your store's theme from the drop-down list. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_app-embed.1711381275192.png?alt=media" alt="" width="inherit" height="inherit">4. Save Settings: Wait for the settings to load, then click 'Save' to finalise the activation. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Important Configuration Note</h3>The preset selectors are crucial for the widget's integration with your Shopify theme. These selectors are pre-configured for all themes listed in our database. Ensure you select the correct theme name for a seamless integration process. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Step 2: Choose Widget Style</h3>From the drop-down below, choose the widget you want to use for your store. There are three options: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Simple Widget</li><li value="2" class="PlaygroundEditorTheme__listItem">Modern Widget</li><li value="3" class="PlaygroundEditorTheme__listItem">Modern with Quote Option: This includes an option for customers to submit their cart to support a quote, etc.</li></ol> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1710332596908.png?alt=media" alt="image.png" width="inherit" height="inherit"> Refer to the <a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Style Guide</a> for more details about each widget style. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Step 3: Configuring Widget Positioning</h3>Choose the widget's alignment on your page from these options: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Center: Recommended for stores using a drawer cart.</li><li value="2" class="PlaygroundEditorTheme__listItem">Right: Recommended for standard cart page layouts.</li><li value="3" class="PlaygroundEditorTheme__listItem">Left: A conventional choice.</li><li value="4" class="PlaygroundEditorTheme__listItem">Save Your Settings: After selecting the desired alignment, ensure you save your settings.</li></ol> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-alignment.1703592867503.png?alt=media" alt="" width="inherit" height="inherit">5. Verify Widget Display: Visit the cart page to confirm that the widget is displayed properly. <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"> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">For Custom or Non-Standard Themes</h3>If the widget isn't appearing as expected, there may be an issue with the CSS selectors. Here’s how to fix it: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Know a Bit About CSS?: Dive into our&nbsp;<a href="https://beta.safetmind.com/link-to-placement-guide" class="PlaygroundEditorTheme__link">Widget Placement Guide</a>&nbsp;for straightforward setup instructions.</li></ul> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">CSS a Bit of a Mystery?: No worries! Our support team is ready to assist. Simply submit the form below, and we'll take care of it for you. We can set up the widget directly on your store to ensure it displays correctly.</li></ul> <a href="https://help.cartwhisper.com/articles/contact-f4ee30-e579d" rel="noreferrer" class="PlaygroundEditorTheme__link">Request Custom Setup</a> You can also get in touch with us via live chat for immediate assistance. We're always here to ensure everything works perfectly with your widget! Great news! Your Cart Widget is now enabled, live carts will now become visible, and both the widget and exit-intent popup will begin appearing on your store. Now that the Cart Widget has been activated, it's time to tailor its settings to your specific needs, and make the most out of Cart Whisper, so let's start with next steps Next Steps:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem"><a href="https://help.cartwhisper.com/articles/customizing-the-cart-widget-f4ee30-5df6e" rel="noreferrer" class="PlaygroundEditorTheme__link">Customize the Cart Widget</a></li></ul><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem"><a href="https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd" rel="noreferrer" class="PlaygroundEditorTheme__link">Set Up the Exit-Intent Popup</a></li></ul><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Monitor and Convert Carts: Use Cart Whisper's real-time insights to transform carts into orders.</li></ul> Our support team is ready to assist you with any further steps or questions. Happy selling! 🛒🚀

<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! 🛒🚀

<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! 🛒🚀

The following articles will guide you through configuring the app and tailoring both the cart and exit popup widget to align with your brand’s identity and communication style. This customization will improve support on the cart page and help reduce cart abandonment, ultimately leading to increased sales.

Was this article helpful?