Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Widgets are pre-defined components which include the JS code to handle their behaviors already. We only need to add it to the page to re-use where necessary.

4519

No.TypeDescriptionExampleConfigurable fieldsNote
1[siteCommon] AddStaticFileWidgetThis widget is used to include a pre-written JS file to handle the logic behind of a page. Pages require adding the JS file are: Order, Upsell, Index, Confirm, Decline.

Viewing the Order page in Edit mode, the file is included on the bottom of the page.

Image RemovedImage Added

In order for the required pages to function properly, please remember to add the JS file for them.

2[siteCommon] AffiliateFormWidgetThe affiliate form for registration.

Image RemovedImage Added

3[siteCommon] BillingFormWidgetThis form is used in the order page which allows users to enter a different Billing Address, instead of using the Shipping Details.

Image RemovedImage Added

You can translate the fields' labels and heading by updating this form.
4[siteCommon] ChinaMethodQR Code payment methods using WeChat Pay and Alipay.

Image Added

Image Added

5[siteCommon] CreditCardFormWidgetCredit Card information form. You can choose 2 different layouts for 2 order page versions.

Image RemovedImage Added

The Select Theme dropdown allows users to select a theme/style to use.
6[siteCommon] CreditCardMethodWidgetThe Credit Card payment option on Order page.

Image RemovedImage RemovedImage AddedImage Added

6
7[siteCommon] CTAButtonWidgetCTA button in order page which works with Credit Card payment option.

Image RemovedImage Added

7
8[siteCommon] CustomerFormWidgetInput form to collect customer information, including First name, Last name, Email, Phone. Fields are configurable to fit the Order page layout.

Image RemovedImage RemovedImage AddedImage Added

8
9[siteCommon] DMCAWidgetNot used9

10[siteCommon] ExitPopupWidgetAdd the Exit Popup and the JS code to control its behavior to the page.

Image RemovedImage Added

10
11[siteCommon] FAQWidgetAccordion style FAQ (used in Chakra Sole index page)

Image RemovedImage Added

11
12[siteCommon] FomoWidgetThis widget is used to include the fomo notification to the order page. Its data is specified a json file which is referred by the widget. It can be enabled using parameter fomo=1

Image RemovedImage Added

Image RemovedImage Added


12
13[siteCommon] IndicatorStepsThe 3-step indicator on the top of the upsell page.

Image RemovedImage Added

13
14[siteCommon] KountWidgetNot used14

15[siteCommon] LoaderWidgetAdd the loading bar to the order page. It can be controlled by the parameter loader=1.

Image RemovedImage Added

15
16[siteCommon] PaypalButtonWidgetPaypal checkout button in order page, which works with the Paypal method.

Image RemovedImage Added

16
17[siteCommon] PaypalMethodWidgetAllow users to select to pay by Paypal.

Image RemovedImage Added

17
18[siteCommon] PaypalOneClickButtonWidgetPaypal Express Checkout button. Users don't need to enter any information before going to Paypal to login their account.Image RemovedImage Added18
19[siteCommon] PreloadingWidgetNot used

20[siteCommon] ProductBannerSidebarWidgetThe banner on top of the right sidebar in order page

Image RemovedImage Added

20
21[siteCommon] ProductDiscountInfoWidgetThe discount information on top of the product list in order page.

Image RemovedImage Added

21
22[siteCommon] ProductListWidgetList of products in order page. The number of the products is flexible.

Image RemovedImage Added


  • First product is used for the Exit Pop if it is added.
  • Default Product: Pre-select this product when opening order page.
  • Default Text: Specify the highlighted product in the list, with the Best Seller heading.
  • Add Product button: Add an extra section to add all information about the new product.
2223[siteCommon] ProductWarrantyWidgetProduct warranty checkbox in order page. The percentage can be configured with funnel ID dropdown.

Image RemovedImage Added

Image RemovedImage Added

  • Funnel ID: Specify the amount of percentage to buy warranty.
2324[siteCommon] ShippingFormWidgetShipping address form in order page.

Image RemovedImage Added

24
25[siteCommon] TimeCountdownWidgetThe time countdown in the index page.

Image RemovedImage Added

25
26[siteCommon] UpsellCTAButtonWidgetThe CTA button in the upsell page.

Image RemovedImage Added

26
27[siteCommon] WistiaVideoWidgetInsert a video from Wistia, using the video ID.

Image RemovedImage Added