Builder Guide

Keystone Web Builder Blocks

This guide explains the blocks available in the Keystone Web Builder, what each one is best for, and which visible settings users can adjust while building pages.

Add blocks

Blocks are page sections that can be added, selected, moved, edited, and removed in the builder.

Edit content

Many blocks let you click directly into text, images, buttons, or repeated items to change what visitors see.

Open settings

Settings open in the side panel for the selected block. Opening another block closes the previous panel, and changes can be applied or discarded.

Available Blocks

Showing 34 of 34 blocks.

Hero Section

Creates a prominent introductory section with one or more configurable hero cards.

Page Structure

Best used for

  • Top-of-page introductions
  • Landing page headlines
  • Important offers or announcements
  • Rotating homepage hero messages

Key features

  • Build one hero card or a rotating set of hero cards.
  • Configure title, subtitle, CTA, foreground image, and background per card.
  • Use image, video, gradient, or animated backgrounds.
  • Control card transitions, timing, and pause-on-hover behavior.
  • Tune hero height separately for desktop, tablet, and mobile.

Available settings

SettingWhat it does
Hero cardsAdds, duplicates, deletes, reorders, and selects individual hero cards.
Card transitionControls how multiple hero cards rotate.

Available transition types include Fade, Slide, and None, with interval and pause-on-hover controls.

TitleShows, hides, edits, and aligns the title for the selected card.
SubtitleShows, hides, edits, and aligns the supporting text for the selected card.
CTA buttonShows, hides, edits, links, and aligns the button for the selected card.
Foreground imageShows or hides an image beside the text for the selected card.

The image can be placed on the left or right.

Background typeChooses the selected card background.

Available choices include Image, Video, Gradient, and Animation.

Background imageChooses the image used behind the selected card content.
Background videoAdds a Pexels or external video background for the selected card.
GradientControls the gradient colors and angle for the selected card.
AnimationChooses an animated background preset for the selected card.
OverlaySets overlay color and opacity for image, video, and animated backgrounds.
Height modeControls whether the hero fits content, fills the screen, or uses a manual height.
Device heightsSets desktop, tablet, and mobile hero height behavior independently.
Reveal next sectionLets full-screen heroes reveal part of the following section.
Custom CSSAdds advanced custom styling when available for the account.

Tips

  • Keep each hero card focused on one message and one main action.
  • Use transitions sparingly so the first card still works if a visitor never waits for the next card.
  • Check desktop, tablet, and mobile height settings after changing foreground images or full-screen behavior.
  • If using a background image, video, or animation, use overlay controls to keep text readable.

Notes

This block does not appear to have additional user-facing notes.

Rich Text Paragraph

Adds editable formatted text to a page.

Page Structure

Best used for

  • Body copy
  • Simple article-style sections
  • Explanations that need headings, lists, or inline formatting

Key features

  • Write and edit rich text directly in the builder.
  • Use common formatting such as headings, bold, italic, and lists.
  • Add links inside the text.

Available settings

SettingWhat it does
Rich text contentControls the text shown in the block.
Formatting toolbarProvides visible text-formatting controls while editing.

Formatting options appear in the editor.

Tips

  • Break long content into short paragraphs for easier scanning.
  • Use headings to organize longer text sections.
  • Use descriptive link text so visitors know what will open.

Notes

This block does not appear to have additional user-facing notes.

Image Section

Adds a large image to the page.

Media

Best used for

  • Featured photos
  • Portfolio images
  • Visual breaks between text-heavy sections

Key features

  • Upload or replace an image.
  • Displays the image as a wide featured visual.
  • Supports image settings provided by the builder image picker.

Available settings

SettingWhat it does
ImageChooses the image shown in the block.
Image settingsAdjusts available image details in the image picker.

Add meaningful alt text when that option is available.

Tips

  • Use high-quality images that are relevant to nearby content.
  • Avoid images with important text inside the image itself.
  • Add alt text when the image picker offers it.

Notes

This block does not appear to have additional user-facing notes.

Services Grid

Shows a group of services in a grid.

Content Lists

Best used for

  • Service overviews
  • What you offer sections
  • Short descriptions of business capabilities

Key features

  • Add a section title and subtitle.
  • Add and remove service cards directly on the page.
  • Each service includes a title and description.
  • Optionally show or hide the bottom CTA link.

Available settings

SettingWhat it does
TitleSets the heading for the services section.
SubtitleAdds supporting text above the service cards.
Service itemsControls the services shown in the grid.

Each item includes a service name and description and can be added or removed inline.

Show bottom linkShows or hides the CTA link below the services.
Bottom link labelSets the text for the CTA link.

Use a generic action such as Learn More, View Services, or Book Now.

Bottom link URLSets where the CTA link goes.

Tips

  • Use short service names so the grid stays easy to scan.
  • Keep each description to one or two sentences.
  • Put the most important services first.

Notes

This block does not appear to have additional user-facing notes.

Features / Why Us

Highlights reasons to choose your business or organization.

Content Lists

Best used for

  • Why choose us sections
  • Benefit lists
  • Quick trust-building points

Key features

  • Add a section title.
  • Add and remove repeated feature statements.
  • Presents features as a scannable list.

Available settings

SettingWhat it does
TitleSets the heading for the feature list.
Feature itemsControls the list of benefits or reasons shown in the block.

Items can be added or removed directly while editing the page.

Tips

  • Write each feature as a clear benefit.
  • Use parallel wording for a polished list.
  • Avoid making the list too long.

Notes

This block does not appear to have additional user-facing notes.

About (Image + Text)

Combines an image with descriptive text and optional bullet points.

Page Structure

Best used for

  • About sections
  • Founder or company introductions
  • Explaining a process with supporting imagery

Key features

  • Add a heading and descriptive text.
  • Display an image alongside the content.
  • Add and remove bullet-style supporting points.
  • Choose the image side and image shape.
  • The empty upload area reflects the selected image aspect ratio.

Available settings

SettingWhat it does
TitleSets the heading for the section.
DescriptionAdds the main paragraph text.
ImageChooses the image displayed with the text.
Image positionPlaces the image on the left or right side of the section.
ItemsAdds, removes, and edits short supporting points.
Image aspectChanges the image shape.

Available shapes include Landscape, Square, and Tall. The upload placeholder updates to match this selection even before an image is chosen.

Section background colorSets the background color for the section.

Tips

  • Use an image that helps explain the text rather than a generic decoration.
  • Keep the description focused on one main idea.
  • Use the bullet points for quick proof points or highlights.

Notes

This block does not appear to have additional user-facing notes.

Testimonials

Shows customer or client quotes.

Trust

Best used for

  • Social proof
  • Customer review sections
  • Highlighting client feedback

Key features

  • Add a title and subtitle.
  • Add and remove testimonial cards.
  • Each testimonial can include a name, role, quote, and rating.
  • Choose between card grid, horizontal scrolling, and single-focus layouts.
  • Limit how many cards are shown before a Show More button.
  • Enable auto-scroll, infinite scrolling, or looping scroll behavior for scrolling layouts.

Available settings

SettingWhat it does
TitleSets the heading for the testimonial section.
SubtitleAdds supporting text above the testimonials.
TestimonialsControls the quotes shown in the block.

Visible details include name, role, quote, and rating. Cards can be added or removed inline.

LayoutChanges how testimonials are displayed.

Available layouts include Cards, Horizontal Scroll, and Single Focus.

Show More buttonShows or hides a button for revealing additional testimonial cards.
Visible card countLimits the number of testimonial cards shown before Show More appears.
Auto-scrollAutomatically scrolls testimonials when the scrolling layout is used.
Scroll intervalControls the timing between automatic testimonial scrolls.
Infinite scrollingLets the testimonial row continue instead of stopping at the last card.
Loop auto-scrollLoops the automatic scrolling behavior rather than only moving back and forth.

Tips

  • Use real, permission-approved quotes.
  • Keep quotes concise for readability.
  • Choose Single Focus when one quote is especially important.

Notes

This block does not appear to have additional user-facing notes.

Stats / Numbers

Displays important numbers or metrics.

Trust

Best used for

  • Performance highlights
  • Experience or scale indicators
  • Quick credibility sections

Key features

  • Add an optional heading.
  • Add and remove repeated number-and-label items.
  • Choose between banner, card, and progress-bar layouts.

Available settings

SettingWhat it does
TitleSets the optional heading for the statistics.
Stat itemsControls each number and label shown.

Stat cards can be added or removed directly while editing. In Progress Bars layout, the value should be a percentage that drives the bar width.

LayoutChanges the presentation style.

Available layouts include Horizontal Banner, Statistic Cards, and Progress Bars.

Section background colorSets the background color for the statistics section.

Tips

  • Use numbers that visitors can understand quickly.
  • Pair every number with a clear label.
  • Avoid using too many stats in one block.

Notes

This block does not appear to have additional user-facing notes.

Contact Info

Shows configurable contact cards and social links.

Contact

Best used for

  • Contact pages
  • Footer-adjacent contact sections
  • Business location and hours information

Key features

  • Show, hide, and edit the section title and subtitle.
  • Add, remove, and reorder contact cards.
  • Choose icons for phone, email, address, hours, website, message, mobile, directions, support, business, and more.
  • Set each card label, value, and link behavior.
  • Add, remove, and reorder social media icons.
  • Choose card columns, social heading visibility, background color, and icon colors.

Available settings

SettingWhat it does
Contact cardsControls the contact cards shown in the block.

Cards start collapsed in the settings menu so they are easier to reorder.

Add contact cardAdds another contact card with its own icon, label, value, and link behavior.
Reorder contact cardsMoves cards by dragging the handle in the block or settings menu.
Card iconChooses the icon shown on a contact card.
Card labelSets the short label shown above the card value.
Card valueSets the main contact text shown on the card.
Link behaviorControls what happens when a visitor clicks a contact card.

Cards can use automatic phone, email, map, website, or custom URL behavior depending on the card type.

Social iconsControls the social media icons shown below the contact cards.

Supported options include common social platforms and custom links.

Add social iconAdds another social platform icon.
Reorder social iconsMoves social icons by dragging the handle in the block or settings menu.
Social platformChooses the social icon and matching label.
Social URLSets the social link destination.

In edit mode, social icons without URLs show a warning so unfinished links are easy to find.

Card columnsChooses whether contact cards display in one or two columns.
Show titleShows or hides the section title.
Title textSets the section title.
Show subtitleShows or hides the subtitle.
Subtitle textSets the section subtitle.
Show social headingShows or hides the heading above social icons.
Social heading textSets the social heading.
Section background colorSets the contact section background.
Contact card icon colorSets the icon color used inside contact cards.
Social icon colorSets the color used for social icons.
Custom CSSAdds advanced custom styling when available for the account.

Tips

  • Keep the most important contact methods first.
  • Use consistent icon colors unless a brand color is important.
  • Remove social icons that are not active, or leave unfinished URLs visible only while editing until they are ready.
  • Pair this block with a Contact Form when you want visitors to send messages directly.

Notes

This block does not appear to have additional user-facing notes.

FAQ Accordion

Adds a list of expandable questions and answers.

Content Lists

Best used for

  • Common questions
  • Service or product clarifications
  • Reducing repeated support questions

Key features

  • Add a title and subtitle.
  • Add multiple questions and answers.
  • Visitors can expand answers as needed.

Available settings

SettingWhat it does
TitleSets the FAQ section heading.
SubtitleAdds supporting text above the questions.
Questions and answersControls each FAQ item.

Tips

  • Write questions in the same words visitors would use.
  • Keep answers direct and practical.
  • Put the most common questions near the top.

Notes

This block does not appear to have additional user-facing notes.

Call to Action

Adds a focused prompt that encourages visitors to take action.

Page Structure

Best used for

  • End-of-page conversion sections
  • Promoting booking, contact, signup, or shopping actions
  • Breaking up long pages with a clear next step

Key features

  • Add a title and subtitle.
  • Add a button with a link.
  • Optionally show a decorative background pattern.

Available settings

SettingWhat it does
TitleSets the main call-to-action text.
SubtitleAdds supporting text.
ButtonSets the button label and destination.
Show patternShows or hides the decorative background pattern.

Tips

  • Use action-oriented button text.
  • Make the action match the visitor’s next natural step.
  • Avoid placing too many different actions in one call-to-action section.

Notes

This block does not appear to have additional user-facing notes.

Booking / Appointments

Adds an online booking flow to the page.

Commerce and Scheduling

Best used for

  • Appointment booking
  • Service scheduling
  • Businesses that need visitors to choose a service and time

Key features

  • Displays a booking flow on the live site.
  • Connects to services, categories, hours, and booking settings managed separately.
  • Provides a Manage Services action in edit mode.

Available settings

SettingWhat it does
Manage ServicesOpens the booking management area for services, hours, and booking setup.
CategoriesOrganizes bookable services.
ServicesControls the services visitors can book.
HoursControls appointment availability.
SettingsControls booking setup options shown in the booking manager.

Tips

  • Set up services and hours before publishing a booking page.
  • Use clear service names and descriptions.
  • Review the booking flow after changing availability.

Notes

  • This block needs a saved site before it can be fully managed.

Product Catalog

Displays products from your store on a page.

Commerce and Scheduling

Best used for

  • Shop pages
  • Featured product sections
  • Category-specific product displays

Key features

  • Displays products managed separately.
  • Filter products by category or subcategory.
  • Show only featured products.
  • Add an optional view-more button.
  • Choose from several product layouts.

Available settings

SettingWhat it does
Show categoryLimits the block to one product category.

All categories can be shown if no category is selected.

Show subcategoryLimits the block to a subcategory when a category is selected.
Featured products onlyShows only products marked as featured.
Show view more buttonAdds a link button after the products.
Button labelSets the text for the view-more button.
Button linkSets where the view-more button goes.
LayoutChanges how products are arranged.

Available layouts include Grid, Scrolling Row, Grid + Category Sidebar, and List View.

Manage ProductsOpens the product management area.

Tips

  • Use featured products for homepage highlights.
  • Use category filters for focused shop pages.
  • Make sure products are active and have clear images before publishing.

Notes

  • Products are managed separately from the page builder.

Contact Form

Adds a message form visitors can submit.

Contact

Best used for

  • Contact pages
  • Lead capture
  • General inquiries

Key features

  • Shows fields for name, email, phone, and message.
  • Customize the section title and description.
  • Customize the submit button and success message.
  • Provides a link to manage messages in the inbox.

Available settings

SettingWhat it does
TitleSets the form heading.
DescriptionAdds supporting text above the form.
Submit button textSets the label shown on the submit button.
Success messageSets the message visitors see after submitting.
Manage InboxOpens the area where messages can be reviewed.

Tips

  • Keep the description short and welcoming.
  • Use a submit label that matches the action, such as Send Message or Request Info.
  • Check the inbox settings before relying on the form for live inquiries.

Notes

This block does not appear to have additional user-facing notes.

Estimate / Quote Form

Adds a customizable quote or estimate request form.

Contact

Best used for

  • Service estimates
  • Project inquiries
  • Quote requests with optional live pricing

Key features

  • Choose between Inquiry Form and Estimate Calculator layouts.
  • Add custom intake fields.
  • Show or hide contact fields.
  • Configure optional live pricing for calculator forms.
  • Customize submit text and success message.
  • Uses inline form configuration inside the block instead of a duplicate side settings menu.

Available settings

SettingWhat it does
LayoutSwitches between Inquiry Form and Estimate Calculator.
Form TitleSets the form heading.
Description textAdds supporting text above the fields.
Submit button textSets the button label.
Success messageSets the message visitors see after submitting.
Custom FieldsAdds, removes, reorders, and edits custom questions.

Available field types include Dropdown, Number, Text, Textarea, and Checkbox.

OptionsAdds choices for dropdown fields.
Min and MaxSets a visible range for number fields.
UnitAdds a unit label to number fields.
RequiredMarks a field as required.
Contact FieldsShows or hides standard contact fields.

Available contact fields include Full Name, Email, Phone, Address, Preferred Date, and Additional Notes.

PricingTurns live pricing on or off for calculator forms.
Base PriceSets the starting amount used by the calculator.
CurrencySets the currency shown for estimates.
Range SpreadControls how wide the estimate range appears.
Disclaimer TextAdds explanatory text below the estimate.
Manage InboxOpens the area where quote and estimate submissions can be reviewed.

Tips

  • Ask only for information you truly need to prepare a quote.
  • Use dropdowns for common choices and text areas for open-ended details.
  • Review the public form after changing pricing settings.

Notes

This block does not appear to have additional user-facing notes.

Logo Cloud / Partners

Displays partner, client, or sponsor logos.

Trust

Best used for

  • Partner sections
  • Client logo rows
  • Trust-building social proof

Key features

  • Add a section title.
  • Show logos in multiple layouts.
  • Supports inline, grid, and scrolling logo presentations.

Available settings

SettingWhat it does
TitleSets the heading above the logos.
LogosControls the logos shown in the block.
LayoutChanges the logo presentation.

Available layouts include Inline Row, Logo Grid, and Scrolling Marquee.

Tips

  • Use clean logo files with consistent sizing.
  • Avoid showing too many logos if the section becomes visually noisy.
  • Use the scrolling layout when you have many logos to display.

Notes

This block does not appear to have additional user-facing notes.

Pricing Table

Shows pricing tiers or package options.

Commerce and Scheduling

Best used for

  • Service packages
  • Membership tiers
  • Plan comparisons

Key features

  • Add a title and subtitle.
  • Add multiple pricing tiers.
  • Each tier can include price, period, description, and feature list.
  • Highlight a tier.
  • Choose between pricing layouts.

Available settings

SettingWhat it does
TitleSets the pricing section heading.
SubtitleAdds supporting text above the plans.
Pricing tiersControls each plan or package shown.
Highlighted tierEmphasizes one plan visually.
LayoutChanges how pricing is displayed.

Available layouts include Pricing Cards, Comparison Table, and Simple List.

Tips

  • Keep plan names short and easy to compare.
  • Highlight the plan you most want visitors to choose.
  • Use feature lists for differences visitors care about.

Notes

This block does not appear to have additional user-facing notes.

Team Members

Shows people on your team.

Trust

Best used for

  • About pages
  • Staff introductions
  • Professional profiles

Key features

  • Add a section title.
  • Add multiple team members.
  • Each member can include a name, role, and bio.
  • Choose between team layouts.

Available settings

SettingWhat it does
TitleSets the team section heading.
Team membersControls the people shown in the block.
LayoutChanges the team presentation.

Available layouts include Simple Grid, Detailed Cards, and Minimalist.

Tips

  • Use consistent bio length for each person.
  • Keep roles clear and visitor-friendly.
  • Use the detailed layout when bios are important.

Notes

This block does not appear to have additional user-facing notes.

Map / Location

Embeds a map for a location.

Contact

Best used for

  • Contact pages
  • Store or office location sections
  • Helping visitors find a physical place

Key features

  • Add a title.
  • Enter an address or landmark.
  • Shows an embedded map for the location.

Available settings

SettingWhat it does
TitleSets the map section heading.
Address or landmarkSets the location shown on the map.

Tips

  • Use the full address when possible.
  • Pair the map with the Contact Info block for phone, email, and hours.

Notes

This block does not appear to have additional user-facing notes.

Blog / News

Displays published blog posts or news articles.

Content Feeds

Best used for

  • Blog pages
  • News sections
  • Recent updates on a homepage

Key features

  • Add a section title and subtitle.
  • Choose Grid, List, or Magazine display.
  • Show or hide author, date, tags, and excerpt.
  • Control how many posts appear.
  • Open the blog post manager from the block.

Available settings

SettingWhat it does
Section TitleSets the blog section heading.
SubtitleAdds supporting text above the posts.
List StyleChanges the blog layout.

Available styles include Grid, List, and Magazine.

Display OptionsShows or hides post details.

Available details include Author, Date, Tags, and Excerpt.

Posts Per PageControls how many posts are shown.

Available counts include 3, 6, 9, 12, and 15.

Manage Blog PostsOpens the blog post manager.

Tips

  • Use Magazine when you want one post to feel featured.
  • Use List for text-heavy updates.
  • Publish posts before expecting them to appear on the live site.

Notes

  • Blog posts are managed separately from the page builder.

Events

Displays upcoming or recent events.

Content Feeds

Best used for

  • Event pages
  • Community calendars
  • Promoting upcoming activities

Key features

  • Add a title and subtitle.
  • Show event cards managed separately.
  • Sort events by closest first or newest first.
  • Show or hide past events.
  • Open the event manager from the block.

Available settings

SettingWhat it does
TitleSets the events section heading.
SubtitleAdds supporting text above the events.
Closest firstSorts events by the soonest date.
Newest firstSorts events by the latest date.
Showing past events / Hiding past eventsControls whether past events are included.
Manage EventsOpens the event management area.

Tips

  • Use Closest first for upcoming event pages.
  • Use Newest first when showing announcements or recent activity.
  • Check that event dates and images are ready before publishing.

Notes

  • Events are managed separately from the page builder.

PDF Viewer

Embeds a PDF document on the page.

Media

Best used for

  • Menus, brochures, and guides
  • Downloadable documents
  • Policy or information sheets

Key features

  • Upload a PDF.
  • Replace or remove the PDF while editing.
  • Show the document in an embedded viewer.
  • Optionally show a download button.

Available settings

SettingWhat it does
Section titleSets an optional heading above the PDF.
Upload PDFAdds the PDF document to the block.

The upload area shows a file size limit.

Replace PDFSwaps the current document for another PDF.
RemoveRemoves the current PDF from the block.
Show download buttonShows or hides the download button.
Button labelSets the text shown on the download button.

Tips

  • Use clear document titles so visitors know what they are viewing.
  • Keep PDFs optimized for web viewing when possible.
  • Show the download button when visitors may need to save the document.

Notes

This block does not appear to have additional user-facing notes.

Resources

Shows downloadable files, text resources, and external links.

Content Lists

Best used for

  • Resource libraries
  • Guides and forms
  • Helpful links and reference material

Key features

  • Add a title and subtitle.
  • Choose Card Grid or Document List layout.
  • Add file, text, or link resources.
  • Upload resource files.
  • Open text resources in an expanded view.
  • Open external links in a new tab when enabled.

Available settings

SettingWhat it does
TitleSets the resources section heading.
SubtitleAdds supporting text.
Card Grid / Document ListChanges how resources are displayed.
Resource titleSets the title of an individual resource.
Short descriptionAdds a brief explanation for a resource.
Resource typeChooses whether a resource is a file, text item, or link.
Upload fileAdds a downloadable file resource.
Resource body textAdds the main content for a text resource.
URLSets the destination for a link resource.
Open in new tabControls whether a link opens in a separate browser tab.
Add ResourceAdds another resource item.

Tips

  • Use the Document List layout for practical downloads.
  • Use Card Grid for a more visual resource library.
  • Keep resource descriptions short and action-focused.

Notes

This block does not appear to have additional user-facing notes.

Custom HTML / Embed

Pro

Adds approved custom embed or markup content for advanced use cases.

Advanced

Best used for

  • Third-party embed snippets
  • Special content that does not fit another block
  • Advanced custom sections handled by someone comfortable with embeds

Key features

  • Paste custom embed or markup content.
  • Use custom styling inside the block when supported.
  • Provides a fallback for content that no standard block covers.

Available settings

SettingWhat it does
Custom contentControls the custom embed or markup shown in the block.
Custom stylingAdds styling when supported by the account.

Tips

  • Use a standard block whenever one can do the job.
  • Only paste embed content from sources you trust.
  • Preview the page carefully after changing custom content.

Notes

  • This block is intended for advanced use.
  • Some types of embedded behavior may not be supported.

Video Embed

Adds a video to the page.

Media

Best used for

  • Product or service videos
  • Introductions
  • Embedded public videos

Key features

  • Paste a video URL.
  • Supports common video sources shown by the builder.
  • Add an optional title and caption.
  • Choose between contained and full-width layouts.

Available settings

SettingWhat it does
Video URLSets the video shown in the block.

The editor prompts for YouTube, Vimeo, or a direct video link.

Section titleSets an optional title above the video.
CaptionAdds optional text below the video.
LayoutChanges the video presentation.

Available layouts include Contained and Full Width.

Tips

  • Use a clear title when the video needs context.
  • Add a caption for extra explanation or attribution.
  • Preview the page after pasting a new video link.

Notes

This block does not appear to have additional user-facing notes.

Social Media Embeds

Embeds social posts, videos, or timelines.

Media

Best used for

  • Social proof sections
  • Recent social content
  • Embedding public posts from supported platforms

Key features

  • Add an optional section title and subtitle.
  • Add multiple social URLs.
  • Automatically detects supported platforms from the URL.
  • Choose grid or single embed layout.
  • Choose the number of desktop columns for grid layout.

Available settings

SettingWhat it does
Section titleSets an optional heading above the embeds.
SubtitleAdds optional supporting text.
Social URLAdds a public social post, video, or page URL.

The editor mentions YouTube, Instagram, TikTok, X, and Facebook URLs.

Add first embedAdds the first social embed.
Add anotherAdds another social embed.
LayoutChanges whether embeds appear as a grid or a single centered embed.
ColumnsControls the number of grid columns.

Available column counts are 1, 2, 3, and 4.

Tips

  • Use public URLs that visitors can access.
  • Use Single layout for one important post or video.
  • Keep the number of embeds modest so the page remains easy to browse.

Notes

  • Unsupported URLs may appear as a link instead of a full embed.

Tab Bar / Menu Bar

Adds a horizontal tab-style navigation bar.

Navigation

Best used for

  • Jump links within a page
  • Links to important pages
  • Small menu bars inside a page layout

Key features

  • Add, edit, remove, and reorder tabs.
  • Link tabs to pages, sections, or custom destinations.
  • Choose tab style and alignment.
  • Set active tab color and bar background color.
  • Use theme colors for tab styling.

Available settings

SettingWhat it does
Add tabAdds a new tab to the bar.
EditEdits a tab label and destination.
RemoveRemoves a tab.
StyleChanges the tab appearance.

Available styles include underline, pills, tabs, and buttons.

AlignChanges tab alignment.

Available alignments include left, center, right, and stretch.

ColorSets the active tab color.
Bar BGSets or clears the tab bar background.

Tips

  • Use short tab labels.
  • Use Stretch only when the tabs should fill the full width evenly.
  • Check tab links after changing page or section names.

Notes

This block does not appear to have additional user-facing notes.

User Profile

Pro

Shows profile information for the signed-in member.

Membership

Best used for

  • Member account pages
  • Membership portals
  • Private areas for signed-in users

Key features

  • Displays member name, email, and membership details when available.
  • Allows signed-in members to edit their name.
  • Includes password change controls.
  • Can show custom signup information when available.

Available settings

SettingWhat it does
User Profile blockDisplays the signed-in member’s information.
Edit nameAllows the member to update their displayed name.
Change passwordAllows the member to change their password.
Custom fieldsShows additional member information when available.

Tips

  • Place this block in a member-focused area.
  • Pair it with a Membership Gate when the page should only be visible to members.

Notes

  • The block does not show profile information to visitors who are not signed in.

Membership Gate

Pro

Restricts selected page content to signed-in members.

Membership

Best used for

  • Private member content
  • Membership-only pages
  • Content limited to specific membership packages

Key features

  • Adds protected content inside the gate.
  • Shows a sign-in or upgrade prompt to visitors who do not have access.
  • Can restrict access to all signed-in members or selected packages.
  • Allows adding other blocks inside the protected area.

Available settings

SettingWhat it does
Gate TitleSets the heading shown when visitors need access.
CTA Button LabelSets the button text shown on the access prompt.
Gate MessageSets the explanatory message shown on the access prompt.
Restrict to specific packagesLimits access to selected membership packages.
All signed-in membersAllows any signed-in member to view the protected content.
Add block inside gateAdds regular builder blocks inside the protected area.

Tips

  • Use clear wording so visitors know why content is locked.
  • Select package restrictions only when content should be available to certain member levels.
  • Preview the page as a signed-out visitor and as a member when possible.

Notes

  • Membership packages must be set up before package-specific restrictions are useful.

Documentation Coverage

This page covers the blocks that are available from the builder and focuses on visible, user-facing controls. Some connected blocks rely on content managed elsewhere, such as products, posts, events, bookings, membership, or menus. If a block has fewer settings listed, it is usually edited directly on the page or through its related management area.

Where the builder provides image or link fields, use descriptive image text and clear link labels so visitors understand the content and actions. Blocks with unfinished links may show edit-mode warnings so builders can find missing destinations before publishing.