UpStroke deeply integrates with Elementor.
There’s a bunch of 6 pre-made upsell page templates designed using Elementor.
Apart from that you also have the option to build your upsell page from scratch.
And to give you a headstart, there’s a range of UpStroke widgets in Elementor.
Take a look:
In this documentation, you’ll learn how to create upsell pages using Elementor.
So let’s dive right in.
Step 1: Go to the Design tab and pick a template
Under the Elementor tab, you’ll find a collection of 6 templates – some for single-product and some for multi-product offers.
Pick the one which suits your needs and click on the ‘Import’ button.
Step 2: Click on the ‘Customize’ button to customize the selected template
When you click on the ‘Customize’ button, the page opens up in Elementor.
Step 3: Customize the upsell page
To customize your upsell page, UpStroke provides 10 widgets in Elementor.
Every UpStroke widget comes with a host of editing options.
For example, in the pricing widget, you can change the typography and colors of the price, the pricing label, and more.
Apart from that, you can use shortcodes to personalize your upsell page.
You can see the available shortcodes by clicking on the pencil icon of the widget.
Next, click on the ‘Click here to see the available shortcodes’ link under the Content tab.
Take a look:
Simply copy the shortcode and paste it wherever you want.
Here’s how you can use the ‘Customer First Name’ shortcode.
Once done, hit the ‘Update’ button to save your changes.
That’s how you can customize your upsell page the way you want, using Elementor.