UpStroke - One Click Upsell

  1. Home
  2. Docs
  3. UpStroke – One Click Upsell
  4. Design
  5. Custom One Click Upsell Pages Using Page Builders

Custom One Click Upsell Pages Using Page Builders

You can build your own custom pages using shortcodes. UpStroke is fully tested with page builders such as Elementor and Thrive Architect. And it would work well for most page builders.

Thrive Architect

Accept Button Link

Step 1: Associate the offer with a custom page. As soon as you associate the offer with the page, you would see a list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build the design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps.

Step 3: Drag the Button widget and add  #key in the Button Link field.  See the screenshot.

Step 4: Go to Styles and add “wfocu_yes_btn”  in Class. That’s it!

Reject Link

Step 1: Associate the offer with a custom page. As soon as you associate the offer with the page, you would see a list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build the design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps.

Step 3: Drag the  Paragraph widget and type the Reject link text with Anchor <a> tag. Add the #key in href parameter and add class “wfocu_no_btn” on link. That’s it!  See the screenshot.

Sample Reject Link

<a class="wfocu_no_btn" href="#xxxxxxxxxxxxxxxxxxxx">No Thanks, I don't want this</a>

Note: Replace the #xxxxx in href with your own key

Divi Page Builder

Accept Button Link

Step 1: Associate the offer with a custom page. As soon as you associate the offer with the page, you would see a list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build the design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps.

Step 3: Drag the Button widget and add  #key in the Button URL field.  See the screenshot.

Step 4: Go to Advanced and add “wfocu_yes_btn”  in Class. That’s it!

 

Reject Link

Step 1: Associate the offer with a custom page. As soon as you associate the offer with the page, you would see a list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build the design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps.

Step 3: Drag the  Text Module and type the Reject link text with Anchor <a> tag. Add the #key in href parameter and add class “wfocu_no_btn” on link. That’s it!  See the screenshot.

Sample Reject Link

<a class="wfocu_no_btn" href="#xxxxxxxxxxxxxxxxxxxx">No Thanks, I don't want this</a>

Note: Replace the #xxxxx in href with your own key

Beaver Page Builder

Accept Button Link

Step 1: Associate the offer with a custom page. As soon as you associate the offer with the page, you would see a list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build the design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps.

Step 3: Drag the Button widget and add  #key in the Button Link field.  See the screenshot.

Step 4: Go to Advanced and add “wfocu_yes_btn”  in Class. That’s it!

 

Reject Link

Step 1: Associate the offer with a custom page. As soon as you associate the offer with the page, you would see a list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build the design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps.

Step 3: Drag the  Text Editor widget and type the Reject link text with Anchor <a> tag. Add the #key in href parameter and add class “wfocu_no_btn” on link. That’s it!  See the screenshot.

Sample Reject Link

<a class="wfocu_no_btn" href="#xxxxxxxxxxxxxxxxxxxx">No Thanks, I don't want this</a>

Note: Replace the #xxxxx in href with your own key

Visual Composer

Accept Button Link

Step 1: Associate the offer with a custom page. As soon as you associate the offer with the page, you would see a list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build the design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps.

Step 3: Drag the Button widget and add  #key in the Button Link  field.  See the screenshot.

Step 4: And add “wfocu_yes_btn”  in Extra class name. That’s it!

 

Reject Link

Step 1: Associate the offer with a custom page. As soon as you associate the offer with the page, you would see a list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build the design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps.

Step 3: Drag the  Text Block widget and type the Reject link text with Anchor <a> tag. Add the #key in href parameter and add class “wfocu_no_btn” on link. That’s it!  See the screenshot.

Sample Reject Link

<a class="wfocu_no_btn" href="#xxxxxxxxxxxxxxxxxxxx">No Thanks, I don't want this</a>

Note: Replace the #xxxxx in href with your own key

UX Builder By Flatsome

Accept Button Link

Step 1 : Associate the offer with a custom page. As soon as you associate the offer with page, you would see list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps

 

Step 3: Drag the Button widget and add  #key in the Link field.  See the screenshot.

Step 4: and add wfocu_yes_btn  in Classes. That’s it!

Reject Link

Step 1 : Associate the offer with a custom page. As soon as you associate the offer with page, you would see list of shortcodes which can be used on that page.

Step 2: Now most shortcodes can be pasted as it is to build design of your choice.

If you are trying to use Button widget and generate Buy Button follow the next steps

Step 3: Drag the  Text widget and type the Reject link text with Anchor <a> tag. Add the #key in href parameter and add class “wfocu_no_btn” on link. That’s it!  See the screenshot.

Sample Reject Link

<a class="wfocu_no_btn" href="#xxxxxxxxxxxxxxxxxxxx">No Thanks, I don't want this</a>

Note: Replace the #xxxxx in href with your own key

 

How can we help?