Installing Dynamic Cart Messages Pro
Installing Dynamic Cart Messages Pro
Follow the steps below to download and install the plugin on your site:
Step 1: Download the Plugin File
Navigate to My Account → Purchase History.
Locate the order for Dynamic Cart Message Pro and click on View Details & Downloads. This will take you to the Order Details page.
On the Order Details page, you’ll find all your purchase information, including your license key and a download link for the plugin file. Under the Products section, click the provided link to download the plugin ZIP file.
Step 2: Install and activate
Once downloaded, navigate to your WordPress dashboard, go to Plugins, click Add New > Upload Plugin, and upload the zip file. Once the Dynamic Cart Message Plugin gets installed, activate it and set the Licence key.
Setting Shortcode to Display Cart Message
Setting Shortcode to Display Cart Message
If the cart message, progress bar, or Download PDF button is not visible on your site especially due to theme customization or the use of a page builder it may be because the necessary hooks are not present in your layout.
To manually add these features, you can use the following shortcodes:
[dcm_product_page] – Displays the dynamic message on the Product Page.
[dcm_cart_page] – Displays the dynamic message on the Cart Page.
[dcm_checkout_page] – Displays the dynamic message on the Checkout Page.
[dcmp_progress_bar] – Displays the Cart Progress Bar based on the defined threshold.
[dcmpwc_download_cart_as_pdf] – Displays the Download Cart as PDF button on the Cart Page.
Simply insert the appropriate shortcode into your custom layout or page builder where you want the feature to appear.
Check here how you can add your shortcodes inside Elementor Pro.
Tab 1: Message Configuration
This is the first and most essential step in setting up your cart message. In this tab, you define when, where, and how the message should appear, what conditions trigger it, and whether it includes advanced features like countdown timers.
Schedule Message:
Start Date:
This feature allows you to specify both the date and time at which the Cart Message should begin appearing.
Expiration Date:
You have the ability to set the exact date and time when the Cart Message will no longer be displayed.
Display Options:
Choose where the message will be displayed. By default, the message is shown on the cart page. However, by enabling these options, the admin can also display the message on the product page and the checkout page.
On Checkout Page:
Toggle this option to display the cart message on the checkout page.
On Product Page:
Toggle this option to display the cart message on the product page.
Cart Message Criteria & Product Selection:
cart-msg-criteria-product-selection
Message Criteria: This setting allows the admin to choose the type of cart message and whether it is linked to a threshold. The threshold value is set in the Threshold for Criteria field, which determines the required cart amount or quantity needed to trigger the message succession.
Amount-Based : Displays a cart message that dynamically updates based on the total cart amoun.Suitable for offers like “Add $40 more to get free shipping!”
Quantity-Based : Displays a cart message that adapts to the changing quantity of items in the cart. Suitable for offers like “Add 9 more items to unlock a 20% discount!”
No Criteria / Simple Message: This option Creates a static, unchanging cart message with no applicable threshold.
Show Product(s) for messages: This setting allows the admin to choose when to display the cart message. Options are as follows:
Product Category: Look for the ‘Choose Category’ dropdown in the next field. It lists all the available product categories. When you choose one, the selected setting applies to all the products in that category.
Particular product(s) : In the field next to it, you’ll see the ‘Choose Product’ dropdown, which lists all individual products and allows you to select a single product or multiple products.
select-product-by-products
All Products : This setting allows the admin to display the cart message for all products in the store. Selecting this option ensures that the message applies universally across the entire product catalog. If the admin has enabled ‘Include Out-of-Stock Products’ and ‘Include Discontinued Products’ in the global settings, the cart message will also be displayed for those products.
Dynamic Message Components:
Enable Countdown Timer: This toggle switch allows you to activate or deactivate the countdown timer.
Countdown Timer Format: This field provides you with a drop-down menu where you can choose the style for the Countdown Timer. Additionally, a preview of the selected Countdown Timer style is displayed below the drop-down.
Countdown Type: This field allows you to choose between two types of countdown timers: Schedule Timer and Evergreen Countdown. If you select Evergreen Countdown, an additional field, ‘Countdown Time’, will be displayed.
Countdown Time: In this field, you can configure the Evergreen Countdown Timer by specifying values in the ‘Days,’ ‘Hours,’ ‘Minutes,’ and ‘Seconds’ input fields.
Personalized interaction: This field helps to give a personalized message. The {user} placeholder can hold the customer’s name, and for non-logged-in users, a “Guest username” field is provided.
Message Control:
This setting is available for each individual cart message.
When enabled, it ensures the cart message will not apply to out-of-stock products, even if the global setting includes them.
Tab 2 : Message Editor
Tab 2 : Message Editor
Use this tab to craft and customize the content that appears in your cart messages. Each message field supports rich text formatting and dynamic placeholders for a more personalized experience.
Initial Message: In this section, you can define the main message that will appear within the cart.This field supports rich text formatting, allowing the admin to highlight text using bold, underline, etc. You can include dynamic content using placeholders such as:
{cs}: Currency Symbol
{countdown}: Countdown Timer
{price}: Dynamic Amount
{qty}: Dynamic Quantity
Initial Message for Product Page: Use this field to define the message that appears in the cart message for a product before it is added to the cart on the product page. You can also use placeholders similar to those used for the Initial Message on Criteria Match, such as:
{cs}: Currency Symbol
{countdown}: Countdown Timer
{price}: Dynamic Amount
{qty}: Dynamic Quantity
Note:This option is only available if the Product Page toggle is enabled in the Display Options settings.
Threshold Satisfied Message: This message will appear when the cart amount or quantity meets the threshold value set by the admin. Like the other fields, this one supports rich text formatting to make key elements stand out.
Tab 3 : Message Enhancement Components
Enhance your cart messages with a visual icon and a call-to-action button. Choose from default icons, upload a custom icon, or opt for no icon at all. You can also enable a customizable button to prompt user action directly from the message.
Message icon
This field grants you the choice to assign an icon to your Cart Message. There are three options for the icon:
Default Icons: You can choose an icon from the available list of provided icons.
Custom Icon: Upload your custom icon in jpg, png, or jpeg format, following the provided image size guidelines.
No Icon: You can also choose the “No Icon” option if you prefer not to display an icon.
Cart Message Button
This feature enables you to include a button in your Cart Message.
Button Label: Here, you can define the text that appears on the button.
Button URL: Specify the link to which the user will be directed upon clicking the button.
Button Animation: This setting allows the admin to apply one of 10 different animations to the call-to-action button to capture customer attention effectively.
Open in new tab: Choose this option if you want the redirected page to open in a new browser tab.
Tab 4 : Appearance
Tab 4 : Appearance
Easily customize the look and feel of your cart messages using predefined styles or full custom design options. Choose colors, gradients, background images, borders, and button styles. Whether you inherit global settings or create a unique design from scratch, a live preview helps you perfect the final appearance before publishing.
Predefined Styles:
A dropdown list of 10 predefined message styles is available. Admins can select one of these styles to apply directly to the cart message. For further customization, admins can enable the “Custom Selected Style for Message” checkbox to modify the selected style as needed.
The following fields are available for customizing the cart message style:
Gradient Background Color for Cart Message: To add a gradient effect to the background of the Cart Message, you can utilize the “Gradient Background Color for Cart Message” feature. Enabling this option will introduce a dropdown menu for selecting the gradient effect and an additional color selection option for the message background color.
Gradient Effect: Here you can set the gradient effect of the Cart Message from the three options Top to Bottom, Left to Right, and Diagonal from the dropdown.
Message Background Color: This field allows you to choose the color of the Cart Message. If the Gradient Background Color for Cart Message is selected then you will get an additional Color field to select the second color for the Gradient Effect.
Add Message Background Image: Enable this toggle to allow the admin to upload an image as the background for the cart message.
Background Image: This setting displays an upload file field and an upload button to add the background image.The image should follow the specified dimensions with a maximum size of 100KB, in PNG or JPG format for optimal display.
Background Image Type: This setting allows the admin to choose how the background image will fit within the cart message. There are three options:
Full-Screen Fixed and Stretch: Expands the image to fill the entire cart message area, scaling it to fit.
Full-Screen Fixed: Displays the image at its original size, without scaling or tiling.
Tiled: Repeats the image across the entire cart message area to create a tiled effect.
Message Text Color: Use this field to define the color of the text within the Cart Message.
Message Radius: Adjust the roundness of the Cart Message edges using this field.
Custom Icon Color: Set a custom color for Font Awesome Icons displayed on the Cart Message.
Message Box Border Style: Add a border style to the Cart Message. If you select an option other than “None” from the dropdown for border style, a new field labeled ‘Message Box Border Color’ will appear.
Message Box Border Color: This field is used to specify the color for the border of the Cart Message.
Button Background Color: Use this field to set the color of the button.
Button Text Color: Define the color of the text displayed on the button using this field.
Button Radius: Adjust the roundness of the button’s edges with this field.
Button Background Color on Hover: Specify the color for the button’s hover effect in this field.
Create Custom Style:
If the Select Style Type is set to “Custom Style”, you unlock a variety of customization options for personalizing the design of your cart message.
Defaults to Global Style: Initially inherits settings from the Global Style.
Same Style Fields as Predefined Style: Includes all the style fields available in the Predefined Style option, providing flexibility for modifications.
Full Customization: Allows admins to adjust or rebuild the style entirely from scratch, creating a unique and tailored design.
Inherite Global Style
This option inherits the global settings and directly applies them to the cart message without additional customization.
Preview:
The Preview section allows admins to review how their cart messages will appear to customers. If you’ve overlooked any mandatory fields, this action will trigger an alert notifying you of the missing information. Following are the preview tabs:
Initial Message
Threshold Satisfied Message
Product Page Message