The Notification(s) you've created can be shown within a Widget on your website.

The article on the creating a Notification can be found under the following link: How to Create a Notification

A Default Widget is created as soon as the account is created. It can be customized as you wish. Besides the default Widget, you can also add other Widgets.

Below you can find the steps to set up a Widget.

Step 1: Creating a Widget

A Default Widget is created as soon as the account is created. It can be customized as you wish. Besides the default Widget, you can also add other Widgets.

To work with the Widgets, go to Notifications > Widgets section. Click to edit the Default Widget or add a new one.



Step 2: Editing the Widget

Once you click to edit the Default Widget or Add a New one, you can start setting up the Widget options.



• Change the Widget Title.

• Choose the Type of the Widget: Link or Button.

If it's a button, then the Widget can appear upon that button click.
You can choose the Icon Color, Background Color, Button Position according to your wish.

If it's a link, it can be a applied to any element on your website. The following CSS class can be applied to the element:

SGBF-open-5f5647c67b5fb7305e56ae67

The example and the result we have can be observed directly on the Widget creation page.



• Choose among the Categories: Bug Fix, Announcement, New Feature. You can also customize the Background Color and Border Color.

• Set a Header and customize the Text and Background Colors.

• Enable/Disable the Close Button. And in case it's enabled, you can upload an image for it and customize the position.



• Enable/Disable Overlay for the Widget. If Overlay is enabled, you can choose the Color and Opacity for it.

• Set an Animation.
Both Opening and Closing Animations have 4 types: Slide Right, Slide Up, Slide Down, Fade.

• Enable/Disable Page Scrolling.

Collect Email Subscribers.

Enable/Disable Branding so the Beupify logo won't be shown inside the Widget.



Step 3: Placing the Widget

• Once you have the correct settings for the Widget, you can Save it, Copy the Embed Code.



• Place the Embed Code inside your website. We used a WordPress based page for this example.



That's it! The Widget should be good to go.

As an example of how it may work, you can check our website Beupify. We used the Link Type of the Widget. You can click on the Beupify Widget and see it in action.

Was this article helpful?
Cancel
Thank you!