The component library

Everything you can put on your page.

Twenty-four sections. You drag them into the order you want, write straight onto the page, and publish when it looks right. Every picture below is a real storefront, captured as it renders, in one business’s fonts and colors. Yours wears your own.

Free to build and run. No subscription, no setup fee. Ollie takes 5% only when you get paid. Stripe's card fees are separate and go to Stripe, not us.

Every page has these

The chrome a storefront comes with. Style them, fill them in, and hide the ones you do not need.

The Header section on a storefront

Header

Your logo, your name, the links you choose and a booking button. It follows the reader down the page.

The Hero section on a storefront

Hero

The first screen: a headline, a line of copy, a photo behind it and the button that starts a booking.

The Announcement bar section on a storefront

Announcement bar

A thin strip above the header in your brand color, for the thing you need everyone to read.

The Request form section on a storefront

Request form

How customers reach you. Ask for whatever you need, and let them pick a real slot from your calendar.

The Business hours section on a storefront

Business hours

The hours you actually keep, straight from the ones your booking calendar runs on.

The Footer section on a storefront

Footer

Contact details, social links and the small print at the foot of every page.

Show the work

The trades Ollie is built for are judged on what they have already done. These are the blocks that show it.

The Photo + text section on a storefront

Photo + text

A photo beside a heading and a paragraph, with a checklist under it if you want one.

The Photo gallery section on a storefront

Photo gallery

A grid of up to 24 photos that open large when tapped. Two, three or four across.

The Photo carousel section on a storefront

Photo carousel

A swipeable strip of up to ten photos.

The Video section on a storefront

Video

A YouTube or Vimeo video, embedded on the page.

The Text section on a storefront

Text

A heading and a paragraph. The plainest block there is.

The Divider section on a storefront

Divider

A thin line, for when two sections need air between them.

Sell and take the booking

Prices a customer can read and a button they can press, on the same page.

The Services section on a storefront

Services

Your services with photos, prices and a Book button. Choose which ones show, and whether they sit as cards, rows or a priced list.

The Price list section on a storefront

Price list

Titled lists of prices for the extras. Display text, so you can write “at cost” or “from $60”.

The Form section on a storefront

Form

A second request form anywhere on the page, showing whichever of your forms you point it at.

The Call to action section on a storefront

Call to action

A strip in your brand color with a line of copy and a button.

Earn the trust

The reasons someone picks you over the next result down.

The Reviews section on a storefront

Reviews

Several customer quotes with star ratings. From four up they drift across the page on their own.

The Quote section on a storefront

Quote

One customer's words, given the room to be read.

The Highlights section on a storefront

Highlights

Cards with an icon, a title and a line each. One block covers both what you offer and why to pick you.

The Numbers section on a storefront

Numbers

Big figures that build trust: years in the trade, jobs done, how fast you answer.

The Logos section on a storefront

Logos

A quiet row of partner or client logos under a small line of copy.

Answer the questions

What they would otherwise have to call and ask.

The FAQ section on a storefront

FAQ

Questions and answers, as open cards or as rows that fold away until they are tapped.

The How it works section on a storefront

How it works

Numbered steps, for the customer who wants to know what happens after they press the button.

The Contact details section on a storefront

Contact details

Address, phone and email. Empty lines simply do not appear.

Build the page, then see it.

Start with a finished design, swap in your photos and words, and publish at your own address. Nothing reaches a customer until you say so.

Cookies on this site

Ollie uses analytics cookies (Google Analytics, PostHog and the Meta Pixel) to see how the site is used and which ads work. None of them load unless you say yes. Sign-in and your choice here use essential storage only. Read the cookie policy.