Scrolling Text Generator

How to Add Scrolling Text to Shopify

Add a scrolling text banner to your Shopify store to highlight promotions, free shipping, or announcements. No app required — just paste the generated code into a Custom Liquid section.

Open Scrolling Text Generator

Step-by-Step Guide

  1. 1

    Generate your scrolling text code

    Open the Scrolling Text Generator on our homepage. Enter your announcement or promotional message, choose an animation style, customize the colors to match your store branding, and click Copy Code.

  2. 2

    Open the Shopify theme editor

    From your Shopify admin, go to Online Store > Themes. Click the Customize button on your active theme. This opens the drag-and-drop theme editor where you can add sections to your store.

  3. 3

    Add a Custom Liquid section

    In the theme editor, click Add section and choose Custom Liquid (available in Shopify 2.0 themes). If your theme does not have a Custom Liquid section, you can edit the theme code directly by going to Online Store > Themes > Actions > Edit Code and pasting the code into a Liquid template file.

  4. 4

    Paste the generated code

    Paste the scrolling text code from the generator into the Custom Liquid content field. The preview on the right will update instantly so you can see the scrolling animation on your store layout.

  5. 5

    Position the section and save

    Drag the Custom Liquid section to your desired position — above the header for an announcement bar effect, below the hero for promotions, or anywhere else on the page. Click Save to publish the changes to your live store.

Frequently Asked Questions

Do I need a Shopify app to add scrolling text to my store?

No. The Scrolling Text Generator creates pure HTML and CSS code that you can paste into a Custom Liquid section or directly into your theme code. This avoids monthly app fees, keeps your store fast, and does not add third-party scripts.

Can I use scrolling text as a Shopify announcement bar?

Yes. Place the Custom Liquid section at the very top of your theme layout to create a scrolling announcement bar. This is great for promoting sales, free shipping thresholds, or limited-time offers with an eye-catching ticker effect.

Will the scrolling text work on all Shopify themes?

Yes. The generated code is self-contained HTML and CSS that works in any Shopify theme, including Dawn, Debut, Brooklyn, and all third-party themes. For Online Store 2.0 themes, use the Custom Liquid section. For older themes, paste the code into a template file via the code editor.

Can I show different scrolling text on different pages of my Shopify store?

Yes. In the Shopify theme editor you can add Custom Liquid sections on a per-template basis. Create different scrolling text codes for your homepage, collection pages, and product pages, then add them to the appropriate templates.

Ready to Create Scrolling Text for Shopify?

Use our free generator to design your scrolling text, then follow the steps above to add it to your Shopify site in minutes.

Create Your Scrolling Text Now