Now that you've enabled the Cart Whisper app on your Shopify store, it's time to delve into the customization phase. By personalizing the widget, you can significantly elevate your brand's online presence and tap into higher conversion rates. Maximize Your Shopify Store's Conversions: Customize Your Cart Whisper Widget Enhance your brand's online presence and increase conversion rates by tailoring the Cart Whisper widget to match your store's unique style and tone. Follow these steps to optimize the widget's position, color, and settings directly from your Shopify admin dashboard. 1. Accessing Widget Settings: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to your <a href="https://admin.shopify.com/store" rel="noreferrer" class="PlaygroundEditorTheme__link">Shopify admin </a>dashboard.</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to the <a href="https://admin.shopify.com/apps/cartassist/settings" rel="noreferrer" class="PlaygroundEditorTheme__link">Cart Whisper</a> app to access the cart widget settings.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621845358.png?alt=media" alt="image.png" width="500" height="41"> New Feature 2. Card ID Format: Choose the number the Cart ID starts at, by default it's set to 1, To customize the Cart ID format, edit the prefix in the box below. Changes will only apply to future carts.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1702419765154.png?alt=media" alt="image.png" width="inherit" height="inherit"> 3. Widget Display Settings: a. Modify Widget Position: Choose the optimal placement for the Cart Widget on the cart page for maximum engagement. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Top of the cart page: Ensure immediate visibility for shoppers.</li><li value="2" class="PlaygroundEditorTheme__listItem">Bottom of the cart page: Capture attention effectively as shoppers review their cart.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621906555.png?alt=media" alt="image.png" width="inherit" height="inherit"> b. Customize Widget Appearance: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Background Color: Select a background color that complements your brand's palette, ensuring a cohesive shopping experience. </li><li value="2" class="PlaygroundEditorTheme__listItem">Border Color: Use the color picker to find a border color that enhances the widget’s appeal while aligning with your brand's style.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621943880.png?alt=media" alt="image.png" width="inherit" height="inherit"> 4. Set Widget Preferences:Configure the widget's presentation for a personalized touch. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Option 1: Display only the Cart ID for a minimalistic approach. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733578131.png?alt=media" alt="image.png" width="inherit" height="inherit"> </li><li value="2" class="PlaygroundEditorTheme__listItem">Option 2: Show the Cart ID along with custom text and additional elements for a more informative widget. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733550734.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ul> 5. Widget Design and Content Customization:Gain full control over the widget's visual and textual components to fortify your e-commerce marketing efforts. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Visual Customization: Adjust text colors, font sizes, and formatting to reflect your brand's identity flawlessly.</li><li value="2" class="PlaygroundEditorTheme__listItem"></li><li value="3" class="PlaygroundEditorTheme__listItem">Text Customization: Craft compelling, conversion-optimized messages that resonate with your brand's voice and enhance the shopping experience.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621991300.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622001292.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622009810.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622021934.png?alt=media" alt="image.png" width="inherit" height="inherit">

Walkthroughs on where and how to display the cart widget, including placement options and visibility settings.

Now that you've enabled the Cart Whisper app on your Shopify store, it's time to delve into the customization phase. By personalizing the widget, you can significantly elevate your brand's online presence and tap into higher conversion rates.

****Maximize Your Shopify Store's Conversions: Customize Your Cart Whisper Widget****

Enhance your brand's online presence and increase conversion rates by tailoring the Cart Whisper widget to match your store's unique style and tone. Follow these steps to optimize the widget's position, color, and settings directly from your Shopify admin dashboard.

****1\. Accessing Widget Settings:****

* Log in to your[Shopify admin](https://admin.shopify.com/store)dashboard.
* Navigate to the[**Cart Whisper**](https://admin.shopify.com/apps/cartassist/settings)app to access the cart widget settings.

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

New Feature

****2\. Card ID Format:****  
Choose the number the Cart ID starts at, by default it's set to 1, To customize the Cart ID format, edit the prefix in the box below. Changes will only apply to future carts.

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

****3\. Widget Display Settings:****

****a. Modify Widget Position:****  
Choose the optimal placement for the Cart Widget on the cart page for maximum engagement.

* ****Top of the cart page****: Ensure immediate visibility for shoppers.
* ****Bottom of the cart page****: Capture attention effectively as shoppers review their cart.

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

****b. Customize Widget Appearance:****

* ****Background Color****: Select a background color that complements your brand's palette, ensuring a cohesive shopping experience.
* ****Border Color****: Use the color picker to find a border color that enhances the widget’s appeal while aligning with your brand's style.

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

****4\. Set Widget Preferences:****

Configure the widget's presentation for a personalized touch.

* ****Option 1****: Display only the Cart ID for a minimalistic approach.  
  
![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733578131.png?alt=media)
* ****Option 2****: Show the Cart ID along with custom text and additional elements for a more informative widget.  
  
![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733550734.png?alt=media)

****5\. Widget Design and Content Customization:****

Gain full control over the widget's visual and textual components to fortify your e-commerce marketing efforts.

* ****Visual Customization****: Adjust text colors, font sizes, and formatting to reflect your brand's identity flawlessly.
* ****Text Customization****: Craft compelling, conversion-optimized messages that resonate with your brand's voice and enhance the shopping experience.

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

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

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

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

Maximize Your Shopify Store's Conversions: Customize Your Cart Whisper WidgetEnhance your brand's online presence and increase conversion rates by tailoring the Cart Whisper widget to match your store's unique style and tone. Follow these steps to optimize the widget's position, color, and settings directly from your Shopify admin dashboard. 1. Accessing Widget Settings: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to your <a href="https://admin.shopify.com/store" rel="noreferrer" class="PlaygroundEditorTheme__link">Shopify admin </a>dashboard.</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to the <a href="https://admin.shopify.com/apps/cartassist/settings" rel="noreferrer" class="PlaygroundEditorTheme__link">Cart Whisper</a> app to access the cart widget settings.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621845358.png?alt=media" alt="image.png" width="500" height="41"> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Widget Display Setting</h2> a. Modify Widget Position: Choose the optimal placement for the Cart Widget on the cart page for maximum engagement. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Top of the cart page: Ensure immediate visibility for shoppers.</li><li value="2" class="PlaygroundEditorTheme__listItem">Bottom of the cart page: Capture attention effectively as shoppers review their cart.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621906555.png?alt=media" alt="image.png" width="inherit" height="inherit"> Customize Widget Appearance: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Background Color: Here, you can choose a background colour matching your brand's colour scheme to create a cohesive design.</li><li value="2" class="PlaygroundEditorTheme__listItem">Border Color: You: Use the color picker to choose the perfect border color that complements your brand’s tone, enhancing the aesthetics of your cart page for better performance.</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621943880.png?alt=media" alt="image.png" width="inherit" height="inherit"> Set Widget Preference This feature allows you to choose how the cart widget is presented. You have two options to choose from: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Displays only the Cart ID <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733578131.png?alt=media" alt="image.png" width="inherit" height="inherit"> </li><li value="2" class="PlaygroundEditorTheme__listItem">Showcases the Cart ID along with your custom text and other elements <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733550734.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ol> Widget Design and Content Customization This feature empowers you with advanced control over the widget's visual elements and textual content, empowering your marketing strategy for e-commerce success. - You have the ability to tailor the text colors displayed, font size, and text format styles, allowing for a finely tuned widget that seamlessly reflects your brand's aesthetic. - Create compelling, conversion-focused messages that seamlessly integrate with your brand's identity and marketing strategy, thus increasing Cart conversions on your Shopify store. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621991300.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622001292.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622009810.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622021934.png?alt=media" alt="image.png" width="inherit" height="inherit">colour

Customizing The Cart Widget 

Maximize Your Shopify Store's Conversions: Customize Your Cart Whisper Widget Enhance your brand's online presence and increase conversion rates by tailoring the Cart Whisper widget to match your store's unique style and tone. Follow these steps to optimize the widget's position, color, and settings directly from your Shopify admin dashboard. 1. Accessing Widget Settings: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to your <a href="https://admin.shopify.com/store" rel="noreferrer" class="PlaygroundEditorTheme__link">Shopify admin </a>dashboard.</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to the <a href="https://admin.shopify.com/apps/cartassist/settings" rel="noreferrer" class="PlaygroundEditorTheme__link">Cart Whisper</a> app to access the cart widget settings.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621845358.png?alt=media" alt="image.png" width="500" height="41"> 2. Widget Display Settings: a. Modify Widget Position: Choose the optimal placement for the Cart Widget on the cart page for maximum engagement. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Top of the cart page: Ensure immediate visibility for shoppers.</li><li value="2" class="PlaygroundEditorTheme__listItem">Bottom of the cart page: Capture attention effectively as shoppers review their cart.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621906555.png?alt=media" alt="image.png" width="inherit" height="inherit"> b. Customize Widget Appearance: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Background Color: Select a background color that complements your brand's palette, ensuring a cohesive shopping experience.</li><li value="2" class="PlaygroundEditorTheme__listItem"></li><li value="3" class="PlaygroundEditorTheme__listItem">Border Color: Use the color picker to find a border color that enhances the widget’s appeal while aligning with your brand's style.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621943880.png?alt=media" alt="image.png" width="inherit" height="inherit"> 3. Set Widget Preferences: Configure the widget's presentation for a personalized touch. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Option 1: Display only the Cart ID for a minimalistic approach. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733578131.png?alt=media" alt="image.png" width="inherit" height="inherit"> </li><li value="2" class="PlaygroundEditorTheme__listItem">Option 2: Show the Cart ID along with custom text and additional elements for a more informative widget. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733550734.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ul> 4. Widget Design and Content Customization: Gain full control over the widget's visual and textual components to fortify your e-commerce marketing efforts. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Visual Customization: Adjust text colors, font sizes, and formatting to reflect your brand's identity flawlessly.</li><li value="2" class="PlaygroundEditorTheme__listItem"></li><li value="3" class="PlaygroundEditorTheme__listItem">Text Customization: Craft compelling, conversion-optimized messages that resonate with your brand's voice and enhance the shopping experience.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621991300.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622001292.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622009810.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622021934.png?alt=media" alt="image.png" width="inherit" height="inherit">

Maximize Your Shopify Store's Conversions: Customize Your Cart Whisper Widget Enhance your brand's online presence and increase conversion rates by tailoring the Cart Whisper widget to match your store's unique style and tone. Follow these steps to optimize the widget's position, color, and settings directly from your Shopify admin dashboard. 1. Accessing Widget Settings: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to your <a href="https://admin.shopify.com/store" rel="noreferrer" class="PlaygroundEditorTheme__link">Shopify admin </a>dashboard.</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to the <a href="https://admin.shopify.com/apps/cartassist/settings" rel="noreferrer" class="PlaygroundEditorTheme__link">Cart Whisper</a> app to access the cart widget settings.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621845358.png?alt=media" alt="image.png" width="500" height="41"> 2. Widget Display Settings: a. Modify Widget Position: Choose the optimal placement for the Cart Widget on the cart page for maximum engagement. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Top of the cart page: Ensure immediate visibility for shoppers.</li><li value="2" class="PlaygroundEditorTheme__listItem">Bottom of the cart page: Capture attention effectively as shoppers review their cart.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621906555.png?alt=media" alt="image.png" width="inherit" height="inherit"> b. Customize Widget Appearance: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Background Color: Select a background color that complements your brand's palette, ensuring a cohesive shopping experience. </li><li value="2" class="PlaygroundEditorTheme__listItem">Border Color: Use the color picker to find a border color that enhances the widget’s appeal while aligning with your brand's style.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621943880.png?alt=media" alt="image.png" width="inherit" height="inherit"> 3. Set Widget Preferences:Configure the widget's presentation for a personalized touch. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Option 1: Display only the Cart ID for a minimalistic approach. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733578131.png?alt=media" alt="image.png" width="inherit" height="inherit"> </li><li value="2" class="PlaygroundEditorTheme__listItem">Option 2: Show the Cart ID along with custom text and additional elements for a more informative widget. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733550734.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ul> 4. Widget Design and Content Customization:Gain full control over the widget's visual and textual components to fortify your e-commerce marketing efforts. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Visual Customization: Adjust text colors, font sizes, and formatting to reflect your brand's identity flawlessly.</li><li value="2" class="PlaygroundEditorTheme__listItem"></li><li value="3" class="PlaygroundEditorTheme__listItem">Text Customization: Craft compelling, conversion-optimized messages that resonate with your brand's voice and enhance the shopping experience.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621991300.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622001292.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622009810.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622021934.png?alt=media" alt="image.png" width="inherit" height="inherit">

Now that you've enabled the Cart Whisper app on your Shopify store, it's time to delve into the customization phase. By personalizing the widget, you can significantly elevate your brand's online presence and tap into higher conversion rates. Maximize Your Shopify Store's Conversions: Customize Your Cart Whisper Widget Enhance your brand's online presence and increase conversion rates by tailoring the Cart Whisper widget to match your store's unique style and tone. Follow these steps to optimize the widget's position, color, and settings directly from your Shopify admin dashboard. 1. Accessing Widget Settings: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to your <a href="https://admin.shopify.com/store" rel="noreferrer" class="PlaygroundEditorTheme__link">Shopify admin </a>dashboard.</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to the <a href="https://admin.shopify.com/apps/cartassist/settings" rel="noreferrer" class="PlaygroundEditorTheme__link">Cart Whisper</a> app to access the cart widget settings.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621845358.png?alt=media" alt="image.png" width="500" height="41"> 2. Widget Display Settings: a. Modify Widget Position: Choose the optimal placement for the Cart Widget on the cart page for maximum engagement. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Top of the cart page: Ensure immediate visibility for shoppers.</li><li value="2" class="PlaygroundEditorTheme__listItem">Bottom of the cart page: Capture attention effectively as shoppers review their cart.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621906555.png?alt=media" alt="image.png" width="inherit" height="inherit"> b. Customize Widget Appearance: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Background Color: Select a background color that complements your brand's palette, ensuring a cohesive shopping experience. </li><li value="2" class="PlaygroundEditorTheme__listItem">Border Color: Use the color picker to find a border color that enhances the widget’s appeal while aligning with your brand's style.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621943880.png?alt=media" alt="image.png" width="inherit" height="inherit"> 3. Set Widget Preferences:Configure the widget's presentation for a personalized touch. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Option 1: Display only the Cart ID for a minimalistic approach. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733578131.png?alt=media" alt="image.png" width="inherit" height="inherit"> </li><li value="2" class="PlaygroundEditorTheme__listItem">Option 2: Show the Cart ID along with custom text and additional elements for a more informative widget. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733550734.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ul> 4. Widget Design and Content Customization:Gain full control over the widget's visual and textual components to fortify your e-commerce marketing efforts. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Visual Customization: Adjust text colors, font sizes, and formatting to reflect your brand's identity flawlessly.</li><li value="2" class="PlaygroundEditorTheme__listItem"></li><li value="3" class="PlaygroundEditorTheme__listItem">Text Customization: Craft compelling, conversion-optimized messages that resonate with your brand's voice and enhance the shopping experience.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621991300.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622001292.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622009810.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622021934.png?alt=media" alt="image.png" width="inherit" height="inherit">

Now that you've enabled the Cart Whisper app on your Shopify store, it's time to delve into the customization phase. By personalizing the widget, you can significantly elevate your brand's online presence and tap into higher conversion rates. Maximize Your Shopify Store's Conversions: Customize Your Cart Whisper Widget Enhance your brand's online presence and increase conversion rates by tailoring the Cart Whisper widget to match your store's unique style and tone. Follow these steps to optimize the widget's position, color, and settings directly from your Shopify admin dashboard. 1. Accessing Widget Settings: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to your <a href="https://admin.shopify.com/store" rel="noreferrer" class="PlaygroundEditorTheme__link">Shopify admin </a>dashboard.</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to the <a href="https://admin.shopify.com/apps/cartassist/settings" rel="noreferrer" class="PlaygroundEditorTheme__link">Cart Whisper</a> app to access the cart widget settings.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621845358.png?alt=media" alt="image.png" width="500" height="41"> New Feature 2. Card ID Format: Choose the number the Cart ID starts at, by default it's set to 1, To customize the Cart ID format, edit the prefix in the box below. Changes will only apply to future carts.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1702419765154.png?alt=media" alt="image.png" width="inherit" height="inherit"> 3. Widget Display Settings: a. Modify Widget Position: Choose the optimal placement for the Cart Widget on the cart page for maximum engagement. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Top of the cart page: Ensure immediate visibility for shoppers.</li><li value="2" class="PlaygroundEditorTheme__listItem">Bottom of the cart page: Capture attention effectively as shoppers review their cart.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621906555.png?alt=media" alt="image.png" width="inherit" height="inherit"> b. Customize Widget Appearance: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Background Color: Select a background color that complements your brand's palette, ensuring a cohesive shopping experience. </li><li value="2" class="PlaygroundEditorTheme__listItem">Border Color: Use the color picker to find a border color that enhances the widget’s appeal while aligning with your brand's style.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621943880.png?alt=media" alt="image.png" width="inherit" height="inherit"> 4. Set Widget Preferences:Configure the widget's presentation for a personalized touch. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Option 1: Display only the Cart ID for a minimalistic approach. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733578131.png?alt=media" alt="image.png" width="inherit" height="inherit"> </li><li value="2" class="PlaygroundEditorTheme__listItem">Option 2: Show the Cart ID along with custom text and additional elements for a more informative widget. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697733550734.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ul> 5. Widget Design and Content Customization:Gain full control over the widget's visual and textual components to fortify your e-commerce marketing efforts. <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Visual Customization: Adjust text colors, font sizes, and formatting to reflect your brand's identity flawlessly.</li><li value="2" class="PlaygroundEditorTheme__listItem"></li><li value="3" class="PlaygroundEditorTheme__listItem">Text Customization: Craft compelling, conversion-optimized messages that resonate with your brand's voice and enhance the shopping experience.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697621991300.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622001292.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622009810.png?alt=media" alt="image.png" width="inherit" height="inherit"><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f4ee30_image.1697622021934.png?alt=media" alt="image.png" width="inherit" height="inherit">

Guides on configuring the cart widget settings and customize it to match your brands tone

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?