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. | Type | Description | Example | Configurable fieldsNote | ||
|---|---|---|---|---|---|---|
| 1 | [siteCommon] AddStaticFileWidget | This 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.
|
| ||
| 2 | [siteCommon] AffiliateFormWidget | The affiliate form for registration. |
|
| ||
| 3 | [siteCommon] BillingFormWidget | This 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 |
| 4 | [siteCommon] ChinaMethod
| QR Code payment methods using WeChat Pay and Alipay. |
|
| ||
| 5 | [siteCommon] CTAButtonChinaWidget | CTA button for order page which works with China Method (WeChat Pay and Alipay) |
|
| ||
| 6 | [siteCommon] CreditCardFormWidget | Credit 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]CreditCardMethodWidget7 | [siteCommon] CreditCardMethodWidget
| The Credit Card payment option on Order page. |
|
| |
| 8 | [siteCommon] CTAButtonWidget | CTA button in order page which works with Credit Card payment option. |
|
| ||
| 9 | [siteCommon] CTAButtonOrderList | CTA button to complete the order in Order List page |
|
| ||
| 10 | [siteCommon] CTAButtonOrderVip | CTA button to complete the order with Credit Card Method and works with the VIP opt-in |
|
| ||
| 11 | [siteCommon] VipMembershipWidget
| The VIP opt-in form for free expedited shipping |
|
| ||
| 12 | [siteCommon] CTAButtonUpsellMini | Not used | ||||
| 13 | [siteCommon] CustomerFormWidget
| Input form to collect customer information, including First name, Last name, Email, Phone. Fields are configurable to fit the Order page layout. |
|
| ||
| 14 | [siteCommon] DMCAWidget | Not used. Included in footer. | ||||
| 15 | [siteCommon] EstimatedFormWidget | Popup window to calculate shipping fee based on zip code, used 9in order page with shipping fee |
|
| ||
| 16 | [siteCommon] ExitPopupWidget | Add the Exit Popup and the JS code to control its behavior to the page. |
|
| ||
| 17 | [siteCommon] FAQWidget | Accordion style FAQ (used in Chakra Sole index page) |
|
| ||
| 18 | [siteCommon] FomoWidget | This 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 |
|
| ||
| 19 | [siteCommon] IndicatorSteps | The 3-step indicator on the top of the upsell page. |
|
| 13
|
|
| 20 | [siteCommon] InstallmentPaymentWidget | This widget is used to provide customers option to select number of months for installment. Works with Credit Card method for Brazil. |
|
| ||
| 21 | [siteCommon] KountWidget | Not used14 | ||||
| 22 | [siteCommon] LoaderWidget | Add the loading bar to the order page. It can be controlled by the parameter loader=1. |
|  15 | ||
| 23 | [siteCommon] PaypalButtonWidget | Paypal checkout button in order page, which works with the Paypal method. |
|  16 | ||
| 24 | [siteCommon] PaypalMethodWidget
| Allow users to select to pay by Paypal. |
|  17 | ||
| 25 | [siteCommon] PaypalOneClickButtonWidget | Paypal Express Checkout button. Users don't need to enter any information before going to Paypal to login their account. |   |  18 | ||
| 26 | [siteCommon] PaypalSmartButton AddStaticFile | Paypal method using Smart Button. It automatically offer local payment methods based on IP. Used in both Order & Upsell pages |  |
| ||
| 27 | [siteCommon] PreloadingWidget | Not used | 19||||
| 28 | [siteCommon] ProductBannerSidebarWidget | The banner on top of the right sidebar in order page |
|  20 | ||
| 29 | [siteCommon] ProductDiscountInfoWidget | The discount information on top of the product list in order page. |
|
| ||
| 30 | [siteCommon] ProductLifetimeWarranty | Lifetime Warranty widget to be used in the Descriptive Order page. It has a different layout than the original one, and CTA to select Yes or No |
|
| ||
| 31 | [siteCommon] ProductListWidget | List of products in order page. The number of the products is flexible. |
|   |
| |
| 32 | [siteCommon] ProductSlider | Main video / image slider in descriptive order page. |
|
| ||
| 33 | [siteCommon] ProductWarrantyWidget | Product warranty checkbox in order page. The percentage can be configured with funnel ID dropdown. |
|  |
| 23 |
| 34 | [siteCommon] Reviews | Pre-defined review information for product. |
|
| ||
| 35 | [siteCommon] ShippingFormBRWidget | Customized shipping address form for Brazil. It is integrated with 3rd-party service to verify the CEP number and populate the correct address automatically. |
|
| ||
| 36 | [siteCommon] ShippingFormWidget
| Shipping address form in order page. |
|  24 | ||
| 37 | [siteCommon] SlotMachine | Slot machine style exit popup |
|
| ||
| 38 | [siteCommon] SmartPayPal OneClickButtonWidget | One-click Paypal payment button with 2 options to use either Smart Button or Alternative Payment Method button |
|
| ||
| 39 | [siteCommon] TimeCountdownWidget | The time countdown in the index page. |
|  25 | ||
| 40 | [siteCommon] UpsellCTAButtonWidget | The CTA button in the upsell page. |
|  26 | ||
| 41 | [siteCommon] WistiaVideoWidget | Insert a video from Wistia, using the video ID. |
|  |
