Skip to content
siter.io home

Tabs, toggles and a marquee for your website

Let visitors switch between menus, plans or projects in one spot, and run a strip of words or logos across the page. Set them in one panel and publish, no code or plugin.

A published restaurant website made from a Siter.io template: across the foot of its photo, a marquee of words such as "Fresh pasta every morning" and "Wood-fired bread" runs sideways without end, its edges faded.

More on the page, less scrolling.

  • A toggle in one click

    A new Tabs & toggle starts as a Monthly and Yearly toggle, and each side shows its own group of the page.

  • Tabs for anything that stacks

    Lunch and dinner menus, plans, rooms or case studies share one spot, and visitors pick the one they want.

    6 tabs on one bar, at most

    • Lunch
    • Dinner
    • Wine
    • Desserts
    • Drinks
    • Private dining
  • A strip that never ends

    Words or logos run sideways at the speed you set, stop under the mouse, and fade out at the edges.

Every tab in one panel.

Select the tabs and their panel holds the whole thing: the kind, the style, each tab's label and the part of the page it shows.

  1. Toggle or Tabs

    Two states that flip, or two to six tabs. Switch between them and the states you made stay.

  2. Pill or Underline

    Tabs sit on a rounded bar or over a line, in your fonts and colors.

  3. States and the groups they show

    Name each tab and pick the group of the page it shows. The eye shows that state on the canvas while you edit it.

  4. The first state shows on load

    Stack one group per state on the same spot, and visitors see the first one until they choose.

And the rest of the kit.

  • Countdown

    A live timer to a sale, a launch or an event, ending at the same moment for every visitor. See the countdown.

  • Accordion

    Questions that open when someone clicks them, for an FAQ or a long list of details.

  • Sticky headers

    A header that hides on scroll down or changes after scrolling, set in the Animations panel. See scroll motion.

On the page in three steps.

  1. Add it from the toolbar

    Pick Tabs & toggle or Marquee in the left toolbar and place it on the page.

  2. Point it at your content

    Give each tab the group it shows, or type the marquee's words and add your logos.

  3. Style it and publish

    Set the labels' font, the bar and the chosen tab, or the marquee's speed and direction, then publish.

How do I add tabs to my website?

Pick Tabs & toggle in the editor's left toolbar, switch it to Tabs, and give each tab a label and the group of the page it shows. Stack the groups on the same spot, and the first tab shows when the page loads.

Can I make a Monthly / Yearly pricing toggle?

Yes. A new Tabs & toggle starts as exactly that, a Monthly and Yearly toggle. Point each side at the group that holds its prices.

How many tabs can one element hold?

Up to six, on a rounded Pill bar or underlined. A toggle always has two states.

Can a marquee show logos?

Yes. Add words with + Text or your site's images with + Image, each with its alt text, up to 30 items, with a dot, a slash or a character of your own between them.

What do visitors who prefer less motion see?

The marquee stands still for them, and they can scroll it by hand. Tabs and toggles do not move, so they need no such setting.

Can Siter AI add them for me?

Yes. Ask for tabs, a pricing toggle, a marquee or a countdown and it builds one on the page, ready to edit like anything you placed yourself.

Give the page something
to play with.

Add Tabs & toggle or a Marquee from the toolbar, point it at your content, and publish.