1. Home
  2. Xpro Beaver Addons Pro
  3. Pro Beaver Modules
  4. News Ticker

News Ticker

How To Use & Design The News Ticker Module For Beaver Builder?

Do you want to effectively showcase the “breaking news”, “promotion sales” or any newsworthy information in an interesting way? Well, using the news ticker module for beaver builder is highly recommended. This dynamic module, often seen as a scrolling or sliding line, can provide real-time updates in a visually engaging manner. It ensures that announcements are prominently displayed and the users don’t miss out on anything important. 

News ticker module by Xpro Beaver builder addons helps you to design a beautiful ticker and gives you the freedom to display custom content as your headlines. It allows you to select from 3 different layout options and design the ticker with custom colors, typography, background, and media such as icons or images. Also, it gives you the flexibility to add multiple news tickers and edit each one of them separately. 

Besides, the news ticker module for beaver builder also gives you the freedom to add nice transition effects like fade/slide. You can also enable navigation, a close icon, or a separator to add personalized styling. Easily put the focus on the ‘Headline’ of your content & make it totally eye-catching to your site visitors.

Let’s start with how you can design and configure the news ticker in beaver builder.


You need to install and activate the Xpro beaver builder addons- Lite and then get a premium version of Xpro Beaver Builder Modules. If you already have the plugin installed, just make sure the News Ticker Module is ‘Enabled’, so you can find it in the Beaver Builder page editor.

Here is how you can enable the modules for beaver builder.

How to Enable News Ticker Module For Beaver Builder?

To enable the news ticker module for beaver builder, follow these steps:

Step 1

Click on the Xpro Addons option available on the WordPress Dashboard Menu.

WordPress dashboard menu

Step 2

From the Xpro Addons Dashboard, click on the Module tab, find the News Ticker Module, and finally, toggle the button to enable it.

Enable news ticker module

Steps To Use & Configure The News Ticker Module For Beaver Builder

This amazing module is designed in a way to increase conversion rate and helps your website to stand out to boost sales.

Follow these simple steps to fully utilize the Xpro news ticker module for beaver builder.

Step 1: Drag and Drop the News Ticker Module

  • Edit the Beaver builder and select Xpro addons from the side menu.
  • Drag and Drop the news ticker module in beaver builder on your selected area. It will be shown in the beaver builder editor.
  • This is the default look of our Xpro Beaver builder News Ticker module.
Drag and drop the news ticker module for beaver builder

Step 2: Select the Layout Style

Once you have added the news ticker module to your selected area, the pop-up will automatically expand on the left side. There you can pick a layout style from 3 different options. Choose the one that you like and that matches your website design. 

Layout Styles of news ticker module for beaver builder

Step 3: General Settings

Here you can edit the title, add a media or icon, list of news tickers, and much more. Let’s explore all the features of general settings. 

  • Heading

In this section, you can change the title of your news ticker with any of your desired content. After that, you can choose to add icons from the vast inline library or custom images with the title. This will help the users to easily understand what type of news you are showing. Like for example, you can add an alert icon, with the information to warn the users of relevant issues. 

Heading -News ticker module for beaver builder
  • Content

In the content section, you can add multiple news lists and edit each one of them separately with descriptions, custom icons, or images. Also, this option gives you the flexibility to arrange, reorder, and delete the news at any time. 

Content Settings - News ticker module for beaver builder
  • Settings

You can choose to enable different transition effects for your news tickers. With a content ticker, you have the freedom to exhibit diverse content types with the sliding and fade movement. If you want your news to play automatically, adjust the timeout speed after enabling the autoplay option.

General Setting - News ticker module for beaver builder

Also, you can help your users easily get access to all the news or updates with the navigation option. Furthermore, you can enable the separator and close icon to add a professional look. 

[seperator, nav, close button- video]

Step 4: Styling News Ticker in Beaver Builder

The styling feature allows you to easily create different looks for the news ticker in beaver builder. Also, you can match your news ticker with the website’s aesthetics and make it more professional. 

  • General

In this section, add a wrapping background color to make your tickers more visually appealing for visitors. Style your headings or title with colored background and gradient. You can also customize the color of the icons/images placed with the heading to grab the attention of your users. Adjust the space between the heading and icon to make it clearly defined. 

General Style - News ticker module for beaver builder
  • Content

Adjust the colors, typography, and padding of the content or description of the news to make it more visually striking. You can also make custom changes in the media icon of the news. 

Content Style - News ticker module for beaver builder
  • Separator

Enable the separator from the general section and style it with different colors to make it more eye-catching. You can adjust the width, height, and margins in order to make them clearly visible to the users. This can help your news to differentiate from the other sections. 

Separator Style -News ticker module for beaver builder
  • Navigation

Use a custom navigation layout and choose from the arrow, long angle, and circle angle. Change the icon size, background size, spaces, and background to create easy navigation for your visitors. 

  • Close Icon

Display the close option to help your users easily dismiss the option if they don’t need it. Style your close icon with custom size, background, and margins. 

Close Icon Style - News ticker module for beaver builder

Step 5: Save Changes & Publish 

After you have done customizing the news ticker for beaver builder, save the new changes and publish them on your beaver builder website.

Here is the final look at what we have created so far!

Save Changes and Publish

Best News Ticker Module For Beaver Builder!

This is how you can easily highlight important announcements & make the headlines very eye-catching to your visitors. Hopefully, after reading this, you have got a full understanding of how you can create appealing news highlights. The News Ticker module for beaver builder is one of the best and handiest tools to display important information. Furthermore, it adds a sense of urgency and excitement to the content being displayed. 

Check out our pack of 130+ Free beaver builder modules to start your website design journey. Apart from that, you can also find templates, advanced features, and other pro modules with our premium package for extensive styling options.

How can we help?