Custom Designs using Shortcodes

UpStroke - One Click Upsell

  1. Home
  2. Docs
  3. UpStroke – One Click Upsell
  4. Design
  5. Custom Designs using Shortcodes

Custom Designs using Shortcodes

What are Shortcodes?

You may want to build custom designed upsell pages using custom page builders such as Thrive Themes, Beaver Builder, Elementor, etc.

In this scenario, shortcodes come in handy.

Upstroke offers a variety of shortcodes to build custom upsell pages.

Once you select and save a custom page in the offer’s Design. Shortcodes will be dynamically generated for this offer.

You can use these shortcodes on the selected page.

Few points to note before you start building custom pages using shortcodes:

1) Only a unique page can be associated with a single offer design. If you had previously associated a page with one offer do not associate that same page with another offer. If done so, old shortcodes on that page won’t work.

2) The keys in each shortcode are generated dynamically when you associate a page with an offer. Please ensure that these keys are not changed and used as it is. You can use the “copy” function to copy these keys.

List of Shortcodes

 

Product Offer Accept Link

Displays the link to accept the offer

https://demo.buildwoofunnels.com/?wfocu-accept-link=yes

Parameters

  • key: Generated dynamically (required)
  • label: The label of the link (optional)
  • class: Additional CSS class you may want to pass (optional)

Sample Output

 

Product Offer Reject  Link

Displays the link to reject the offer

https://demo.buildwoofunnels.com/?wfocu-reject-link=yes

Parameters

  • key: Generated dynamically (required)
  • label: The label of the link (optional)
  • class: Additional CSS class you may want to pass (optional)

Sample Output

Product Offer Variation Selector

Displays the dropdown variation selector of the product in offer.

[wfocu_variation_selector_form]

Parameters

  • key: Generated dynamically (required)

 Sample Output


Product Offer Price 

Displays the discounted price of the product in offer.

[wfocu_product_offer_price]

Parameters

  • key: Generated dynamically (required)

Sample Output

Product Regular Price

Displays the regular price of the product in offer.

[wfocu_product_regular_price]

Parameters

  • key: Generated dynamically (required)

Sample Output

 

Product Price HTML  

Displays the regular and discounted price with strikethrough on the regular price.

[wfocu_product_price_full]

Parameters

  • key: Generated dynamically (required)

Sample Output

 

Product Offer Save Amount

Displays difference of Regular Price and Discount Price (or savings amount)

[wfocu_product_save_value]

Parameters

  • key: Generated dynamically (required)

Sample Output

 

 

Product Offer Save Percentage

Displays the percentage of savings

 

[wfocu_product_save_percentage]

Parameters

  • key: Generated dynamically (required)

Sample Output

 

Product Offer Save value & Percentage

This display saving amount and percentage in format  $x (y%)

[wfocu_product_savings]

Parameters

  • key: Generated dynamically (required)

Sample Output

 

Order Personalization Shortcodes

To personalize upsell pages with different order attributes, use these merge tags-

Customer First Name

[wfocu_order_data key="customer_first_name"]

 

Customer Last Name

[wfocu_order_data key="customer_last_name"]

 

Order Number

[wfocu_order_data key="order_no"]

 

Order Date

[wfocu_order_data key="order_date"]

 

Order Total

[wfocu_order_data key="order_total"]

 

Order Item Count

[wfocu_order_data key="order_itemscount"]

 

Order Shipping Method

[wfocu_order_data key="order_shipping_method"]

 

Order Billing Country

[wfocu_order_data key="order_billing_country"]

 

Order Shipping Country

[wfocu_order_data key="order_shipping_country"]