The following table describes all widget settings you can configure when embedding a widget into a website or a Facebook page. You also have the option to customize the structure and design of both the Custom Schedule Widget and the Lead Capture Widget.
To learn how to customize a Custom Schedule Widget, see Customizing your Custom Schedule Widget skin.
To learn how to customize a Lead Capture Widget, see Customizing your Lead Capture Widget skin.
Note: You can enable Google and Facebook analytics tracking to all website widgets, except the Review Widget and the Staff Widget, from the Client Portal settings.
Integrations
Heading | Description |
Facebook integration | Add a widget to your Facebook page. For more information, see Embed a widget. |
Domain settings
Heading | Description |
URL of your page | Enter the direct URL of the page where you want the widget to be placed. This field helps the widget by allowing users to seamlessly return to your webpage after interacting with WellnessLiving. |
Website domains | Enter the domain of the webpage(s) you want to add the widget to. You can add as many webpages as you want, as long as you separate each entry with a comma (for example, wellnessliving.com, example2.com, example3.com).
If you want to add the widget to multiple places on your website, you can avoid manually entering all URLs by using a “wildcard”
To do this, add an asterisk and a period in front of your main domain name (for example, *.wellnessliving.com). This will cover all subdomains such as “support.wellnessliving.com”.
Caution: If you’re experiencing issues with your widget displaying or functioning on your website, entering the domains will ensure that the widget appears and functions correctly. For more information, see Why are website widgets displaying broken images? |
Embed code
Heading | Description |
Standard widget code | Used to embed a widget into your website. To learn how to perform this action, see Embed a widget.
Note: The Custom Schedule Widget can’t be placed in a container with a fixed width less than 440 pixels. When the Custom Schedule Widget is used in these situations, the system will automatically display the Standard Schedule Widget in its place. |
New widget code | Used to embed a widget into your website using a layout coded with React for additional functionality. This new code is currently only available for the Appointment Widget, Review Widget and Lead Capture Widget. |
Location | Select the location to which the widget applies. This option is only available when you have multiple locations in your business. |
Custom CSS | Add custom CSS to your widget to apply custom styles that match your business’s website and branding. To learn how to perform this action, Adding custom CSS to a website widget. |
Link code
Heading | Description |
Link code | Embed a button link into your website. To learn how to perform this action, see Embed a widget.
Although widget buttons aren’t available for Schedule Widgets, you can still provide a link to your Client Portal from your website and allow clients to access your schedule via this link. |