WordPress Banner Plugin

Add a simple banner to your WordPress website – perfect for announcements, promos, or hero messages without touching code.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
WordPress Banner Plugin

Create your Banner plugin

Configure your plugin and add it to your WordPress website for free!

Screenshots

WordPress Banner Plugin
1 / 6

Why People Love Elfsight

You know how a well-placed banner can catch the eye? With the Elfsight Banner plugin, you can put those visuals exactly where they count, and change them anytime. Whether it’s a seasonal promo, a featured product, or a new announcement, your message stays front and visible.

You won’t need to mess with CSS or theme files. Just design, grab the embed code, and paste it into WordPress. Even if you’re new to web editing, it’s manageable.

Did you know?

Rich media banners (with video or animation) deliver much stronger interest: after seeing a rich banner, 56% of users said they felt more interested in buying – versus only 38% after viewing a static one.

Try embedding your own video banner with Elfsight and see how your announcements draw your visitors’ attention.

Key Features of the WordPress Announcement Banner

Here’s what makes Elfsight handy:

  • Custom images & video backgrounds: Use images or YouTube/Vimeo video URLs for dynamic visuals.
  • Custom text & buttons: Add headline, subtext, and a call-to-action button linking wherever you like.
  • Control visibility per device: Choose which parts appear on desktop only, mobile only, or both.
  • Flexible placements: Place banners inline within pages or as floating elements sitewide.
  • Responsive design: Looks clean and proportionate across phones, tablets, and desktops.
  • Custom JS support: Add your own JavaScript code (validated) to expand banner behavior.

Try all features now in the live editor – no signup required

How to Add the Banner to WordPress

Here’s how you can embed the Banner plugin easily and for free, using two common methods:

Method 1: Inline Placement (within a page or post)

If you want your banner to blend naturally into your content, like part of a landing page, blog post, or homepage section, this option is perfect.

  1. Select a template: Choose a layout in Elfsight’s editor.
  2. Customize content: Upload image or video, set text and button, adjust styles.
  3. Generate code: Click “Add to website” and copy the snippet.
  4. Embed in WordPress: In the page or post editor, add a Custom HTML block and paste the code.
  5. Save & view: Publish your changes and confirm the banner shows where you placed it.

Method 2: Floating Banner

Choose this if you want your banner to stay in sight no matter where users scroll or navigate. It’s great for promotions, announcements, or calls to action that deserve constant attention across your website.

  1. Select a layout: In the editor, pick a template that fits you best.
  2. Adjust behavior: Upload your image, add texts, set visibility rules and positioning.
  3. Generate snippet: Copy the embed code from Elfsight.
  4. Embed site-wide: Paste it into your theme’s footer (before </body>) or use a Custom HTML widget in the global template.
  5. Check across pages: Refresh and browse – your banner should now appear across your chosen pages.

Need help? Check out our Help Center or see our blog guide on how to add a banner to your website. You can also propose features on the Wishlist or catch updates in the Changelog.

FAQ

Is there a free version of this Banner plugin?

Yes, Elfsight offers a free plan which includes all core features so you can start today. Premium plans unlock more views, advanced styling, and extra banners.

Can I target which pages show the banner (e.g. only homepage or blog)?

Yes, you can set visibility conditions so banners appear only on selected pages or post types.

What if I want different banner content on mobile vs desktop?

You’re covered. You can assign block visibility (desktop only, mobile only, or all devices) for every element.

Is it possible to add custom JavaScript or behavior?

Yes, Custom JS is now supported. That means you can add extra interactivity, so long as your script runs after installation (not during preview).

Can I embed the Announcement Banner without using a plugin (e.g. in WordPress.com or restrictive environments)?

Absolutely. Because Elfsight runs as a remote Banner widget, you only need the embed code. You don’t need to install a plugin if your environment allows custom HTML.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Platform-independent version
from $0 / month
start with a free plan
Unlimited domains
Fast and on-time support
Free installation assistance
Flexible design