Add a Block to a Website Page.

A Block brings a focused piece of a Website together: its content, supported settings and responsive behavior. Understand what it does, then use available Blocks through the Website Builder's own controls.

Browse the currently published Block versions in Marketplace. Check the selected version’s requirements, install it into an eligible Website, and enable it before placing it on a draft Page. Publish the Page separately.

Visual placeholderBlocks · supported settings and Page placement
Desktop and mobile product views to be added

A service introduction with one inquiry link

Heading and supporting copy
Explain the service and who it helps. Keep the heading readable when it wraps on a small screen.
Supported properties
Fill in the declared fields and slots. Choose permitted Media if the Block has an image field; available editing controls vary by Block.
Action and placement
Point the action to the right inquiry Page. Review the section beside its neighbors, then save and publish the Page when ready.

A Marketplace Block needs a published version, a compatible Website and any required setup. Installation, enabling, Page placement and Page publication are separate steps.

Start with its purpose

Look for a Block that supports the part of the story you need to tell. The public Proof Reel Hero preview combines an offer, approved proof media and a next step.

Visual placeholderStart with its purpose
Desktop and mobile product views to be added
  • A heading and supporting copy with a clear purpose.
  • Approved media with meaningful descriptions.
Browse published products ↗

Use declared controls

Supply the content and settings the Block supports. Properties, slots and bindings define how it connects to the Website Builder and your Website's presentation.

Visual placeholderUse declared controls
Desktop and mobile product views to be added
  • Approved media with meaningful descriptions.
  • The action label and correct destination.
Browse published products ↗

Review it in context

Check the section beside the rest of the Page. Typography, responsiveness, keyboard behavior and reduced motion matter wherever the Block is placed.

Visual placeholderReview it in context
Desktop and mobile product views to be added
  • The action label and correct destination.
  • A Page and Theme compatible with the Block's requirements.
Browse published products ↗

Inspect the Block and prepare content.

  1. Check availability

    Read the Block's purpose and availability. Check whether a published version is available and whether your Website meets its requirements.

  2. Supply supported content

    For a Block available in your Website, use the Website Builder to fill its declared content fields and choose approved media.

  3. Review the whole Page

    Check links, layout and mobile behavior. Save and publish through the normal Page workflow when the result is ready.

Review the Block on the Page.

Check the Block with your real copy and your Theme. Try long headings, missing optional media and smaller screens. A Block owns its section; it does not replace your Website's identity or an App's operational records.

Explore preview and publishing ↗

Blocks questions

Is a Block the same as a Theme?

A Theme provides the Website-wide visual system and shared parts. A Block is an insertable section with its own declared properties and supported behavior.

Does a Block add bookings or payments?

A visual section does not itself provide the operational workflow. Those capabilities belong to the relevant App or connected service and its configuration.

Can I install the Blocks shown publicly?

Use the selected published version’s listing to check current installation availability and Website requirements. A visual preview alone does not establish that it can be installed.

Can I edit every part of a Block?

Available changes depend on its declared properties, slots and bindings. Use the controls provided by the Block and inspect the result in the Website Builder.

Choose a Block for your Page.