Login pages, sidebars and member areas (banner widget, ProductDyno)
Use the banner widget to show a live countdown card on a login page, in a sidebar or inside a member area. It never redirects the page, never adds a bar and never adds space to the page. It sizes itself to the space it's in (from about 280 to 600 px wide).
Get the code
Open your campaign → Share it everywhere → Website & blog → Login page, sidebar or member-area banner. You'll find:
- The banner code for any site that lets you add code (WordPress, Kajabi and most member areas).
- The ProductDyno code for ProductDyno login pages.
- The banner image and smart link for places that only take an image and a link.
- A live preview of your saved banner at 280, 360 and 460 px wide.
ProductDyno login page
Paste the ProductDyno code into your ProductDyno login page's custom code. It fills the login banner slot and replaces the banner image and ProductDyno's banner link, so:
- it works whatever your banner image is called, and
- there's never a link inside a link. The banner brings its own link, which counts clicks and carries the right deadline.
Set the words, colours and what happens at the end
Edit the campaign and open Banner widget:
- A small line on top, the headline, a short line, a line above the countdown, the offer or coupon line, the button, and a note under the button (or the automatic end date).
- Put
*stars*around words to show them in your accent colour, for exampleOne deadline. *Synced everywhere.* - Give the banner its own colours if it should look different from your website bar.
- Brand colour with an accent glow gives a richer background.
- Stretch to fill for a fixed-size space (like a 460 × 400 login image). The content shrinks to fit instead of being cut off.
- When the deadline passes: show your ended message, hide the banner, show an image, or show another campaign's banner.
Only an image and a link allowed?
Use the banner image address (it always shows the current countdown) and link it to your smart link. You can change the size in the address, for example ?w=460&h=440 .
Page builders that strip scripts
Thrive, Elementor HTML blocks and similar: use the full banner as an embed under Website & blog → Blogs and site builders.
Good to know
- While it loads, the banner keeps its space, and returning visitors see their countdown straight away, so the page doesn't jump.
- Banners added to the page after it loads (apps, member areas) are picked up automatically.
- Screen readers hear a short sentence such as "Time left: 2 days, 3 hours, 13 minutes".
Need help? Ask Dash, the AI coach in the bottom corner of every page in the app. Still stuck? Click the help button on this page to send us your question. To report a bug or suggest an idea, use Founders Lab in the app's top menu.