The Product Add-ons feature of the Ultimate Store Kit Pro allows you to offer additional products, services, or customization options directly on the product page before customers add an item to their cart. By presenting relevant add-ons at the point of purchase, you can encourage customers to personalize their orders and increase the overall value of each transaction. This helps boost revenue while providing a more flexible and tailored shopping experience for your customers.
Configuring Settings for Product Add-ons
The Product 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 product 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 Product Add-ons Feature
After installing and activating the Ultimate Store Kit Pro plugin, follow the steps below to access the Upsell & Cross-Sell 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 Upsell & Cross-Sell 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 Product Add-ons feature. Click on it to open the settings interface for the Product Add-ons feature.
Setting Up the Product Add-ons Feature
After selecting the campaign type as Product Add-ons, you will see a new dashboard will appear where you can customize the Product 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 Product Add-ons offer will be inserted on the cart page. Let’s see what positions we have here –
- Before Add to Cart Button – By selecting this position, you can display the campaign directly to the product page before the add to cart button for maximum visibility.
- After Add to Cart Button – By selecting this position, you can display the campaign’s offer card after the add to cart button on the product page.
- Inside Product Summary – By selecting this position, you can display the campaign offer card inside the product summary field of the product 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 Product 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
Now, let’s move to the Design Tab and see what options we have here to customize –
7. 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.
8. Title Color: You can make changes to the title text color with this option.
9. Row Background: You can make changes to the campaign offer card background color with this option.
10. Border: You can make changes to the card border color with this option.
11. Radius: You can control the roundness of the card border with this option.
12. Name: You can make changes to the product name title text with this option.
13. Price: You can make changes to the price color with this option.
14. Regular: You can make changes to the regular price color with this option.
15. Unchecked: You can make changes to the unchecked background color with this option.
16. Checked: You can make changes to the checked background color with this option.
17. Border: You can make changes to the checked/unchecked border color with this option.
18. Radius: You can control the roundness of the border with this option.
19. In this field, you can check how the card will appear on desktop, tab & mobile device.
20. 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.
21. 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.
22. 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.
23. 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 Product Add-ons Feature
Once everything is configured, the Product Add-ons feature appears directly on the product page, allowing customers to view and select additional products before adding the main item to their cart. As shown in the preview above, the add-on products are displayed in a dedicated section where customers can quickly review complementary items, upgrades, or recommended products without leaving the page. Here as we have selected the hook position as Before Add to Cart Button so, it’s appearing as per that position. If you select any other hook position then, it will appear there.
All done, you have successfully set up the campaign of the Product Add-ons feature on your website
Video Assist
The video will come soon. Thanks for staying with us.
