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: After installation, go to the app's home page. 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 finalize 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 type of widget you would like 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 for 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"> For more details about each widget style, refer to the&nbsp;<a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Style Guide</a>. <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! 🛒🚀

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

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

1. Activating the Cart Widgets
2. Important Configuration Note
3. Positioning the Cart Widget

### Step 1: Activating the Cart Whisper Widget

****1.****Navigate to the App's Home Page: After installation, go to the app's home page.  
****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.

![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-setup.1703592638315.png?alt=media)  
****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.

![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_app-embed.1711381275192.png?alt=media)****4\. Save Settings****: Wait for the settings to load, then click 'Save' to finalize the activation.

### Important Configuration Note

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

### Step 2: Choose Widget Style

From the drop-down below, choose the type of widget you would like to use for your store. There are three options:

1. ****Simple Widget****
2. ****Modern Widget****
3. ****Modern with Quote Option****: This includes an option for customers to submit their cart to support for a quote, etc.

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

For more details about each widget style, refer to the[Widget Style Guide](https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9).

### Step 3: Configuring Widget Positioning

Choose the widget's alignment on your page from these options:

1. ****Center****: Recommended for stores using a drawer cart.
2. ****Right****: Recommended for standard cart page layouts.
3. ****Left****: A conventional choice.
4. ****Save Your Settings****: After selecting the desired alignment, ensure you save your settings.

![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-alignment.1703592867503.png?alt=media)****5\. Verify Widget Display****: Visit the cart page to confirm that the widget is displayed properly.

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

### For Custom or Non-Standard Themes

If the widget isn't appearing as expected, there may be an issue with the CSS selectors. Here’s how to fix it:

* ****Know a Bit About CSS?****: Dive into our[Widget Placement Guide](https://beta.safetmind.com/link-to-placement-guide)for straightforward setup instructions.

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

[****Request Custom Setup****](https://help.cartwhisper.com/articles/contact-f4ee30-e579d)

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

* [****Customize the Cart Widget****](https://help.cartwhisper.com/articles/customizing-the-cart-widget-f4ee30-5df6e)

* [****Set Up the Exit-Intent Popup****](https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd)

* ****Monitor and Convert Carts:****Use Cart Whisper's real-time insights to transform carts into orders.

Our support team is ready to assist you with any further steps or questions. 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: After installation, go to the app's home page. 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 finalize the activation. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Important Configuration Note</h3><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">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.</li></ul> Step 2: Choose Widget Style From the drop down below choose the type of widget you would like to use for your store, there are 3 options: <ul class="PlaygroundEditorTheme__ul"><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 the option for the customer to summit their cart to support for a quote etc..</li></ul><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">Head over to the following guide to lean more about each widget style. Step 3: Configuring Widget Positioning Choose the widget's alignment on your page from the following options: <ul class="PlaygroundEditorTheme__ul"><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></ul> Once you select the desired alignment, remember to save your settings. <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">After saving your settings, visit the cart page to verify 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"> For Custom or Non-Standard Themes:If the widget isn't appearing at all, or if it's not displaying as it should, it's likely just a tiny hiccup with the CSS selectors. No worries, it’s a quick fix! Easy Solutions to Get Back on Track: Know a Bit About CSS? Fantastic! Dive into our <a href="https://help.cartwhisper.com/articles/widget-placement-guide-f4ee30-9aa5d" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Placement Guide</a> for straightforward setup instructions.CSS a Bit of a Mystery? All good! Our support team is here and happy to assist. We'll provide the exact selectors you need, ensuring your widget pops up just right. We're always here to ensure everything works like a charm 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: After installation, go to the app's home page. 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 finalize the activation. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Important Configuration Note</h3><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">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.</li></ul> <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: left;">Step 2: Choose Widget Style</h3>From the drop-down below, choose the type of widget you would like 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 for 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"> For more details about each widget style, refer to the&nbsp;<a href="https://beta.safetmind.com/link-to-widget-style-guide" class="PlaygroundEditorTheme__link">Widget Style Guide</a>. <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://beta.safetmind.com/link-to-form" 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! 🛒🚀

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: After installation, go to the app's home page. 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 finalize 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 type of widget you would like 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 for 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"> For more details about each widget style, refer to the&nbsp;<a href="https://beta.safetmind.com/link-to-widget-style-guide" class="PlaygroundEditorTheme__link">Widget Style Guide</a>. <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://beta.safetmind.com/link-to-form" 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! 🛒🚀

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: After installation, go to the app's home page. 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 finalize 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 type of widget you would like 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 for 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"> For more details about each widget style, refer to the&nbsp;<a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Style Guide</a>. <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://beta.safetmind.com/link-to-form" 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! 🛒🚀

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: After installation, go to the app's home page. 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 finalize 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 type of widget you would like 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 for 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"> For more details about each widget style, refer to the&nbsp;<a href="https://help.cartwhisper.com/articles/widget-style-guide-f4ee30-176a9" rel="noreferrer" class="PlaygroundEditorTheme__link">Widget Style Guide</a>. <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! 🛒🚀

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?