How to Add Dynamic, Eye-Catching Scrolling Text to Your Shopify Store
Want to add a dynamic scrolling line of text across your store to grab attention? The SJ Scrolling Announcement Bar makes it easy and it’s completely free to use. Perfect for showing off promotions, announcements, or quick store updates, this section adds motion and energy to your storefront in just a few clicks.
Our Sections Jungle app is approved by Shopify and safely injects the code directly into your store, running natively without any slowdowns. It also includes a growing collection of other powerful, ready-to-use sections that go beyond this one. Follow the steps below to get your text scroller up and running in minutes.
Want to see it in action? View the live demo to preview how it looks in a real store.
Step 1: Install the App
Start by installing the Sections Jungle app below for the section:
Use the search bar to find the Scrolling Announcement Bar section, you can see how far you can take the customizations after you open the popup! You’ll also find many other unique sections in the app’s library that can be installed just as easily. After clicking Install, select the theme where you’d like the scroller to appear. Once installation is complete, go straight to your Customize page to start editing.
Step 2: Add the EZFY Text Scroller Section
Inside the Theme Editor, open the page where you want your text scroller to appear. Click Add section on the left-hand menu and search for SJ Text Scroller.
Once added, you’ll see a smooth line of text automatically scrolling across your storefront. Now it’s time to customize it.
Step 3: Add and Customize Your Text
The Text Scroller supports multiple text items, so you can include several short messages that loop continuously. Each text item can link to a page, such as a product or collection, making it both informative and interactive.
You can choose the scrolling direction (left to right or right to left) and adjust the speed separately for desktop and mobile. Want visitors to easily read your message? Enable the option to pause on hover.
To make your text pop, customize the font, size, and letter spacing or even use your own custom font. You can also set a background color or apply a gradient text effect for a bold visual touch.
Step 4: Layout & Individual Styling (Optional)
Control spacing and layout to fit your store perfectly. Add separators between text items, adjust their opacity, and fine-tune gaps and padding for both desktop and mobile. You can also tweak top and bottom spacing to ensure the scroller aligns naturally within your layout.
For extra flexibility, you can style each text item individually changing its font size, spacing, colors, gradients, and even linking each to a unique page. This is ideal for highlighting rotating promotions or campaign-specific messages.
Keep Visitors Engaged
The SJ Text Scroller is a simple but powerful way to bring motion and energy to your Shopify storefront. Whether you’re promoting a sale, sharing updates, or adding a touch of personality, this section helps your store feel more dynamic, no code required.
While this guide focuses on the Text Scroller, remember that the Sections Jungle app includes a growing library of professionally designed sections for every type of store, from sliders and banners to product showcases and announcement bars.
At EZFY Code, we also offer custom development work for merchants who need something unique built specifically for their store. We're continuously expanding our Sections Jungle library and are looking for feedback on what sections to build next. If there’s a section that would make your store better, we’d love to hear from you, tell us what would be most useful and we might develop it for the app.
Install the SJ Scrolling Announcement Bar today and explore the full library of sections available inside Sections Jungle!