Adding a Scrolling Text Marquee to your Elementor website is a great way to grab attention and improve user engagement. This feature brings a sleek, modern touch to your design. Whether you’re highlighting announcements, showcasing testimonials, or creating eye-catching headlines, a list marquee can enhance your Elementor website’s visual appeal. In this tutorial, we’ll explore how to easily create a scrolling text marquee using the List Marquee widget, giving your site that professional edge without any hassle.
Popular Use Cases for using Scrolling Text Marquee in an Elementor Website
News Websites
If you run a news website, a scrolling text marquee is an excellent solution for highlighting breaking news and live updates. This feature ensures that your audience stays informed in real time without needing to navigate away from the homepage.
E-commerce Websites
E-commerce platforms can leverage scrolling marquees to draw attention to special offers, flash sales, or seasonal discounts. By prominently displaying these promotions, you can increase customer engagement and drive more sales effortlessly.
Event Websites
For event websites, a marquee can showcase crucial details like event schedules, keynote speakers, or registration deadlines. This makes it easier for attendees to access important information quickly while adding a dynamic touch to your site.
Educational Websites
Educational institutions can use scrolling marquees to share updates about enrollment deadlines, course highlights, or event notifications. This ensures that students and parents don’t miss out on important announcements, keeping them well-informed.
Entertainment Websites
Entertainment websites can use a scrolling marquee to announce new releases, upcoming concerts, or ticket availability. This helps keep visitors informed about the latest events and boosts ticket sales by building excitement.
Technology Blogs
A scrolling text marquee can be a valuable tool for technology blogs to display trending topics, upcoming product launches, or software updates. It keeps your tech-savvy audience engaged by providing them with fresh, timely content.
Step #1: Install and activate Unlimited Elements
Before getting started you will need to purchase Unlimited Elements pro from the link below to access the List Marquee widget.
Then follow these steps:
Go to Plugins → Add New → Upload Plugin.
Choose the zip file you downloaded, upload, and then click Activate.
Once activated, you’ll need to enter your license key.
Now that you have the plugin installed, it’s time to start using the List Marquee widget.
Step #2: Adding the List Marquee widget to your Elementor website
To show a Scrolling Text Marquee you need to install the List Marquee widget from the Unlimited Elements Widget library.
Go to Unlimited Elements in the WordPress Dashboard
Search for the "List Marquee"
Hover over the widget and click install
Step #3: Add List Marquee widget to your Elementor page
Now, in the Elementor editor, Find the List Marquee widget and drag it to the desired part of your page.
Choose the Items Source
Choose the Items Source from the dropdown. We can select Posts, Woo products, ACF repeater fields, JSON or CSV files, gallery, terms, users, menu items, and more. For our guide, we’ll use static data and leverage the items repeater to add our content.
General Settings
Speed
Adjust the scrolling text speed accordingly.
Show Graphic Element
Enable the "Show Graphic Element" option to "Yes" to display a graphic element.
Graphic Element Type
Choose the graphic element type to either an "Icon" or an "Image".
Show Text
Enable the "Show Text" option to add more text.
Pause On Hover
Set the "Pause On Hover" option to "Yes" to pause the scrolling text on mouse hover.
Animation
Select the animation direction to either "Left", "Right", "Up", or "Down".
Item Direction
Select the item direction to either "Left To Right", or "Right To Left".
Image Size
Select the image size accordingly.
Add Items for the List Marquee
Title
Add the scrolling text title.
Icon
Choose the desired icon.
Image
Choose an image if the graphic element type is image.
Link
Add the link if needed.
Text
Add the text if "Show Text" option is enabled.
Wrapping it Up!
Incorporating a scrolling text marquee into your Elementor website is a simple yet powerful way to elevate its design and functionality. With the List Marquee widget, you can create dynamic, engaging elements that stand out and convey important information effectively. Whether used for promotional messages, key updates, or creative displays, this feature can leave a lasting impression on your audience. Start experimenting with scrolling marquees today and watch your website come to life!
