This is how the Product add-ons (List) campaign will look in your store.
.png?table=block&id=1cb31e6b-f665-80d3-9db2-e73af118b5cd&cache=v2)
Step 1: Create a campaign
This campaign can be used when you want to display add-on products on your product page. This appears in a list format . To start, first
- Click create campaign
- Choose ‘Create’ from Product add-ons list.
- Provide a campaign name. This will not be visible on the storefront.
Step 2: Trigger product types
Choose a trigger type for which you want to set the campaign. Trigger defines on which product page the campaign has to be shown.
- All products - The campaign will be shown in all product pages.
- Specific products - Choose specific products where the campaign should be seen.
- Specific tags - Add product tags and the campaign will be seen on all product pages which have that tag.
- Specific collection Choose collections as trigger products. The campaign will be displayed on all the products’ pages in that particular collection.
Step 3: Offer product types
Choose the offer product type and set the offer products
- Specific products - Select specific products to be shown in campaign.
- Specific variants - Select a specific variant alone from different products to be shown in the campaign.
- Automatic - Shopify AI - Automatically obtains recommended products for a particular product from Shopify. You can set it to
- Recommend related products - Shows similar products to that of the trigger product. E.g: If the trigger is t-shirt, it shows similar shirts
- Recommend complementary products - Shows complementary products to the trigger product. E.g: If the trigger is t-shirt, it shows shorts, sunglasses, sneakers.
Note
The "Related products" AI recommendations might not be available for new stores.
"Complementary products" AI recommendations are usually only available when you also use Shopify's Search and Discovery app. Do not use this is you are unsure.
Step 4: Let’s move to the discounts section
Discounts are optional and you can still create and display a campaign without a discount. The discounts will apply only if the add-on is purchased with the trigger product.
1. Use Selleasy discount functions
This is the recommended method for providing discounts. It is consistent and has additional features like giving a discount code name.
The discount code name should be unique for every campaign.
2. Use discounts that are dynamically created
A discount code name cannot be given here. Each time when offer products are added to cart, a unique discount code will be dynamically created by the app and applied.
Discount types (Applies to the above two options)
.png?table=block&id=1bc31e6b-f665-802c-9592-eda6c7f67bac&cache=v2)
Product discount
You can set discounts as a percentage or a fixed amount.
If you're using a fixed amount discount, you can enable the option “Apply discount to each eligible item in an order” to apply the full discount (X amount) to each offer product in the cart.
If this option is not enabled, the X amount will be split and shared across all offer products in the cart.
Free shipping discount
This will be applied for the entire order if any of the add-on items is purchased.
3. Use an already existing discount code
A native Shopify discount code should be created in Shopify. This discount code will be applied at the checkout page by our app.
- The discount created in Shopify must be specified in the “Custom discount code” section.
- The discount code in Shopify must apply to the same products as in the app.
- The widget won't show discounted prices since discounts are created in Shopify.
- Use campaign titles to inform customers about discounts.
- This option is for cases where the other two discount strategies fail due to theme conflicts.
Step 5: Discount combination
We recommend to enable the discount combinations so that discounts from different Selleasy campaigns can be applied on the same order. This will also allow Selleasy discounts to be stacked with other Shopify discounts you might have.
Note
A single product can have only one product discount at checkout. If it qualifies for multiple product discounts, then Shopify will apply the highest valued product discount at checkout.
Step 6: Other optional settings
Provide a campaign title and subtitle for custom text. Otherwise, default text from the widget settings will apply.
Step 7: Campaign priority
If a trigger product has multiple add-on campaigns, you can set a priority value to decide which campaign is shown. A higher number means a higher priority.
Example
- Campaign 1: Applies to all Sneakers with the tag "Sneakers" (Priority: 1).
- Campaign 2: Applies to the specific “Jet black sneakers” that also has the "Sneakers" tag but has a different set of offer products (Priority: 2).
In this case, if a customer visits the “Jet black sneakers” product page, Campaign 2 will be shown because it has the highest priority. If they visit any other sneakers product page, Campaign 1 will be displayed.
Step 8: Campaign settings
.png?table=block&id=1bc31e6b-f665-809d-b677-c4f9588288a0&cache=v2)
- Show quantity picker
In add-ons (List), they can choose multiple quantities for the selected offer product.
- Don’t show products if it's already in cart or order
Enable this option if you do not want to show the products that are already in the cart or part of the order.
- Randomise the order of offer products
The order of the offer products will be displayed by default in the order which was added in the app. Enable this to change the order of the products each time.
- Limit number of offered products
- Enable randomise option
- Enable limit number of offer products with the value “2”
- Now, each time when the product page loads, randomly 2 products from the list of 10 products will be displayed in the offer.
- Click on “Save” to save the offer.
Enable this option if you want only a limited number of products to be shown in the offer section.
Example
Offer products - 10 products
- Pre - select offered products
By default, none of the add-on products will be pre-selected. Enable this option to keep the add-on items preselected.
Click on “Save” to save the offer.
Step 9: Adding the app block to the theme
If your theme is a 2.0 theme, follow the below steps to add the “Add-ons list” block in the theme.
- After creating the campaign, click Save. A pop-up will appear.
- In the pop-up, click the “Add-ons List” block.
- This will automatically open the default product page template in the theme editor in a new tab.
- The app will add the “Add-ons List” block automatically. You can drag and position the block as needed, then save the changes.
- Return to the previous tab and click refresh in the pop-up.
- Finally, click “View campaign in your online store” to see how the campaign appears in your store.
If you are using an older theme that does not support app blocks, custom positioning can be done.
The custom positioning is quite technical to do. If you wish to, you can follow the article and do it yourself or you can always contact our customer support for free setup assistance.
Check our troubleshooting guide if any of the conditions are not satisfied here.