For the complete documentation index, see llms.txt. This page is also available as Markdown.

Static types

The 9 option types that collect no customer input. Use them to organize your form, explain information, and break up the page.

Static types do not ask the customer for anything. They make the rest of the form easier to read by adding headings, spacing, explanations, size tables, and containers that group related options together.

They turn a long list of fields into a form customers can scan and understand.

The nine static types

Type
Does
Reach for it when

Groups options under a heading, optionally collapsible

You have more than about six options

A heading in one of six sizes

You want a divider with words

A horizontal rule

Two groups need separating visually

Vertical space, in pixels

Something needs room around it

Formatted text

A sentence or two of explanation

A link that opens content in a dialog

The explanation is long and most customers will skip it

Your own HTML

Nothing else produces what you need

A size table, from a preset or your own

You sell clothing, shoes, or other wearable items.

Several panels behind tabs

Care, delivery, and returns in one place

What they have in common

Static types have fewer settings than the other types, because most settings describe how an answer is collected.

They have
They do not have

Their own content field — text, rich text, HTML, or a table

Label and Name — except Section, which has a Label

Conditional logic — on all nine

Required field, Placeholder, Help text, Default value

Add-on pricing

Column width — all except Section

Personalizer

Conditional logic also works on static types. You can display a warning only when a customer selects a particular option, display a size chart only for garments, or hide an entire Section until it is relevant. See Conditional logic.

They collect nothing

Static types never appear in the cart or order. They exist only on the product page.

They also have no Name, so there is no name to keep unique. You can use five Dividers and three Headings in the same option set without any naming conflicts.

Practical advice

These habits make a long form easier to read:

  • Group before you explain. A Section with a clear label can often replace a separate heading and paragraph.

  • Keep paragraphs short. If you have more to say, use a Pop-up modal or Tabs so the page stays short.

  • Use Spacing rather than empty paragraphs. It is easier to adjust and does only what it describes.

  • Use Divider sparingly. A divider between every option adds noise; use it to separate distinct groups instead.

  • Use HTML last. If a built-in type can do the job, use it. Built-in types are more likely to keep working when your theme changes.

Last updated

Was this helpful?