Signup, contact & pricing blocks

These blocks let visitors act — subscribe to your list, send you a message, find you on a map, or compare membership tiers. Every block is added from the page editor's left sidebar.

New to the editor? Read How the page editor works first — it covers opening a page, the Add button and Add a section panel, editing fields, reordering, and publishing. The steps below pick up from there.

• Newsletter signup
• Contact form
• Embedded map
• Membership tiers

Newsletter signup

The newsletter signup block embeds an email-capture form with a heading, an intro line, and an opt-in disclaimer. Use it to grow your mailing list from any public page.

When to use it

• A "Subscribe to our newsletter" band near the bottom of the home page.
• A "Stay in the loop" section on an events or community page.
• Anywhere you want visitors to opt in without creating an account.

What it looks like

Screenshot needed: A live newsletter signup. Save at public/help-images/blocks/newsletter_signup/example.png.

Fields

• Heading — The main line above the form. Default is "Subscribe to our newsletter". Includes font size and color.
• Intro text — An optional supporting sentence under the heading. Includes font size and color.
• Opt-in disclaimer — Consent text shown near the button. Default is "I agree to receive emails from us and can unsubscribe at any time."
• Button — Label (default "Subscribe" — clear the text to hide the button), URL, shape (square, round, or pill), font size, button color, text color, and border (style, color, width).
• Fields — Label color, field background, and field border colors for the email input.
• Design — Section background, section text color, and spacing.

Step-by-step: adding a newsletter signup

1. In the page editor, click Add, then under the Forms category click the Newsletter signup thumbnail. The block is added and its settings open in the sidebar. (This block lives in a page's lower/outro zone — on system pages, use the After the form/list Add button.)
2. In the Content group, edit the Heading (default "Subscribe to our newsletter") and add optional Intro text below it to set expectations.
3. Still in Content, edit the Opt-in disclaimer so it matches your privacy wording (default: "I agree to receive emails from us and can unsubscribe at any time").
4. In the Button group, set the Label (default "Subscribe"), and adjust Shape and colors to fit the page. Clearing the Label hides the button.
5. Optionally, in the Fields group, set the Label color, Field background, and Field border colors for the email input.
6. Preview, then Publish.

Gotcha: keep the opt-in disclaimer in place — it sets clear consent for subscribers. Clearing the button Label removes the button entirely, which would leave the form with no way to submit.

Screenshot needed: The Newsletter signup settings panel. Save at public/help-images/blocks/newsletter_signup/settings.png.

Tips

• Keep the heading short and the ask concrete — "Subscribe to our newsletter" converts better than a vague pitch.
• Leave the opt-in disclaimer in place; it sets clear consent expectations for subscribers.
• Match the button color to your primary brand color so the form feels native to the page.

Contact form

The contact form block embeds a simple inquiry form on any page. Submissions email a recipient you specify; visitors don't need to log in.

When to use it

• A Contact page with a name/email/message form.
• A "Get in touch" section at the bottom of an About page.
• An event page where attendees can ask questions.

What it looks like

Screenshot needed: A live contact form. Save at public/help-images/blocks/contact_form/example.png.

Fields

• Heading — The main line above the form. Default is "Contact us"; leave blank to hide. Includes font size and color.
• Intro text — An optional supporting sentence. Includes font size and color.
• Recipient email — Where submissions are emailed. Leave blank to use your default contact address.
• Subject prefix — Prepended to the subject line of each submission email. Default is "Website contact:".
• Fields to include — The inputs to show. Default is name, email, phone, message. Pick from these keys: name, email, phone, message. The "message" key always renders as a multi-line textarea; "email" is required and validated; the rest render as plain text inputs.
• Button — Label (default "Send message"), shape, font size, button color, text color, and border settings.
• Fields styling — Label color, field background, and field border colors.
• Design — Section background, section text color, and spacing.

Step-by-step: adding a contact form

1. In the page editor, click Add, then under the Forms category click the Contact form thumbnail. The block is added and its settings open in the sidebar. (This block lives in a page's lower/outro zone — on system pages, use the After the form/list Add button.)
2. In the Content group, edit the Heading (default "Contact us") and add optional Intro text.
3. In the Settings group, set Recipient email to the address that should receive submissions (leave blank to use your default contact address), and edit the Subject prefix (default "Website contact:") to flag where messages come from — e.g. "Website event inquiry:".
4. Still in Settings, adjust Fields to include — the default is name, email, phone, message. Remove phone if you don't need it. The email field is always required and validated, and message always shows as a multi-line box.
5. In the Button group, set the Label (default "Send message") and any colors you want.
6. Preview, submit a test through the live page if you can, then Publish.

Gotcha: always set a Recipient email (or confirm your default contact address is correct) — otherwise submissions can go somewhere you don't check and you'll miss messages.

Screenshot needed: The Fields to include list. Save at public/help-images/blocks/contact_form/fields.png.

Tips

• Keep the form short — name, email, and message is enough for most cases.
• Always set a recipient email; otherwise you may miss messages.
• Pair the form with an embedded map and your phone number for a complete contact section.

Embedded map

The embedded map block drops a Google Maps view onto the page, centered on an address you specify. Use it to show visitors where you are.

When to use it

• A Contact page with your office location.
• An event page showing the venue.
• A "Visit us" section on the home page or footer.

What it looks like

Screenshot needed: A live embedded map. Save at public/help-images/blocks/embedded_map/example.png.

Fields

• Heading / Intro — Optional text above the map, each with font size and color.
• Address — The street address to center the map on. Type it the way you'd type it into Google Maps (e.g. "747 Auditorium Dr, Redding CA 96001").
• Zoom level — How tightly the map zooms in. 14 (default) shows a few blocks; 18 is a single building; 11 shows the whole town.
• Height (px) — Map height in pixels. Default is 360.
• Corners — Rounded (default) or squared.
• Design — Section background, section text color, and spacing.

Step-by-step: adding an embedded map

1. In the page editor, click Add, then under the Forms category click the Embedded map thumbnail. The block is added and its settings open in the sidebar.
2. Optionally, in the Heading group, add a Heading and Intro line above the map.
3. In the Settings group, type the Address exactly the way you'd type it into Google Maps (street, city, state, ZIP). The map centers on it as you type.
4. Set the Zoom level — 14 (default) shows a few blocks, 16–17 for a hard-to-find spot, 11 for the whole town — and adjust Height (px) if the default 360 feels too tall or short.
5. Pick Corners (rounded or squared), preview, then Publish.

Gotcha: the map hides itself when the Address is blank, so fill it in before publishing. If the pin lands in the wrong place, copy the exact address string from Google Maps' search bar and paste it in.

Screenshot needed: The Address field filled in. Save at public/help-images/blocks/embedded_map/address.png.

Tips

• The block hides itself if no address is set — fill the field in before publishing.
• For a venue at a hard-to-find spot, push the zoom up to 16 or 17.
• If the map doesn't show your address pin, copy/paste the exact format from Google Maps' search bar.

Membership tiers

The membership tiers block displays your pricing tiers side-by-side. It pulls the live tiers from your Membership Tiers admin page — this block only controls how they're shown.

When to use it

• A pricing or membership page with two or more tiers.
• Highlighting one recommended tier (e.g. "Gold — Most popular").
• Switching between annual, monthly, or both pricing displays.

What it looks like

Screenshot needed: A live tiers grid. Save at public/help-images/blocks/pricing_tiers/example.png.

Fields

• Section title / Subtitle — Default title is "Membership". The subtitle is optional.
• Columns — Auto (matches the tier count), 2, 3, or 4.
• Show price (cadence) — Annual (default), monthly, or both. "Both" shows the annual price prominently with the monthly price as a secondary line.
• Tiers to show — A checklist of your tiers. Leave everything unchecked to show every tier, or check just the ones you want.
• Highlight tier — A dropdown of your tiers; the one you pick is marked "Most popular" with a badge and a visual accent.
• Show tier image — Toggles the image you uploaded on each Membership Tier above the tier name.
• Image size — Small, medium (default), or large.
• CTA label / CTA URL — The shared button under each tier. Default URL is /apply.

Step-by-step: adding membership tiers

1. First set up your tiers under Membership → Tiers in the admin sidebar — their names, descriptions, prices, and images all come from those records, not from this block.
2. In the page editor, click Add, then under the Dynamic category click the Membership tiers thumbnail. The block is added and its settings open in the sidebar.
3. In the Heading group, edit the Section title (default "Membership") and add an optional Subtitle. Use the Tiers to show checklist to display only certain tiers, or leave it all unchecked to show every tier. To recommend one, pick it from the Highlight tier dropdown — it gets a "Most popular" badge.
4. In the Button group, set the shared Label (default "Join now") and URL (default /apply).
5. In the Display group, choose Show price (annual, monthly, or both) and set Columns (auto matches the tier count).
6. Preview, then Publish.

Gotcha: you can't edit tier names, prices, or descriptions here — this block only controls how they're displayed. To change the actual pricing, go to Membership → Tiers. For a single flat-fee membership, the Pricing callout block is a simpler fit.

Screenshot needed: The Highlight tier dropdown with a tier selected. Save at public/help-images/blocks/pricing_tiers/highlight.png.

Tips

• Tier names, descriptions, and prices all live on the Tier records — edit them under Membership → Tiers, not here.
• Use newlines in a tier's description to render bullet-style features automatically.
• If you only have one tier, the Pricing callout block is a better fit.