<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Welcome to Cart Whisper🎉</h2> Congratulations on installing Cart Whisper! you may be wondering what to do next. The next step is to ensure the cart widget is correctly set up and positioned 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> Step 1: Activating the Cart Whisper WidgetUpon installation, navigate to the app's home page and click 'Enable Cart Whisper Widget' as shown below to activate the widgets on your storefront. This will take you to the app embedded interface on the 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"> After accessing the interface, you will see the widget activation toggle already set to 'on'. Your next steps are to select your store's theme from the drop-down list, wait for the settings to load, and then click 'Save' to finalize the activation." <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">Important Configuration Note: The preset selectors, as shown above, play a crucial role in the widget's integration with your Shopify theme. These selectors are pre-configured accurately for all themes listed in our database. Ensure you select the name of your theme to guarantee a smooth 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 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.1703605212152.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! 🛒🚀

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

Congratulations on installing Cart Whisper! you may be wondering what to do next.  
The next step is to ensure the cart widget is correctly set up and positioned 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****

Upon installation, navigate to the app's home page and click 'Enable Cart Whisper Widget' as shown below to activate the widgets on your storefront. This will take you to the app embedded interface on the storefront.

![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-setup.1703592638315.png?alt=media)

After accessing the interface, you will see the widget activation toggle already set to 'on'. Your next steps are to select your store's theme from the drop-down list, wait for the settings to load, and then click 'Save' to finalize the activation."

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

****Important Configuration Note:****  
The preset selectors, as shown above, play a crucial role in the widget's integration with your Shopify theme. These selectors are pre-configured accurately for all themes listed in our database. Ensure you select the name of your theme to guarantee a smooth 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 3 options:

* Simple Widget
* Modern Widget
* Modern with the option for the customer to summit 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)

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:

* Center: Recommended for stores using a drawer cart.
* Right: Recommended for standard cart page layouts.
* Left: A conventional choice.

Once you select the desired alignment, remember to save your settings.

![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_cart-whisper-alignment.1703592867503.png?alt=media)

After saving your settings, visit the cart page to verify that the widget is displayed properly.

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

****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[Widget Placement Guide](https://help.cartwhisper.com/articles/widget-placement-guide-f4ee30-9aa5d) 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:****

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

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Welcome to Cart Whisper🎉</h1> Congratulations on installing Cart Whisper! you may be wondering what to do next.The next step is to ensure the cart widget is correctly set up and positioned 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> Step 1: Activating the Cart Whisper WidgetUpon installation, navigate to the app's home page and click 'Enable Cart Whisper Widget' to activate the widgets on your storefront. This will take you to the app embedded interface on the 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"> After accessing the interface, you will see the widget activation toggle already set to 'on'. Your next steps are to select your store's theme from the drop-down list, wait for the settings to load, and then click 'Save' to finalize the activation." <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_new-widget-settigns.1707483046034.png?alt=media" alt="" width="inherit" height="inherit"> Important Configuration Note: The preset selectors, as shown above, play a crucial role in the widget's integration with your Shopify theme. These selectors are pre-configured accurately for all themes listed in our database. Ensure you select the name of your theme to guarantee a smooth 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 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 ?: 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.1703605212152.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 shopping carts will 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. Next Steps:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Customize the Cart Widget: Align it with your brands identity, by customizing its appearance and content. For detailed instructions, <a href="https://help.cartwhisper.com/articles/customizing-the-cart-widget-f4ee30-5df6e" target="_new" rel="noreferrer" class="PlaygroundEditorTheme__link">click here</a>.</li></ul><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Set Up the Exit-Intent Popup: To reduce cart abandonment, configure this popup. Setup instructions can be found <a href="https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd" target="_new" rel="noreferrer" class="PlaygroundEditorTheme__link">here</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 

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Welcome to Cart Whisper🎉</h1> Congratulations on installing Cart Whisper! you may be wondering what to do next.The next step is to ensure the cart widget is correctly set up and positioned 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> Step 1: Activating the Cart Whisper WidgetUpon installation, navigate to the app's home page and click 'Enable Cart Whisper Widget' to activate the widgets on your storefront. This will take you to the app embedded interface on the 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"> After accessing the interface, you will see the widget activation toggle already set to 'on'. Your next steps are to select your store's theme from the drop-down list, wait for the settings to load, and then click 'Save' to finalize the activation." <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">Important Configuration Note: The preset selectors, as shown above, play a crucial role in the widget's integration with your Shopify theme. These selectors are pre-configured accurately for all themes listed in our database. Ensure you select the name of your theme to guarantee a smooth 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 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.1703605212152.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 shopping carts will 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. Next Steps:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Customize the Cart Widget: Align it with your brands identity, by customizing its appearance and content. For detailed instructions, <a href="https://help.cartwhisper.com/articles/customizing-the-cart-widget-f4ee30-5df6e" target="_new" rel="noreferrer" class="PlaygroundEditorTheme__link">click here</a>.</li></ul><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Set Up the Exit-Intent Popup: To reduce cart abandonment, configure this popup. Setup instructions can be found <a href="https://help.cartwhisper.com/articles/implementing-exit-intent-popup-f4ee30-250fd" target="_new" rel="noreferrer" class="PlaygroundEditorTheme__link">here</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! 🛒🚀

<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Welcome to Cart Whisper🎉</h2> Congratulations on installing Cart Whisper! you may be wondering what to do next. The next step is to ensure the cart widget is correctly set up and positioned 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> Step 1: Activating the Cart Whisper WidgetUpon installation, navigate to the app's home page and click 'Enable Cart Whisper Widget' as shown below to activate the widgets on your storefront. This will take you to the app embedded interface on the 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"> After accessing the interface, you will see the widget activation toggle already set to 'on'. Your next steps are to select your store's theme from the drop-down list, wait for the settings to load, and then click 'Save' to finalize the activation." <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">Important Configuration Note: The preset selectors, as shown above, play a crucial role in the widget's integration with your Shopify theme. These selectors are pre-configured accurately for all themes listed in our database. Ensure you select the name of your theme to guarantee a smooth 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 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.1703605212152.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 shopping carts will 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. 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! 🛒🚀

<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Welcome to Cart Whisper🎉</h2> Congratulations on installing Cart Whisper! you may be wondering what to do next. The next step is to ensure the cart widget is correctly set up and positioned 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> Step 1: Activating the Cart Whisper WidgetUpon installation, navigate to the app's home page and click 'Enable Cart Whisper Widget' as shown below to activate the widgets on your storefront. This will take you to the app embedded interface on the 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"> After accessing the interface, you will see the widget activation toggle already set to 'on'. Your next steps are to select your store's theme from the drop-down list, wait for the settings to load, and then click 'Save' to finalize the activation." <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">Important Configuration Note: The preset selectors, as shown above, play a crucial role in the widget's integration with your Shopify theme. These selectors are pre-configured accurately for all themes listed in our database. Ensure you select the name of your theme to guarantee a smooth 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 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.1703605212152.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! 🛒🚀

<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Welcome to Cart Whisper🎉</h2> Congratulations on installing Cart Whisper! you may be wondering what to do next. The next step is to ensure the cart widget is correctly set up and positioned 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> Step 1: Activating the Cart Whisper WidgetUpon installation, navigate to the app's home page and click 'Enable Cart Whisper Widget' as shown below to activate the widgets on your storefront. This will take you to the app embedded interface on the 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"> After accessing the interface, you will see the widget activation toggle already set to 'on'. Your next steps are to select your store's theme from the drop-down list, wait for the settings to load, and then click 'Save' to finalize the activation." <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">Important Configuration Note: The preset selectors, as shown above, play a crucial role in the widget's integration with your Shopify theme. These selectors are pre-configured accurately for all themes listed in our database. Ensure you select the name of your theme to guarantee a smooth 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 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.1703605212152.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! 🛒🚀

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?