Commerce 8

Buy button

Block

Drop one chosen product (image, price, add-to-cart) on any page — perfect for landing pages and featured items.

CommerceDemo ready

Category grid

Block

Clickable tiles for your store categories, linking to the matching shop listing. A visual way to start browsing.

CommerceDemo ready

Delivery ETA timer

Block

Creates urgency and sets expectations: a live "Order within 3h 20m for same-day dispatch" countdown plus an estimated delivery date range. Set the daily cutoff time, your min/max lead days, and whether to skip weekends. Everything is computed in the visitor's timezone — use {countdown} and {range} in the messages.

CommerceDemo ready

Delivery-area checker

Block

Lets visitors check whether you deliver to them: they type a postcode and instantly see yes/no. Enter the postcodes (or postcode prefixes, one per line or comma-separated) you cover; matching is by prefix so "M5V" covers all M5V… codes. Use {postcode} in the success/failure messages.

CommerceDemo ready

Product finder quiz

Block

A guided "find your perfect product" quiz. Visitors answer a few one-tap questions; each answer votes for a product category, and at the end the quiz recommends the winning category's shop page. Write questions separated by a line starting with "==" (the prompt), then options as "Label => categoryId". The editor lists your category IDs.

CommerceDemo ready

Product strip

Block

A heading + an auto-curated row of product cards. Pick a Source: Best sellers (ranked by units sold), New arrivals (newest first), Featured (your display order), Related (to a product you choose), or Recently viewed (per visitor). Everything is pulled live from your store — nothing to maintain — and you can add more than one strip per page.

CommerceDemo ready

Promo code banner

Block

A slim promotional bar showing a message and a discount code the visitor can copy with one click, plus an optional call-to-action link. Pick a colour style. Visitors can dismiss it and it stays hidden for them. You can add more than one.

CommerceDemo ready

Size / spec guide

Block

A button that opens a pop-up with a sizing or specification table — handy on a product or category page. You write the table once (basic HTML, sanitised on save); the visitor clicks the button to view it without leaving the page. You can add more than one.

CommerceDemo ready

Content 45

Accommodations grid

Block

Show a grid of your accommodations on any page (links to the Accommodations module).

ContentDemo ready

Add to Calendar

Block

Add-to-calendar buttons for an event: visitors save it to Google Calendar, Outlook, or Apple/.ics in one click. Enter the event title, date/time, location and description; no third-party service is used.

ContentDemo ready

Alert / callout

Block

Inline coloured notice boxes — info, success, warning or danger — each with a matching icon, an optional bold heading and a message. Placed right inside the page content (not a floating bar), they're perfect for highlighting a key point, a warning, or a “saved!” style confirmation. Add as many as you like.

ContentNewDemo ready

Audio / podcast

Block

A full audio library for sermons, podcasts or an artist's music. Upload MP3s straight to your own server (they stream seekably) or link external files, and give each track an artist/speaker, author, category (pick an existing one or type a new one), cover image, date and description. The front end is a searchable, category-filtered playlist driving one player — pick a category (e.g. a sermon series or album) or search by title.

ContentDemo ready

Banners

Block

A hero image or rotating slider for the top of a page, with optional heading, text and a button. Use it to set the tone and push a primary action.

ContentDemo ready

Before / After

Block

A draggable slider that wipes between a before and an after image — ideal for renovations, detailing, edits.

ContentDemo ready

Blog posts feed

Block

Shows your most recent blog posts as cards on any page (home, landing pages). Pulls live from your blog — nothing to maintain.

ContentDemo ready

Call to action

Block

A bold full-width call-to-action band: headline, supporting line and a button, on an accent / dark / light background. Place it where you want visitors to act.

ContentDemo ready

Card grid

Block

A responsive grid of content cards, each with an image, a title, a short paragraph and an optional button/link. The cards lay out evenly and stack neatly on mobile — ideal for services, features, benefits or a team line-up.

ContentNewDemo ready

Case studies grid

Block

Show a grid of your case studies on any page (links to the Case Studies module).

ContentDemo ready

Comparison table

Block

A feature × column matrix (e.g. plan comparison). yes/no cells become ✓/✗ automatically and you can highlight a recommended column.

ContentDemo ready

Contact info card

Block

Your address, phone, email and opening hours in one tidy card, with tap-to-call, click-to-email and a one-tap "Get directions" link (auto-built from the address, or point it at your own map URL).

ContentDemo ready

Contact page

Block

A ready-made contact page: a map on top, a message form on the left (choose which fields to show) and a contact-info panel on the right pulled straight from your Site Variables (address, phone, email, hours) plus your social links. The form emails you and lands in the Notifications inbox.

ContentDemo ready

Countdown

Block

A live countdown timer to a sale or event — adds urgency.

ContentDemo ready

Courses grid

Block

Show a grid of your courses on any page (links to the Courses module).

ContentDemo ready

Documents

Block

A searchable library of downloadable files (PDFs, docs) with categories and dates.

ContentDemo ready

Embed a widget

Block

Embed any third-party widget via its iframe (booking tools, maps, calculators, players).

ContentDemo ready

FAQ

Block

A collapsible list of questions and answers. Visitors click a question to reveal its answer — great for support, pre-sales objections and SEO. Each FAQ can also get its own detail page. Heads-up: this classic FAQ add-on is now superseded by Structured Content (the built-in “FAQ” content type under Content → Structured Content) — prefer that for new FAQs, since those items are reusable across pages and available over the content API. Existing FAQs here keep working.

ContentDemo ready

Feature section

Block

Feature rows with a Layout switch: a grid of icon cards, alternating image/text “zig-zag” rows, a logo wall, or a row of badges. Each item has an image/icon, a heading, text and an optional link — one add-on that replaces the old spotlight, feature-grid, logo-wall and awards controls.

ContentDemo ready

Gallery

Block

An image gallery whose thumbnails open full-size in a click-to-zoom lightbox, with optional filter chips to group photos. Ideal for portfolios and product galleries.

ContentDemo ready

Glossary

Block

An A–Z glossary of terms and definitions. Terms are automatically sorted and grouped under letter headings, with a letter jump-nav and a live search box that filters as the visitor types — handy for industry jargon, product terminology or FAQs-by-term.

ContentDemo ready

Image

Block

A single showcase image with an optional title, subtitle and description — click to expand. Site-wide styling defaults with per-image overrides.

ContentNewDemo ready

Image hotspots

Block

Clickable markers placed on an image that reveal a tooltip — label parts of a product, map or diagram.

ContentDemo ready

Job listings

Block

A careers / job board: open positions appear as a summary list (title, type, location, closing date and a one-line summary), and each links to its own detail page (/careers/{id}) with the full description and an Apply button that points at a URL or email address. Fill in the longer 'Description' field for the detail page.

ContentDemo ready

Key Takeaways

Block

A highlighted “key takeaways / in summary” callout — a short, scannable bulleted list that sits near the top of an article so readers get the main points at a glance. Perfect for long guides and blog posts.

ContentDemo ready

Menu / price list

Block

A menu or price list — perfect for restaurants, cafés, salons and trades. Add items with an optional section label (Starters, Mains…) and a free-text price ("$12", "$9 / $14", "Market"); items are grouped under each section heading with the price aligned on the right.

ContentDemo ready

Modal / dialog

Block

A button that opens a pop-up dialog (modal) layered over the page, with its own title and content — e.g. “Read our returns policy” or “View the full spec”. Set the button label, the modal heading and its body; visitors open and close it without leaving the page.

ContentNewDemo ready

Past cases grid

Block

Show recent past cases on any page (links to the Past Cases module).

ContentDemo ready

PDF viewer

Block

Embeds a PDF right on the page in a scrollable frame, with an optional download link. Paste a file URL (upload it in the media library or link an external file) and set the frame height.

ContentDemo ready

Practice areas grid

Block

Show your areas of practice on any page (links to the Areas of Practice module).

ContentDemo ready

Pricing table

Block

Plan cards with features and a highlighted “most popular” plan, each with its own call-to-action button.

ContentDemo ready

Projects grid

Block

Show a grid of your projects on any page (links to the Portfolio module).

ContentDemo ready

Property listings

Block

Show a grid of your property listings on any page (links to the Real Estate module).

ContentDemo ready

QR code

Block

Shows a scannable QR code for a link (or, if left blank, the current page) — handy for print, packaging, posters and table tents that point people to your site. Optionally add a caption and choose the size.

ContentDemo ready

Read more

Block

Collapses a long block of text to a set height with a soft fade at the bottom and a “Read more” button that expands the rest (and “Show less” to collapse again). Great for long descriptions, terms, or background detail you don't want dominating the page.

ContentNewDemo ready

Rental plan cards

Block

Live rental-tier pricing straight from the plans catalogue.

ContentDemo ready

Services

Block

Polished services section — alternating image/text rows with a title, intro, key-points list and a call-to-action button.

ContentNewDemo ready

Sortable data table

Block

A clean, sortable, searchable table. Enter the column names as a comma list, then one row per line with cells separated by | (pipe). Visitors click any column header to sort and type in the search box to filter.

ContentDemo ready

Stats

Block

Animated number counters (e.g. “500+ happy customers”) that count up as they scroll into view — a quick credibility boost.

ContentDemo ready

Structured content

Block

Embed your typed content items — events, team members, FAQs, product specs and any other type you define under Content → Structured Content — as a card grid, a list or a table. Because they're typed and reusable, the same items can appear on many pages and are available over the content API.

ContentDemo ready

Tabs

Block

Tabbed content panels to organise a lot of content into a compact, clickable set of tabs.

ContentDemo ready

Team Directory

Block

A team directory with photos and profile pages for each member.

ContentDemo ready

Timeline

Block

Numbered “how it works” steps shown as a vertical timeline — process, onboarding or history.

ContentDemo ready

Video

Block

Drop in a responsive video from YouTube, Vimeo or a direct MP4 — it scales cleanly on every screen with no theme fiddling.

ContentDemo ready

Word rotator

Block

An eye-catching animated headline where a single word rotates through a list while the rest of the line stays put — e.g. “We build websites → brands → stores”. Set the fixed text and the list of words; the rotation and fade are automatic. A Porto signature look.

ContentNewDemo ready

Directory 5

Engagement 12

Announcement bar

Block

A dismissible coloured notice strip (sale, holiday hours, shipping notice). Visitors can close it and it stays hidden for them.

EngagementDemo ready

Floating contact

Site-wide

A floating button that expands to call / WhatsApp / email shortcuts — always within reach as visitors scroll.

EngagementDemo ready

Form

Block

Build any form — contact, quote, application, feedback or survey. Fields include text, email, phone, number, date, dropdowns, checkboxes, file upload and star ratings, and you can add page breaks to turn it into a multi-step form with a progress bar. Submissions land in your admin inbox and can email you on submit.

EngagementDemo ready

Google reviews

Block

Shows your cached Google reviews — paste a Google share link and it resolves the place for you.

EngagementDemo ready

Install app

Block

Lets visitors install your website as an app on their phone or desktop — your own icon on their home screen, opening full-screen with no browser bar. Two ways to offer it: PLACE this block on a page for a friendly "Install our app" section with step-by-step instructions and an install button at the bottom, and/or ENABLE the add-on in Manage for a small floating button on every page (it hides itself on pages that have the block). Chrome/Edge open the real install prompt; iPhone/iPad get Add-to-Home-Screen steps. The app uses your site name and favicon automatically — set a favicon under Settings for the best result.

EngagementNewDemo ready

Live chat

Site-wide

Drop in a live-chat widget (Tawk.to, Crisp, Tidio, …) by pasting its key.

EngagementDemo ready

Newsletter

Block

An email signup block that captures subscribers into your admin list.

EngagementDemo ready

Poll

Block

A one-question poll; visitors vote and instantly see the results as bars. One vote per visitor.

EngagementDemo ready

Promo popup

Block

A promo modal shown after a short delay (offer, sign-up, sale). It appears once per visitor so it doesn't nag.

EngagementDemo ready

Social feed

Block

Show your social posts. Best option: paste a free feed widget (LightWidget, EmbedSocial, Curator, Behold…) to display your REAL, auto-updating Instagram/Facebook posts. No widget? Fall back to a hand-curated grid of images you pick (no API needed).

EngagementDemo ready

Social share

Block

Social share buttons for the current page (Facebook, X, LinkedIn, email, copy-link).

EngagementDemo ready

Testimonials

Block

Customer quotes with names and star ratings, shown as cards or a slider. Social proof that lifts conversions.

EngagementDemo ready

Modules 8

Navigation 3

Structure 8