Runline adds scrolling text bars to your site in two minutes: free shipping, sales with a countdown, news, opening hours, a new collection \u2014 anything your visitors should not miss.<\/p>\n\n
Most announcement bar plugins keep the countdown, the e-mail signup, the statistics or the A\/B tests for a paid Pro version. Runline does not have one:<\/p>\n\n
Pick one of 60+ ready designs \u2014 Black Friday, free shipping, Christmas, newsletter, reviews, breaking news, tilted landing-page ribbons and more \u2014 or start from scratch. Type your messages, pick colours and watch the live preview change with every key you press \u2014 on a computer or phone screen, on a light or dark page. Save without reloading, and the bar is on your site.<\/p>\n\n
Count down to the end of a sale or the start of an event: \"Ends in 2d 14:05:33\". The timer can stand still on the left or the right while the text moves, or sit right inside a message with Runline works on any WordPress site. When WooCommerce is active, you also get:<\/p>\n\n Runline ships its readable sources. The admin app and the block are written in modern JavaScript (React) in The scripts and styles of the bar on the site ( Runline works without any external service. Two optional features connect to one:<\/p>\n\n Yes, it is completely free, and there is no Pro version. All features \u2014 countdown, e-mail signup, Mailchimp \/ MailerLite \/ Brevo, recent sales, click statistics, A\/B tests, display rules, schedule and all 60+ designs \u2014 are in the plugin you download from WordPress.org. No license key, no limits on bars or sites, no upgrade notices.<\/p><\/dd>\n Runline is made by Creonix, a small studio that builds WordPress and WooCommerce plugins. We use it on our own shops and share it as it is. If it helps you, a short review on WordPress.org is the best way to say thank you.<\/p><\/dd>\n Runline puts the bar right after the opening Set Display \u2192 Where to \"Only where I put the shortcode\". Then add the \"Runline bar\" block in the block editor, the \"Runline bar\" widget in Elementor, or paste Yes, as many as you like. Bars in the same place stand one under another, in the order of their priority. In Runline \u2192 Settings you can choose to show only the most important one per place.<\/p><\/dd>\n Yes. With the block, the Elementor widget or the shortcode the bar takes the width of the place you put it in. The shortcode also takes options for one place: No. Runline is for any WordPress site. The shop features (free shipping progress, products, sale countdown) appear only when WooCommerce is active.<\/p><\/dd>\n Switch on Runline \u2192 Settings \u2192 \"Move a fixed (sticky) header of the theme below the top bars\", or put the bar into the header with the block or the Elementor widget.<\/p><\/dd>\n Yes. Rules about pages are decided by the page; rules about the visitor (UTM tag, referrer, cart total) and the schedule are checked in the browser before the page is shown.<\/p><\/dd>\n{countdown}<\/code>. When the time is over, the bar hides itself or shows your text.<\/p>\n\nMore than text<\/h4>\n\n
\n
Grow your list, prove your sales<\/h4>\n\n
\n
Make it look your way<\/h4>\n\n
\n
#runline-12<\/code>) for your styles in Additional CSS.<\/li>\n<\/ul>\n\nFor WooCommerce shops (optional)<\/h4>\n\n
\n
Show it exactly where you want<\/h4>\n\n
\n
Features<\/h4>\n\n
\n
[runline]<\/code> shortcode<\/li>\nMore from Creonix<\/h4>\n\n
\n
Source code \/ Build<\/h3>\n\n
src\/<\/code> and built into build\/<\/code> with the official WordPress tools (@wordpress\/scripts<\/a>):<\/p>\n\n\n
cd wp-content\/plugins\/runline<\/code><\/li>\nnpm install<\/code><\/li>\nnpm run build<\/code> (or npm run start<\/code> while you change the code)<\/li>\n<\/ol>\n\nassets\/js\/*.js<\/code>, assets\/css\/runline.css<\/code>) are plain files; the .min<\/code> versions next to them are minified copies of the same code.<\/p>\n\nExternal services<\/h3>\n\n
\n
\n
\n
Is Runline really free? Is there a Pro version?<\/h3><\/dt>\n
Why is it free?<\/h3><\/dt>\n
The bar does not show at the top of my theme<\/h3><\/dt>\n
<body><\/code> tag. Themes that do not support that get the bar moved to the top with a line of JavaScript. If your theme has its own sticky header, use the shortcode inside the header (for example in Elementor) instead.<\/p><\/dd>\nHow do I put the bar into a page?<\/h3><\/dt>\n
[runline id=\"123\"]<\/code> anywhere else (the ID is shown in the list of bars).<\/p><\/dd>\nCan I show several bars?<\/h3><\/dt>\n
Can I put a bar into a narrow column or a small box?<\/h3><\/dt>\n
[runline id=\"123\" width=\"320\" radius=\"8\" size=\"13\"]<\/code>.<\/p><\/dd>\nDo I need WooCommerce?<\/h3><\/dt>\n
The bar is under the fixed header of my theme<\/h3><\/dt>\n
Does it work with page caching?<\/h3><\/dt>\n