This article shows you how to set up individual upsell items for your upsell flow and how to integrate them into your upsell page.
- You have a WordPress website and use the Digistore24 WordPress plugin.
- To display the purchase decision buttons, you want to use your custom buttons. Please observe the EU legal requirements for upsell pages.
NoteThis article is available in four variants:
- JavaScript with upsell buy button
- WordPress with upsell buy button
- JavaScript with custom buttons
- WordPress with custom buttons
Open Conversion Cockpit
You set up your upsell flow in the Conversion Cockpit of your initial product.
Proceed as follows:
- In the Vendor view, open Account > Products.
- Click the three-dot icon on your initial product, then click Go to Conversion Cockpit.
- Click Settings.
- Determine if duplicate purchases are allowed in this upsell flow.
- Create the upsell step. Choose one of the variants shown below to proceed.
Offer a single product as an upsell
You are offering a single product on the upsell page.
Step 1 - Add upsell item
Proceed as follows:
- Click Add upsell on the initial product or an existing upsell item.
You can choose between a green arrow (upsell) and a red arrow (downsell).
The input window for the upsell item will be displayed.
- In step (1) Upsell type, select the option Products.
- Click Continue.
- In step (2) Upsell options, select the product to be sold in the field Product 1.
- Click Continue.
- In step (3) Integration, choose the option With WordPress plugin.
- Click Continue.
- In step (4) Button type, select the option Custom upsell buy button.
- Click Continue.
- In step (5) Links to insert, the codes for integrating the upsell item into your upsell page will be displayed. You will need these in the next section.
- Click Save. The upsell item is added to the upsell flow and closed.
- Check the upsell page.
In the upsell item, the upsell page is displayed in the Sales page field, which is stored in the product settings. If no upsell page is stored, the order form is used as the upsell page instead.
Click the pencil icon to adjust the URL of the sales page.
Note
- If the selected product can only be sold as an upsell, the URL from the Sales page field in the product settings will be used.
- If the selected product can be sold individually and as an upsell, the URL from the Upsell page field in the product settings will be used.
- You can open the product settings by clicking on the product ID at the top of the upsell item.
- You can check whether the product is a pure upsell product or not. See the Sales restrictions in the product settings under Up-/Downgrade / Upsell.
Step 2 - Integrate upsell item into the upsell page
After creating the upsell item in the Conversion Cockpit, you can integrate it into your upsell page.
Proceed as follows:
- Open the upsell item. Click the pencil icon next to the title.
- Click on step (5) Links to insert.
- In the Design for upsell buy button field, select a template. You can edit templates or create new ones.
- Copy the WordPress shortcode from the Product 1 field as the target link for your "Yes, buy" button. Ensure the button leads to the correct product. Check the product ID in the shortcode using the parameter
product=XXXXXX. - Repeat this for every additional product shortcode.
- Copy the WordPress shortcode from the Do not buy shortcode field as the target link for your "No, thanks" button.
Offer alternative products as an upsell
You offer several alternative products on the upsell page.
Step 1 - Add upsell item
Proceed as follows:
- Click Add upsell on the initial product or an existing upsell item.
You can choose between a green arrow (upsell) and a red arrow (downsell).
The input window for the upsell item will be displayed.
- In step (1) Upsell type, select the option Products.
- Click Continue.
- In step (2) Upsell options, select the product to be sold in the field Product 1.
- Click Add product. The field Product 2 will be displayed. Select an alternative product here.
- Repeat this for all products you want to offer as alternatives. You can offer up to ten products.
- Click Continue.
- In step (3) Integration, choose the option With WordPress plugin.
- Click Continue.
- In step (4) Button type, select the option Custom upsell buy button.
- Click Continue.
- In step (5) Links to insert, the codes for integrating the upsell item into your upsell page will be displayed.
- Click Save. The upsell item is added to the upsell flow.
- Check the upsell page.
In the upsell item, the upsell page is displayed in the Sales page field. If no upsell page is stored, the order form will be used.
Click the pencil icon to adjust the URL.
Step 2 - Integrate upsell item into the upsell page
Proceed as follows:
- Open the upsell item. Click the pencil icon next to the title.
- Click on step (5) Links to insert.
- Select a template in the Design for upsell buy button field.
- Copy the WordPress shortcodes for each alternative product and paste them into the corresponding places on your upsell page.
- Copy the WordPress shortcode from the Do not buy shortcode field for your "No, thanks" button.
Offer alternative quantities as an upsell
You offer the same product in different quantities on the upsell page.
Step 1 - Add upsell item
Proceed as follows:
- Click Add upsell on the initial product or an existing upsell item.
You can choose between a green arrow (upsell) and a red arrow (downsell).
The input window for the upsell item will be displayed.
- In step (1) Upsell type, select Quantity.
- Click Continue.
- In step (2) Upsell options, select the product to be sold in the field Select product.
- In the field Option 1, enter a quantity. Only whole numbers are allowed. The minimum value is 1.
- Click Add quantity option. The field Option 2 will be displayed. Enter an alternative quantity.
- Repeat this for all quantity options you want to offer. You can offer up to ten options.
- Click Continue.
- In step (3) Integration, choose the option With WordPress plugin.
- Click Continue.
- In step (4) Button type, select the option Custom upsell buy button.
- Click Continue.
- In step (5) Links to insert, the codes for integrating the upsell item into your upsell page will be displayed.
- Click Save. The upsell item is added to the upsell flow and closed.
- Check the upsell page.
In the upsell item, the upsell page is displayed in the Sales page field. If no upsell page is stored, the order form will be used.
Click the pencil icon to adjust the URL of the sales page.
Step 2 - Integrate upsell item into the upsell page
Proceed as follows:
- Open the upsell item. Click the pencil icon next to the title.
- Click on step (5) Links to insert.
- Select a template in the Design for upsell buy button field.
- Copy the WordPress shortcodes for each alternative quantity and paste them into the corresponding places on your upsell page.
- Copy the WordPress shortcode from the Do not buy shortcode field for your "No, thanks" button.
Offer alternative payment plans as an upsell
You offer the same product with alternative payment plans on the upsell page.
Step 1 - Add upsell item
Proceed as follows:
- Click Add upsell on the initial product or an existing upsell item.
You can choose between a green arrow (upsell) and a red arrow (downsell).
The input window for the upsell item will be displayed.
- In step (1) Upsell type, select Payment plan.
- Click Continue.
- In step (2) Upsell options, select the product to be sold in the field Select product.
- In the field Payment plan 1, choose a payment plan.
- Click Add payment plan. The field Payment plan 2 will be displayed. Choose an alternative payment plan.
- Repeat this for all payment plans. You can offer up to ten options.
- Click Continue.
- In step (3) Integration, choose the option With WordPress plugin.
- Click Continue.
- In step (4) Button type, select the option Custom upsell buy button.
- Click Continue.
- In step (5) Links to insert, the codes for integrating the upsell item into your upsell page will be displayed.
- Click Save. The upsell item is added to the upsell flow.
- Check the upsell page.
In the upsell item, the upsell page is displayed in the Sales page field. If no upsell page is stored, the order form will be used.
Click the pencil icon to adjust the URL of the sales page.
Step 2 - Integrate upsell item into the upsell page
Proceed as follows:
- Open the upsell item. Click the pencil icon next to the title.
- Click on step (5) Links to insert.
- Select a template in the Design for upsell buy button field.
- Copy the WordPress shortcodes for each alternative payment plan and paste them into the corresponding places on your upsell page.
- Copy the WordPress shortcode from the Do not buy shortcode field for your "No, thanks" button.