fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

custom-cursor-elementor
google-maps-widget
age-verification-widget-for-elementor

Notification

The “Notification Widget” helps you add a simple notification box with a close icon to your Elementor website. A lot of customization options are available to create exactly the look you want for your Elementor page. 

 

Let’s look at each of the options in the “Notification Widget” below.

Install Notification Widget for Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Notification”
  3. Hover over the widget in the search results and click install
  4. Add your “Notification” widget to any Elementor Page

General Settings

1

Show Title

Show/Hide the title.

2

Notification Title

Type the notification title.

3

Title Tag

Select the html tag for title.

  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • div
  • span
  • p
4

Show Description

Show/Hide the description in notification.

5

Notification Description

Type text for notification description.

6

Text Tag

Select the html tag for text.

  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • div
  • span
  • p
7

Show Button

Show/Hide button in notification.

8

Show Graphic Element

Show/Hide the graphic element.

Graphic Element Settings

1

Graphic Element Source

Select the graphic element source.

  • Icon 
  • Image 
  • Text
  • Elementor Template
2

Icon

Choose an icon to display.

Close Button Settings

1

Horizontal Position

Select the horizontal positioning.

  • Left
  • Right
2

Vertical Position

Select the vertical positioning

  • Top
  • Bottom
3

Horizonal Gap

Set the horizontal gap.

4

Vertical Gap

Set the vertical gap.

5

Close Icon

Choose icon for close button.

6

Show Close Button Text

Show/Hide the close button text.

7

Close Text

Type text for close button.

Additional Settings

1

Hover Transition Duration

Set the hover transition duration.

2

Button Entrance Animation

Select the button entrance animation.

  • None
  • Appear
  • Scale Down
  • Scale Up
  • From Left
  • From Right
  • From Top
  • From Bottom
3

Button Hover Animation

Select the button hover animation.

  • Grow
  • Shrink
  • Pulse
  • Pulse Grow
  • Pulse Shrink
  • Push
  • Pop
  • Bounce In
  • Bounce Out
  • Rotate
  • Grow Rotate
  • Float
  • Sink
  • Bob
  • Hang
  • Skew
  • Skew Forward
  • Skew Backward
  • Wobble Vertical

Set Cookie Settings

1

Enable Cookie

When a cookie is set, the notification will not reappear if the notification is closed. The notification will reappear when the cookie expires.

Button Source Settings

1

Item Source

Select the item source from below options.

  • Items
  • Posts
  • Meta Field
  • JSON or CSV
  • Gallery
  • Terms
  • Users 
  • Menu

Items (Buttons) Settings

1

Button Label

Type text to show as button label.

2

Button Link

Type of paste URL to link with button.

3

Button Label Color

Set the button label color.

4

Button Background Color

Set the button background color.

5

Border Color

Set the border color.

Notification Widget Styling

A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.

Notification Styling

Style the layout, alignment, padding, border, and background.

Notification Title Styling

In this section, style the title color, typography, and width.

Description Styling

Set the description color, typography, and gap.

Graphic Element Styling

Set the graphic element margin, gap, wrapper width, height, icon size, color, background, and border.

Close Button Styling

Set the padding, border radius, border, typography, icon and text color for close button.

Button Styling

You can set the button positioning, alignment, layout, typography, gap, padding, and border.

Usage Examples

Here are some live use cases for the Notification Widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!