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 Require: [siteCommon] CTAButtonChinaWidget	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 Require: [siteCommon] CreditCardFormWidget Require: [siteCommon] CTAButtonWidget	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 Required: [siteCommon] CTAButtonOrderVip	The VIP opt-in form for free expedited shipping
12	[siteCommon] CTAButtonUpsellMini	Not used
13	[siteCommon] CustomerFormWidget Available customized form for Chile, Colombia to collect local information	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 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 Require: [siteCommon] PaypalButtonWidget	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] 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.
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 There are other customized forms for specific countries where address formats are different.	Shipping address form in order page.
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.
40	[siteCommon] UpsellCTAButtonWidget	The CTA button in the upsell page.
41	[siteCommon] WistiaVideoWidget	Insert a video from Wistia, using the video ID.