Blocks โ€” Advanced

Layout containers, forms, comparison tables, calculators, and interactive shopper tools.

Power blocks โ€” layout containers, lead-capture forms, comparison tables, and interactive tools. All share the standard Section Padding / Heading Size / Scroll Animation / Background controls (Appearance & Theme Overrides).

Layout containers

Section (Columns) ๐Ÿงฑ

The universal container. Columns (each holds its own stack of nested blocks, with width ratios) or a Carousel of panels. Options: Layout (Grid / Carousel), Slides Visible, Show Arrows, Column Gap, Vertical Alignment, Width (Contained / Full).

Split Hero ๐ŸŽฏ

A hero split into up to 4 columns. Each column is a type: Blocks (stack anything), Content, Form, Image (with Fit incl. Banner), Text, Testimonial, or Video. Plus Headline, Subheadline, Buttons, and a Contact Info group (phone / email / location / hours).

Split Feature ๐Ÿ”€

Two large image cards with overlaid content. Each card: Image (+ Fit/Focal), Title, Badge, Description, Features (one per line), Link.

Forms

Dynamic Form ๐Ÿ“‹ ยท Contact Form โœ‰๏ธ ยท Newsletter ๐Ÿ“ง

  • Dynamic Form โ€” embeds a form you built in the Form Builder (by Form Slug). Show header, full-width button.
  • Contact Form โ€” Headline, Description, Button Text, Form Slug, Success Message.
  • Newsletter โ€” Headline, Description, Input Placeholder, Button Text/Style, Privacy Note, Source tag.

Promotions

Promo Banner ๐Ÿท๏ธ

1-up or 2-up promo cards. Each banner: Headline, Subheadline, CTA, Image (+ Fit/Focal), Text Position, Overlay, colors. Options: Columns (1 / 2), Aspect Ratio, Gap, Full Width.

Promo Banner Grid ๐Ÿ–ผ๏ธ

A bento-style mosaic of promo tiles. Each tile: Kicker, Headline, CTA, Image (+ Fit/Focal), colors, Size (Standard / Feature). Layout: Bento / Even Grid.

Deal Countdown โฐ

A timed deal with a live countdown + stock bar. Fields: Badge, Brand, Title, Image, Ends At, Pricing (price / was / savings), Stock (total / remaining), CTA.

Announcement Bar ๐Ÿ“ข

Rotating top-of-page messages. Each message: Text, URL, Icon. Plus utility links, Rotate Interval, Show Icons, bar colors.

Location & shipping

Service Area ๐Ÿ“

Where you serve. Fields: Headline, Intro, Areas (name / state / description), Image (+ Fit/Focal), Image Position, CTA.

Coverage Map ๐Ÿ—บ๏ธ

A shipping vs. service map. Shipping and Service groups (headline, description, badge, state codes, legend), plus Service Area Details items and a CTA.

Fulfillment ๐Ÿšš

Shipping/pickup method cards + a ZIP checker. Each method: Icon, Title, Status (+ tone), Body, Featured, Show pickup locations. ZIP Checker group: label, service ZIP prefixes, in/out-of-area messages, phone.

Comparison & pricing

Comparison Table โš–๏ธ

Side-by-side spec comparison of up to 4 products. Columns: id, brand, title, price, was, badge, diagram (none / 2-post / 4-post), CTA. Rows: label + a cell per column.

Versus Table ๐Ÿ†š

A simpler โœ“/โœ— comparison. Columns: label + highlighted. Rows: need + a cell per column.

Pricing Table ๐Ÿ’ณ

Plan cards with a monthly/annual toggle. Each plan: name, description, monthly/annual price, badge, highlighted, feature list, CTA.

Finance Calculator ๐Ÿงฎ

Monthly-payment estimator. Fields: APR, Term Options (months), price slider range, down-payment %, CTA, disclaimer.

Volume Pricing ๐Ÿ“ฆ

Quantity price-breaks. Fields: base unit price, default qty, Tiers (min/max qty, label, unit price, savings badge), CTA.

Spec Sheet ๐Ÿ“‹

A product spec table. Fields: Brand, Title, SKU, Image, Specifications (name / value), Badges (stock), CTA (brochure / product).

Shopper tools

Fit Checker ๐Ÿ“

โ€œWill it fit?โ€ โ€” Fields: Lift Types (name, required clearance, note), min/max/default height slider, Unit Display.

Guided Finder ๐Ÿงญ

A question-and-answer product finder. Questions (prompt + options) and Recommendation Rules (match โ†’ product). Restart label, progress format.

Spec Finder ๐Ÿ”Ž

Cascading dropdowns that filter the live catalog by attributes. Attribute Cascade (ordered attribute slugs), Category limit, Result Columns.

Consult Booking ๐Ÿ—“๏ธ

A time-slot booking widget. Fields: Intro, Time Slots, Days to Show, confirmation copy, external scheduler URL (e.g. Calendly), form URL, phone.

Pro Rewards ๐Ÿ† ยท Shop Buildout ๐Ÿ—๏ธ

  • Pro Rewards โ€” a loyalty program: member discount, Tiers, Perks, price demo, join CTA.
  • Shop Buildout โ€” a bay/add-on configurator: Bay Tiers, Add-ons (qty, price, default-on), bundle discount, CTA.

Next: Ecommerce & Product blocks.

โ† PreviousBlocks โ€” ContentNext โ†’Blocks โ€” Ecommerce & Product