dotCMS Widgets

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.

	Type	Description	Example
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.
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.
7	[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
15	[siteCommon] EstimatedFormWidget	Popup window to calculate shipping fee based on zip code, used in 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.
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 used
22	[siteCommon] LoaderWidget	Add the loading bar to the order page. It can be controlled by the parameter loader=1.
23	[siteCommon] PaypalButtonWidget	Paypal checkout button in order page, which works with the Paypal method.
24	[siteCommon] PaypalMethodWidget	Allow users to select to pay by Paypal.
25	[siteCommon] PaypalOneClickButtonWidget	Paypal Express Checkout button. Users don't need to enter any information before going to Paypal to login their account.
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
28	[siteCommon] ProductBannerSidebarWidget	The banner on top of the right sidebar in order page
29	[siteCommon] ProductDiscountInfoWidget	The discount information on top of the product list in order page.
30	[siteCommon] ProductListWidget	List of products in order page. The number of the products is flexible.
31	[siteCommon] ProductWarrantyWidget	Product warranty checkbox in order page. The percentage can be configured with funnel ID dropdown.
32	[siteCommon] ShippingFormWidget	Shipping address form in order page.
33	[siteCommon] TimeCountdownWidget	The time countdown in the index page.
34	[siteCommon] UpsellCTAButtonWidget	The CTA button in the upsell page.
35	[siteCommon] WistiaVideoWidget	Insert a video from Wistia, using the video ID.