The Cart Add-ons feature of the Ultimate Store Kit Pro allows you to present relevant product recommendations directly within the cart page before customers proceed to checkout. By offering complementary products, upgrades, or optional extras at this stage, you can encourage customers to enhance their purchase with minimal effort. This helps increase the average order value while providing a convenient and personalized shopping experience that adds more value to each order.
Configuring Settings for Cart Add-ons
The Cart Add-ons feature is a Pro feature of the Ultimate Store Kit plugin, which means you need to install and activate the Pro version on your WordPress website to access and use it. Once the plugin is enabled and the feature is set up, it will allow you to display targeted product offers directly on the WooCommerce cart page, encouraging customers to add complementary items to their order before completing their purchase. Simply follow the documentation to know how to install and activate the Pro plugin to start using this feature.
Where to Find The Cart Add-ons Feature
After installing and activating the Ultimate Store Kit Pro plugin, follow the steps below to access the Cart Add-ons feature:
- Go to WP Dashboard > Ultimate Store Kit and click on it to open the Ultimate Store Kit Dashboard.
- In the Ultimate Store Kit Dashboard, locate the Cart Add-ons tab and click on it to access its settings and customization options.
3. After the tab is opened, you have to enable the switcher to run the upsell & cross-sell campaigns on your store.
4. Click on the New Campaign button to add a new upsell & cross-sell campaign with this option.
5. After clicking on the New Campaign button, you will see the campaigns that are under the upsell & cross-sell. Here you will see the Cart Add-ons feature. Click on it to open the settings interface for the Cart Add-ons feature.
Setting Up the Cart Add-ons Feature
After selecting the campaign type as Cart Add-ons, you will see a new dashboard will appear where you can customize the Cart Add-ons campaign. Let’s see what options we have here to customize the feature –
1. Campaign Title: You can add a name to the campaign as you want in this field.
2. Start Date: You can set a date to start running the campaign for your audience with this option.
3. End Date: You can set a date when you want to stop the campaign for your audience with this option.
4. Targeting Rules: You can use the Targeting rules option to control when your campaign appears by checking selected conditions (like cart subtotal, products, user role, etc.) and displaying the offer only if they match based on “Match ALL” (all conditions true) or “Match ANY” (at least one true).
5. Frontend Display: Here, with this option, you can control where the Cart Add-ons offer will be inserted on the cart page. Let’s see what positions we have here –
- After Cart Item Name – By selecting this position, you can display the campaign directly to the cart page after the cart item name for maximum visibility.
- After Cart Item Quantity – By selecting this position, you can display the campaign’s offer card after the cart item quantity on the cart page.
6. Offers: Now, navigate to the Offers tab in the dashboard. This is a very crucial part. Here you can add and customize the offers for your campaign. Now, let’s see how to set an offer for the Cart Add-ons feature with this option.
After clicking Add offer, a new right sidebar will open where you can set the offer for your campaign. Here you will see two parts.
1. This part is on the left, which allows you to add the product and make changes to the offer.
2. Here, you can see the preview that will be visible for your audience in the frontend.
Now, let’s see what to do to set the offer –
1. Products & Discount: Click on this tab to get the option to set up a discount type, and its value.
2. Offer Products: You can select the product that you want to showcase for your audience as offer product with this option.
3. Discount Type: You can select the discount type to be a percentage, a fixed amount, or free as a discount with this option.
4. Discount Amount: As we have selected the discount type as a percentage, here you have to add the percentage amount.
5. Preview: On the right side, you can see the preview of how it will show to your audience.
Now, let’s move to the Content Tab and let’s see what we have here –
6. Title: You can add and make changes to the title text with this option.
7. Call-to-Action Text: You can add and make changes to the call to action button with this option.
Now, let’s move to the Design Tab and see what options we have here to customize –
8. Template: You can click on the change template options to get more options to select a template and choose one that you feel is suitable for your campaign.
9. Title Color: You can make changes to the title text color with this option.
10. Card Background: You can make changes to the campaign offer card background color with this option.
11. Border Color: You can make changes to the card border color with this option.
12. Radius: You can control the roundness of the card border with this option.
13. Name: You can make changes to the product name title text with this option.
14. Price: You can make changes to the price color with this option.
15. Regular: You can make changes to the regular price color with this option.
16. Button Background: You can make changes to the button background color with this option.
17. Button Text Color: You can make changes to the button text color with this option.
18. Border: You can make changes to the button border color with this option.
19. Radius: You can control the roundness of the button border with this option.
20. Background: You can make changes to the discount badge background color with this option.
21. Text: You can make changes to the discover badge text color with this option.
22. Border: You can make changes to the discount badge border color with this option.
23. In this field, you can check how the card will appear on desktop, tab & mobile device.
24. You can click on the close button or press the ESC key on the keyboard to close the offer dashboard and also click on the save campaign button to apply the changes that you have made.
25. Now, as the offer is created, you can close the sidebar and get a visual of your created offer here. If you want, then you can re-edit it and delete the offer as well.
26. Once you have finished configuring the campaign, scroll to the top of the page and publish it. To do this, change the campaign status from Draft to Live. You can choose any status based on your requirements, but selecting Live will publish the campaign and make it visible to your audience.
27. You can click on this button to apply the changes that you have made.
Now, get back to the main Upsell & Cross-Sell dashboard page and here you can see the campaign that you have just created. Let’s see what options we have here –
1. You can see the number of campaigns that you have created in this field.
2. You can search by the name of the campaign that you have created in this field.
3. You can click on this button to add more campaigns to boost your sales.
4. Here, you can filter your campaign as per those types and status in this field.
5. You can see the title of the created campaign in this field.
6. You can see the type of campaigns here.
7. You can see the status of the campaign that you have created in this field.
8. You can see the creation date of the campaign in this field.
9. Here, you will get some useful action icons by which you can edit the campaign, pause the campaign, duplicate the campaign, and delete the campaign.
Final Preview of the Cart Add-ons Feature
Once the Cart Add-ons campaign is configured and active, the recommended products will appear directly within the cart page alongside the items already added by the customer. Shoppers can review these suggested products and add them to their cart with a single click without leaving the cart page. This creates a smooth upselling experience, making it easier for customers to discover relevant products while increasing the overall order value. As we have selected the frontend display position as after cart item name so it’s appearing below the product name and if you had selected the position as after cart item quantity, then it would appear after the product quantity.
All done, you have successfully set up the campaign of the Cart Add-ons feature on your website
Video Assist
The video will come soon. Thanks for staying with us.
