Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

version-update-ue
297281
PDF in Elementor - Featured Blog

Notification for Elementor (Free & Easy to Use)

The Notification Widget allows you to create eye-catching notifications for free in WordPress Elementor websites. Easily add a customizable notification box with a close icon to grab attention and convey important messages. Adjust colors, typography, and layout to match your site’s design while ensuring a seamless user experience. 

 

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

Add a Free Notification 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
Add a Free Notification for Elementor

General Settings for Elementor Notification

General Settings for Elementor Notification
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 for Elementor Notification

Graphic Element Settings for Elementor Notification
1

Graphic Element Source

Select the graphic element source.

  • Icon 
  • Image 
  • Text
  • Elementor Template
2

Icon

Choose an icon to display.

Close Button Settings for Elementor Notification

Close Button Settings for Elementor Notification
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 for Elementor Notification

Additional Settings for Elementor Notification
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 for Elementor Notification

Set Cookie Settings for Elementor Notification
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 for Elementor Notification

Button Source Settings for Elementor Notification
1

Item Source

Select the item source from below options.

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

Items (Buttons) Settings for Elementor Notification

Items (Buttons) Settings for Elementor Notification
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.

Styling the Elementor Notification

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.

Styling the Elementor Notification

Elementor Notification Layout Styling

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

Elementor Notification Layout Styling

Elementor Notification Title Styling

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

Elementor Notification Title Styling

Elementor Notification Description Styling

Set the description color, typography, and gap.

Elementor Notification Description Styling

Elementor Notification Graphic Element Styling

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

Elementor Notification Graphic Element Styling

Elementor Notification Close Button Styling

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

Elementor Notification Close Button Styling

Elementor Notification Button Styling

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

Elementor Notification Button Styling

Usage Examples of Elementor Notification

Here are some live use cases for the Notification Widget.

Free Notification for Elementor with Multiple Action Buttons

Free Notification for Elementor with Multiple Action Buttons

Free Notification for Elementor with a Custom Image

Free Notification for Elementor with a Custom Image

Thank you for using the Notification Widget for Elementor! With its flexible styling and dynamic trigger options, this is the best Notification Widget for Elementor, helping you create engaging alerts and messages with ease. We hope it enhances your website’s communication and user interaction. If you have any questions or need assistance, feel free to reach out.

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!