Four building blocks appear in many sections of the builder: Group, Text, Button, and Divider. Together they let you build layouts without code. Select a block to open its settings.
Group
A container that holds other blocks and arranges them stacked or side by side, with its own width, gap, colors, border, and overlay. Full guide: How do I use Group blocks to place content side by side or in columns?.
Text and Divider
Text holds headings and paragraphs, with presets, size, line height, and letter spacing. Divider is a line that separates content, and turns vertical inside a horizontal group. Both work as blocks and as full sections. Full guide: How do I use the Text, Image, and Divider sections and blocks?.
Button
A call to action, found in the hero, slideshow slides, the 404 page, the thanks page, and the groups inside them.
- Label: the button text.
- Link type: URL (a page or website), Email (opens an email), Phone (starts a call), or Anchor (scrolls to a section on the same page). Then fill in the Link, for example
https://example.com/products/your-link. - Style: Primary, Secondary, or Link (plain text link). Colors come from the color scheme's button colors.
- Desktop width and Mobile width: Fit the text, or Custom with a Custom width in percent.
Common problems
- Button colors look wrong: change the primary or secondary button colors in the color scheme. See Color schemes.
- Two buttons should sit side by side: put them in a group set to Horizontal.
- Text in the wrong color: it is following a parent with another scheme. Turn off Use parent color scheme and pick the scheme you want.