Button, form, map and social blocks

These five blocks handle the practical side of your site: getting visitors to act, getting them in touch, and getting them to your door. Add each one from the Add Component panel, then select it and use the toolbar button named below to open its options.

Button and Button Group

Select a Button and click Edit Button to set:

• Text and Style (Primary, Secondary or Tertiary, styled by your brand style guide).
• Link, with an Open in new tab option.
• Align and Stretch to Fill for how the button sits in its block.

A Button Group holds several buttons in one block. Edit Button Group lets you add buttons, drag to reorder them, edit or delete each one, and choose whether the group is Stacked vertically.

Form

The Form block arrives ready to use with Name, Email and Message fields. Edit Form opens its settings, organized into pages:

• Form Fields: add, reorder and edit fields. Each field has a Field Type (text, email, textarea and more), Field Label, Field Description, Placeholder Text and a Required Field toggle.
• Design: text styles, background, border and padding.
• Post-Submit: after submission, either Show Success Message (optionally with a "Back to Form" style button) or Redirect to Page.
• Storage: the Email address that receives submissions. It's prefilled with your account email and it's required; the form won't save without a valid address. You can also enable Google reCAPTCHA to protect the form from spam.

Map

The Map block embeds an interactive Google Map. Edit Map takes a street address (Address Line 1 and 2, City, State, Zip Code), then drops a pin at the location. Style it with:

• Zoom level
• Color (color or grayscale styles)
• Controls on or off, and Show Terrain

Social

The Social block shows a row of social media icons. When you add it, links are prefilled from the social accounts saved in your website details, so it often works with zero setup. Edit Social lets you add links, drag to reorder, and edit or delete each one, plus set the icon Style, Size (Small, Medium, Large or Custom) and Alignment.

Shape

The Shape block adds graphic accents: lines, frames, badges and flourishes from a built-in shape library. Its options include the Shape Style (Original, Rounded, Drop Shadow or Outline), Fill Color (with secondary fill, outline, stroke and shadow colors where the style uses them), Rotation and an Aspect Ratio lock. Shapes sit on the same grid as everything else, so they can layer behind text or photos with the [ and ] stacking shortcuts.

Related

• Add and arrange blocks
• Text, image and media blocks
• Brand settings