How to Configure the Unfiltered HTML+ Widget
About the Unfiltered HTML Widget
Widgets by Social Edge are quality, easy-to-use custom widgets that do one thing very well (e.g., display unfiltered HTML, such as calls to action on your home page) for your Verint community.
Fully skinnable and adaptable to your brand's style, the Unfiltered HTML SE Widget comes with its own configuration panel and can be placed on your community's global homepage or any Group Homepage.
This Unfiltered HTML+ widget does not replace Telligent’s existing widgets. Rather, our Unfiltered HTML+ widget wraps code so that it is self-contained and doesn't change the rest of the CSS on your site. You can copy any CSS/HTML from an existing widget and just place it inside of our Unfiltered HTML+ widget. No additional modifications will need to be done to any of the other HTML widgets on your site.
HELPFUL HINTS: Before You Start
If you will be using images in your HTML it will be helpful for you to upload your images first and grab the URLs so that you can use them in your HTML.
How to Upload Images
Select the Pencil icon at the top left corner of your screen
Select Administration
Select Site > Files
Upload your images from your computer (you can create a folder for each Custom HTML to keep the images organized if you like, this is optional)
Once the image uploads, right mouse click on the title of the image to copy the image URL (Update your HTML with those URLs)
Move on to Setup and Configuration
Setup and Configuration
Prepare and Configure the Unfiltered HTML+ Widget
Navigate to the relevant group or application where you want the Unfiltered HTML+ Widget to appear.
Select the Pencil icon at the top left.
Select Manage Group Theme.
Select Edit this Page
From the Widgets menu, search for the Unfiltered HTML+ by SE widget and add it to the page by dragging and dropping the widget onto the page.
Configure the Unfiltered HTML+ Widget
While configuring the widget, DO NOT click off the white popup box or you will lose your configurations and will need to click the gear to edit and start again.
Select the Gear in the right corner on the black bar of the widget to edit the widget
Add a Widget Title this title will display on the published page if you select that under formatting (optional)
Take your copied HTML from your clipboard and paste it into the Content section
Set specific styles for a widget
Background Color - Set a specific color for the background of the unfiltered HTML widget.
Background Image - Enter a URL for a background image to diplay
Height - Set a specific height for the unfiltered HTML widget.
Width - Set the width of the unfiltered HTML widget - either page width, window width, or set it to be background at window width, content at page width.
Style - Enter any CSS classes here that you would like to apply to the unfiltered HTML widget.
Set the visibility for the widget
Everyone - The widget will display to ALL users - including non-authenticated (logged-in) users.
Anonymous Users - The widget will only show to non-authenticated (logged-in) users.
Authenticated Members - This widget will only show to authenticated (logged-in) users.
Visible to Roles - The widget will only show for the site roles configured here.
Hidden from Roles - The widget will be hidden from anyone in the site roles entered.
Click save once all changes have been made
NOTE: You can use specific aliases within Verint such as {displayname}, {username}, {name}. Please see the example below:
Go to Publish the Page Section below
Publish the Page
Click the Publish Button in the Management Console Panel to publish your changes
Click the X in the Management Console Panel, to close the Panel
Your page will appear published with your updates (below are some sample CTA’s)
Support
Need support or want to talk to us? Please send an email to: