Dynamic Cart Message Components
Dynamic Cart Message Components
Dynamic Cart Message Components allow you to enhance your cart messages by adding interactive elements such as countdown timers. These components help create urgency and engage customers by displaying time-sensitive information, encouraging quicker decisions and boosting conversions.
Below are the steps to configure the components, along with a brief overview of each tab:
Click on Cart Messages > Add New or Cart Messages > All Cart Messages> click on the ‘Add New Cart Messages’ button.
To view list of all your Cart Message Setting, click on Cart Messages > All Cart Messages where you can see the following columns:
Title: Displays the set title of the cart message.
Status: Indicates whether the cart message is active, deactivated, or expired. Admins can directly activate or deactivate the cart message using this toggle.
Selected Items: Shows the selected categorie, product name (for a single product), or the number of products (for multiple products) selected for the cart message.
Message Type: Explains the type of message (e.g., amount threshold, product quantity, or a simple notification).
Message: Displays the initial message text saved for that cart message.
Style Cue: Provides a visual indicator (like a bar or graphic) summarizing how the message style is configured, offering an abstract preview.
Sales Report: Includes a clickable link that redirects users to the sales report page associated with the specific cart message. (Available only if the Custom Sales Report Extension is activated.)
Date: Displays the last published/updated date.
Add a title to identify your Cart Message Settings.
The cart message configuration is divided into four main tabs for easy setup and customization and global settings :
Tab 1: Message Configuration: Configure the foundational logic and conditions for displaying your cart messages, including scheduling, targeting rules, message type, and dynamic threshold behavior.
Tab 2 : Message Editor: Write and format your cart message content using dynamic placeholders. Customize initial and threshold messages for cart, product, and checkout pages.
Tab 3 : Message Enhancement Components: Enhance your cart message with visual elements like icons and animated call-to-action buttons to increase visibility and engagement.
Tab 4 : Appearance: Style your cart message with predefined or custom design options. Customize colors, background, borders, text styles, and preview the final design.
Global Settings: Manage overall cart message behavior and appearance across your site, including message positioning, threshold and product rules, currency display, message priority, progress bar customization, PDF download button placement, global styling options, threshold message styling, and import/export of configurations.
Once the message is configured, click the Publish button to activate it. The message will appear on the cart page and, if enabled, on the product page as well.
Importing/Exporting Messages
Importing/Exporting Messages
The Import Export Settings allow users to migrate cart messages between different sites easily.
To access these Settings, go to: Click on Cart Messages > Global Settings > Import/Export Settings
The Import Export Settings allow users to migrate cart messages between different sites easily.
Export :
This option enables the export of all draft and published cart messages with a single click.
The exported data is saved as a CSV file, which can be used for backup or migration.
Import :
Upload the previously exported CSV file from another site.
Click the “Import” button to import the messages into the current site.
Threshold Satisfied Settings
Threshold Satisfied Settings
This setting allows the admin to configure the message displayed to users when the cart threshold is satisfied.
To access these Settings, go to: Click on Cart Messages > Global Settings > Threshold Satisfief message Styling Setting
This setting allows the admin to configure the message displayed to users when the cart threshold is satisfied.
Background Color:
This setting allows the admin to select a background color to customize the cart satisfied message background.
Text Color:
This setting allows the admin to select a text color to customize the color of the cart satisfied message text.
Close Button Background Color:
This setting allows the admin to select a background color to customize the appearance of the cart satisfied message close button.
Close Button Text Color:
This setting allows the admin to select a text color to customize the text in the cart satisfied message.
Global Message Styling
Global Message Styling
Use this setting to style all cart messages with consistent colors, text, and button appearance.
To access these Settings, go to: Click on Cart Messages > Global Settings > Message Styling Settings
Background Color:
This setting allows the admin to select a background color to customize the cart message background.
Text Color:
This setting allows the admin to select a text color to customize the color of the cart message text.
Border Radius:
This setting allows the admin to customize the border radius of the cart message, giving it rounded or sharp edges as desired.
Button Background Color:
This setting allows the admin to select a background color to customize the appearance of the cart message call to action button.
Button Text Color:
This setting allows the admin to select a text color to customize the call-to-action text in the cart message.
Button Border Radius:
This setting allows the admin to customize the border radius of the call-to-action button, giving it a rounded or sharp appearance.
Setting Message Priority
Setting Message Priority
Here you can control how multiple cart messages appear. Choose Regular Mode to show all active messages, or Priority Mode to display them one by one based on priority. Simply drag and drop to set the display order in Priority Mode.
To access these Settings, go to: Click on Cart Messages > Global Settings > Message Priority
Regular Mode:
With this mode, all active Cart Messages are displayed on the Cart Page. Additionally, if chosen, they can also appear on the Product Page and Checkout Page.
Priority Mode:
In Smart Mode, Cart Messages are displayed based on their priority. If a Cart Message has a higher priority than others, it will be displayed until its conditions are met. Once fulfilled, the next Cart Message in the priority order will be shown. Priorities can be adjusted by simply dragging and dropping Cart Messages to set their order.