Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current Restore this Version View Page History

« Previous Version 9 Next »

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.

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.

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.


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.

You can translate the fields' labels and heading by updating this form.
4[siteCommon]CreditCardFormWidgetCredit Card information form. You can choose 2 different layouts for 2 order page versions.

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


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


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


8[siteCommon]DMCAWidgetNot used


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


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


11[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



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


13[siteCommon]KountWidgetNot used


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


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


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


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


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


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


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


  • 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.
22[siteCommon]ProductWarrantyWidgetProduct warranty checkbox in order page. The percentage can be configured with funnel ID dropdown.

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


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


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


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





















0 Comments

You are not logged in. Any changes you make will be marked as anonymous. You may want to Log In if you already have an account.