Creating, Editing and Customising Widget Displays
This article covers the following:
How to create a new Widget Display
How to edit an existing Widget Display
How to customise a Widget Display
From the left menu, browse to Engage > Widget Displays.
On the Widget Displays page:
Click the +Display button to create a new Widget Display.
In the Create New Widget Display Modal, enter the following:
Display Name – enter a short name to help you identify this Widget Display.
Filter – select the Filter you wish to use for the Display.
Click Next
In the Display Theme tab of the modal, enter the following:
Widget Themes – select a Theme for the Display. You can preview each theme by selecting its checkbox. Learn more about Widget Display Themes
Click Finish button. This will lead you to the Edit Display page where you can customise the Widget Display – see Customise your Widget Display.
Click on the bottom right Save Changes button to save your new Display.
From the left menu, browse to Engage > Widget Displays.
On the Widgets Display page:
Locate the Widget Display you wish to edit
Click the corresponding Edit button under the Actions column
In the Edit Display page:
You can customise the Widget Display as required by accessing the options under the tabs in right sidebar - see Customising Widget Displays.
Click the Save Changes button in the bottom right to save your changes when done.
If you wish to start-over and reset all settings to defaults, click on the Reset defaults link - any custom changes you have made will be lost.
Finally, click the Close button once you’ve finished editing.
Buzzspark provides several Theme for Widget Displays. Each theme can be easily customised to match your brand and desired experience.
All custom options are grouped into tabs in the right sidebar when editing a Widget Display. Our visual editor simplifies the entire process for non-technical users and provides access for developers to edit underlying code or to create completely unique experiences.
Refer to the articles below for details of all available custom options under each of the tabs in the visual editor. You might also find it helpful to reference the structure and terminology used in Widget Displays.
Settings– the Filter, Theme, Colour scheme, and how new Tiles are fetched and shown.
Styles – fonts, background, and size, spacing and animation of Inline Tiles.
Banner – adding optional headers on the display.
Slider Options – navigation and styling options for Slider themes only.
Inline Tile – layout, styles, and special effects for Inline Tiles.
Expanded Tile - layout, styles, and animation for Expanded Tiles.
Adverts – showcasing brand, promotional or sponsored content alongside UGC.
Sharing & Analytics – sharing options and tracking events in Google analytics.
Custom Code – editing or creating custom HTML, CSS and JavaScript code templates.
How to create a new Widget Display
How to edit an existing Widget Display
How to customise a Widget Display
How to create a Widget Display
Step 1: Navigate to the Widget Display page
From the left menu, browse to Engage > Widget Displays.
Step 2: Add a new Widget Display
On the Widget Displays page:
Click the +Display button to create a new Widget Display.
Step 3: Enter the name and the select the Filter and Theme
In the Create New Widget Display Modal, enter the following:
Display Name – enter a short name to help you identify this Widget Display.
Filter – select the Filter you wish to use for the Display.
Click Next
In the Display Theme tab of the modal, enter the following:
Widget Themes – select a Theme for the Display. You can preview each theme by selecting its checkbox. Learn more about Widget Display Themes
Click Finish button. This will lead you to the Edit Display page where you can customise the Widget Display – see Customise your Widget Display.
Click on the bottom right Save Changes button to save your new Display.
How to edit a Widget Display
Step 1: Navigate to the Widget Display page
From the left menu, browse to Engage > Widget Displays.
Step 2: Select the Widget Display you wish to edit
On the Widgets Display page:
Locate the Widget Display you wish to edit
Click the corresponding Edit button under the Actions column
Step 3: Edit the Widget Display
In the Edit Display page:
You can customise the Widget Display as required by accessing the options under the tabs in right sidebar - see Customising Widget Displays.
Click the Save Changes button in the bottom right to save your changes when done.
If you wish to start-over and reset all settings to defaults, click on the Reset defaults link - any custom changes you have made will be lost.
Finally, click the Close button once you’ve finished editing.
Customising Widget Displays
Buzzspark provides several Theme for Widget Displays. Each theme can be easily customised to match your brand and desired experience.
All custom options are grouped into tabs in the right sidebar when editing a Widget Display. Our visual editor simplifies the entire process for non-technical users and provides access for developers to edit underlying code or to create completely unique experiences.
Refer to the articles below for details of all available custom options under each of the tabs in the visual editor. You might also find it helpful to reference the structure and terminology used in Widget Displays.
Settings– the Filter, Theme, Colour scheme, and how new Tiles are fetched and shown.
Styles – fonts, background, and size, spacing and animation of Inline Tiles.
Banner – adding optional headers on the display.
Slider Options – navigation and styling options for Slider themes only.
Inline Tile – layout, styles, and special effects for Inline Tiles.
Expanded Tile - layout, styles, and animation for Expanded Tiles.
Adverts – showcasing brand, promotional or sponsored content alongside UGC.
Sharing & Analytics – sharing options and tracking events in Google analytics.
Custom Code – editing or creating custom HTML, CSS and JavaScript code templates.
Updated on: 04/02/2023
Thank you!