Extra Blocks

SG-Builder specialty blocks — site chrome, forms, cards, galleries, testimonials, icons, and interactive patterns.

Extra Blocks is the SG-Builder component category for specialty blocks beyond the foundational set. Where Basic blocks provide the layout backbone and Posts / Ecommerce blocks consume specific record types, Extra blocks cover site chrome (Site Logo, Navigation), interactive patterns (FAQ accordion, tabs, slider), content composition blocks (Card, Cards, Gallery, Testimonials, Icons, Contact Row), and form blocks. This page is the Reference definition.

What is this for?

Read this page when you want the structural definition of the Extra block set — what specialty blocks the platform provides and where each fits into composition.

Good use cases

• You are scoping a page that needs an FAQ accordion, gallery, testimonials, or form.
• You are building a site template and need to place Site Logo or Navigation.
• You are explaining to a stakeholder what specialty blocks the platform supports.
• You hit a "do we have a contact block?" question and want the model laid out.

What NOT to use this for

• Step-by-step procedures — open the relevant Guide.
• Per-trait configuration — Components Reference.
• Per-release shipped change — open What's New or Changelog.

How this connects to other features

• Components — parent Reference.
• Basic Blocks — foundational blocks Extra blocks compose with.
• Posts Blocks — sibling category.
• Ecommerce Blocks — sibling category.

Definition

Extra Blocks are the SG-Builder components beyond the foundational set, the post-content set, and the store-composition set. The category includes site chrome blocks (Site Logo, Navigation), interactive patterns (FAQ accordion, tabs, slider), form and widget blocks (Form, Widget), content composition blocks (Card, Cards, Gallery, Testimonials, Contact Row), and icon blocks (Icons, Icon, Icon Text Lists).

The defining property is breadth. Extra blocks cover everything that doesn't fit Basic, Posts, or Ecommerce — from site-wide chrome to specialty page patterns. Some Extra blocks (Site Logo, Navigation) appear on almost every page via templates.

Purpose

The purpose of this page is to define the Extra block set as a Reference layer. It enumerates the blocks and explains their typical use cases.

Scope

This page covers Extra Blocks at the Reference level.

The page covers:

• The block inventory in the Extra category.
• Per-block role and typical use case.

• Per-trait configuration — Components Reference.
• Per-step procedures — Guides.
• Per-release shipped change — What's New or Changelog.

Block inventory

Site chrome

Site Logo — renders the site logo configured in Site Settings. Typically placed in header and footer templates.

Navigation — renders a site menu. Connects to the menu configured in the site's navigation settings. Used in header and footer templates.

Interactive patterns

FAQ accordion — collapsible Q&A list. Operators add Q&A pairs; visitors click to expand each.

Tabs — tabbed content panel. Operators add tabs; visitors switch between them.

Slider / carousel — horizontal slider for content (image galleries, feature highlights, testimonials in carousel format).

Content composition blocks

Card — a single content card (image, heading, text, optional CTA).

Cards — a collection of content cards in a responsive layout.

Gallery — image gallery display with configurable layout (grid, masonry).

Testimonials — testimonial display block. Operators add testimonial entries (quote, attribution, optional image).

Contact Row — a contact information row (address, phone, email fields in a structured layout).

Form and widget blocks

Form — connects to a form created in the admin Forms. The block renders the selected form on the page.

Widget — embeds a widget by source (e.g. a sidebar widget, a third-party integration widget).

Icon blocks

Icons — a collection of icons (typically used for feature lists or benefit rows).

Icon — a single icon block with optional label.

Icon Text Lists — a layout block pairing an icon with text for each list item (feature bullet alternative).

Pricing

Pricing table — pricing-tier layout block. Operators define tiers with name, price, feature lists, and CTA.

Constraints and boundaries

Extra Blocks is a Reference area for specialty blocks.

Use this Reference for:

• Understanding what Extra blocks exist.
• Reasoning about which Extra block fits a given composition need.
• Confirming that Site Logo and Navigation are part of the Extra category (not a separate Chrome category).

• Per-component configuration — Components Reference.
• Per-step procedures — Guides.
• Per-release shipped change — What's New or Changelog.

Public boundary

This page is intentionally public-safe.

Examples

Example 1 — Operator builds a feature page with FAQ

Section → Hero → Cards (3 feature cards) → FAQ accordion → CTA section. Two Extra blocks (Cards + FAQ accordion); the rest is Basic.

Example 2 — Operator builds a pricing page

Section → Hero → Pricing table → Testimonials → FAQ accordion → CTA. Three Extra blocks.

Example 3 — Operator places site chrome in a header template

The header template uses Site Logo and Navigation from the Extra category. The logo renders from Site Settings; the navigation renders from the configured menu. Both appear on every page via the template.

Documentation guidance

Use this page as the structural definition for the Extra block set.

Reading order

Open this page when scoping a page that needs specialty patterns beyond the foundational set.

Related reading

• Components — parent Reference.
• Basic Blocks — foundational blocks.
• Posts Blocks — sibling category.
• Ecommerce Blocks — sibling category.

Vocabulary cross-reference

• Site chrome block is a Site Logo or Navigation block — part of the Extra category.
• Interactive pattern is one of FAQ accordion / tabs / slider.
• Content composition block is one of Card / Cards / Gallery / Testimonials / Contact Row.
• Icon block is one of Icons / Icon / Icon Text Lists.
• Form block is a Form or Widget block that embeds a form or external widget.
• Pricing table is the pricing-tier layout block in Extra.

Maintenance discipline

When Extra Blocks change across releases (new specialty block, retired block, new embed type), update this Reference and log the change in Changelog.

Related reading