UpStroke - One Click Upsell

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

Custom Designs using Shortcodes

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 variety of shortcodes to build custom upsell pages.

Once you select and save a custom page in 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 unique page can be associated with 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 “copy” function to copy these keys.

 

 

List of Shortcodes

 

Product Offer Accept Link

Displays the link to accept the offer

[wfocu_yes_link key="71bb91eeb2dabcd44ff092366b3e895c"]Add to my Order[/wfocu_yes_link]

Parameters

  • key: Generated dynamically (required)
  • label: The label of 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

[wfocu_no_link key="xxxxxxxxxxxxxxx"]No, thanks[/wfocu_no_link]

Parameters

  • key: Generated dynamically (required)
  • label: The label of 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 key="xxxxx"]

Parameters

  • key: Generated dynamically (required)

 Sample Output


Product Offer Price 

Displays the discounted price of product in offer.

[wfocu_product_price_full key="xxxxx"]

Parameters

  • key: Generated dynamically (required)

Sample Output

Product Regular Price

Displays the regular price of product in offer.

[wfocu_product_regular_price key="xxxxx"]

Parameters

  • key: Generated dynamically (required)

Sample Output

 

Product Price HTML  

Displays the regular and discounted price with strike through on regular price.

[wfocu_product_price_full key="xxxxx"]

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 key="xxxxx"]

Parameters

  • key: Generated dynamically (required)

Sample Output

 

 

Product Offer Save Percentage

Displays the percentage of savings

 

[wfocu_product_save_percentage key="xxxxx"]

Parameters

  • key: Generated dynamically (required)

Sample Output

 

Product Offer Save value & Percentage

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

[wfocu_product_save_percentage key="xxxxx"]

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"]

How can we help?