Create Widgets
Widgets let you create custom, reusable page elements by combining existing Site.com page elements, custom code, and CSS.
Required Editions
| Available in: Salesforce Classic |
Available for purchase in: Enterprise, Performance, and Unlimited Editions Available (with limitations) in: Developer Edition |
| User Permissions Needed | |
|---|---|
| To build, edit, and manage Site.com sites: | Site.com Publisher User field enabled on the user detail page AND Site administrator or designer role assigned at the site level |
When you create a widget, it's added to the Widgets view on the Overview tab, where you can access and manage all of the site's widgets. If you make it available, the widget also appears in the Widgets section of the Page Elements tab, where you and your team can easily drag it onto the page. You can also let contributors add widgets to site pages.
- Hover over Widgets on the Overview tab and click New, or click New Widget when the Widgets view is open.
- Enter the widget name. This name appears in the Page Elements pane.
-
Optionally, add a description.
The description appears as a tooltip in the Page Elements pane.
- To add a display icon for the widget, select an image from your imported assets. Use an icon that's 16 x 16 pixels in size.
-
Optionally, deselect Available in the Page Elements Pane
if you don't want the widget to appear in the Page Elements pane.
For example, you don’t want the widget to appear until you've finished building it.
- Click Apply. Now you're ready to add page elements to the widget.
- Click the widget's name to open it in a new tab.
- Add the page elements and CSS styles you need.
- Optionally, add custom properties or branding properties to the widget.
After you finish building the widget, ensure it's available in the Page Elements tab by selecting Available in Page Elements Pane on the Properties pane.
To let contributor's add a widget to a site page, select Available to Contributors on the Properties pane. This setting controls whether the widget appears in the contributor's Page Elements pane. You must also ensure that the site includes a template-based site page with at least one editable panel.
