Skip to main content

Display Options

Beyond colors, you can control how your widget presents products and experiences to customers. This page covers layout choices, the wizard booking flow, and skill level organization.

How Your Booking Page Lists Items​

You choose one of eight layouts. They all show the same products and experiences - what changes is how much room each item gets, how much detail it shows, and whether it has a photo at all.

Grid​

Even cards, three across, each with a photo, name, price and an Add to booking button. This is the default and the safe all-rounder.

List​

Full-width rows with the photo on the left and details on the right. More information per item, so it suits longer names and items where the description does the selling.

Tile​

Small square photos, four across, with the price on the photo. Fits roughly twice as many items on a screen as Grid, so it is the one to pick when you have a big catalog and customers already know what they are looking for. Tapping a tile opens the item, where the booking controls live.

Editorial​

Big photos with no boxes around them, your own short description under each name, and a From price. The magazine look most new activity sites use. Like Tile, the card opens the item rather than booking from the list.

Showcase​

One item leads the page on a wide panel - photo on the left, name, description and price on the right - with the rest of your items alongside it in normal cards.

Bento​

Boxes of mixed sizes packed together: one large, two small, one wide, repeating down the page. Busier than Grid and good when your photos are strong. The lead item takes the large box.

Mosaic​

A wall of photos at different heights with the name sitting on the picture and the price in the corner. The most image-led of the layouts. Names have to be readable over your photos, so it suits strong, uncluttered images.

Price list​

Every item listed by category, with no photos, like a printed price sheet. Each category is its own box, sub-categories are small headings inside it, and each row is the item's name, its price and an Add button. It suits a big catalog, or customers who already know what they want and just need the price.

For rentals, the price list shows a price for each hire length you set in Settings > Rentals, side by side. A category only shows the lengths its items can be hired for, and a length below an item's minimum hire shows a dash. Customers can click any price to add that item for that length. If the item cannot be booked for that length, they are told why and nothing already in their booking changes.

A rentals price list with a price for each hire length

On a phone each row shows the price for the length the customer picked, and Other lengths opens the rest under the row.

Your experiences and store items show one price per row, the same price their cards show. Bundles keep their photo cards under the list, so customers can still see what is in each one.

Customers can switch to photo cards with the second button above the list, and back again.

One price or every hire length​

When you pick Price list, a switch appears under the layouts: Show a price for every hire length. It is on by default. Turn it off and each row shows one price, for the length the customer picked.

The Price list layout and its switch in widget settings

If you let customers choose any pickup and return time rather than set hire lengths, the price list always shows one price per row.

Editorial, Showcase and Bento use your descriptions​

These three print the first line or two of an item's description on the card. If you have not written one, the card just shows the name and price - no empty gap - so it is worth adding a sentence to your best sellers before you switch to one of them.

Choosing Your Layout​

  1. Go to Settings > Booking widget.
  2. On the Widget settings tab, open the Browsing & listings section.
  3. Under How your booking page lists items, click the layout you want. Your change saves automatically.
  4. Scroll down to the live preview on the same page to see it.

Choosing a booking page layout in widget settings

Customers can still switch to a list while they browse, using the toggle above your items - your choice is what they see first. If you pick List, the second button offers Grid instead.

Choosing What Leads Your Booking Page​

Showcase, Bento and Mosaic all give one item the biggest spot. By default that is whatever sits first in your list, but you can name the item instead - handy when your best seller is not the one you happen to have ordered first.

The picker appears under the layouts as soon as you choose one of those three, with a row for each thing you sell.

  1. Go to Settings > Booking widget > Browsing & listings.
  2. Pick Showcase, Bento or Mosaic.
  3. Under What leads your booking page, choose an item for Rentals, Experiences or Shop. Your change saves automatically.

Choosing which item leads the booking page

Leave a row on First in my list and whatever you put first leads, exactly as before.

Two things worth knowing:

  • Only the first page of results gets the big spot. Someone who has paged forward is browsing, so the layout runs normally from page two on.
  • If the item you picked is switched off, sold out of the list, or deleted, the page quietly falls back to your first item. Nothing breaks.

Photos on Listing Cards​

Every listing card has a fixed shape, and your photos may not match it. You choose how a photo sits in the card:

  • Fit (the default) shows the whole photo. When its shape does not match the card, the gaps are filled with a soft blur of the same photo.
  • Fill crops the photo so it covers the whole card, edge to edge. Nothing is blurred, but the edges of the photo may be cut off.

This applies to your Experiences, Rentals and Store listings. The item's own page always shows the whole photo.

  1. Go to Settings > Booking widget > Browsing & listings.
  2. Next to Photos on listing cards, pick Fit or Fill. Your change saves automatically.

Photos on listing cards setting

Here is the same photo in the large Showcase card, first with Fit, then with Fill:

A listing photo shown with Fit

The same listing photo shown with Fill

If you use Fill, keep the main subject of each photo near the middle so it does not get cropped.

Category Browser​

The category browser adds a Browse by category row of pills across the top of your Experiences and Rentals listing pages. Each pill shows a category name and how many items it holds, so customers can jump straight to the category they want instead of scrolling.

When a customer taps a pill, the list filters to that category in place and the pill fills with your widget brand color. The browser stays in sync with the category filter in the sidebar — pick a category either way and both update together. Counts roll up parent and child categories, so a parent pill reflects everything underneath it.

Browse by category pill row on the widget

This is one simple, clean design — a row of minimal themed pills. There's nothing else to configure: a single toggle turns it on for both modules at once.

Turning the Category Browser On or Off​

  1. Go to Settings > Booking widget.
  2. On the Widget settings tab, in the Browsing & listings section, find the Show category browser at the top of listings toggle.
  3. Flip it on. Your change saves automatically.

Category browser toggle in widget Appearance settings

The toggle is off by default and controls both the Experiences and Rentals listings — turning it on adds the pill row to both.

Wizard Mode​

The wizard is a guided, step-by-step booking flow that walks customers through the process. Instead of browsing a catalog and adding items to their booking, customers are guided through choosing dates, selecting products or experiences, and checking out in a structured sequence.

When to Use the Wizard​

The wizard works best when:

  • You want to simplify the booking process for first-time customers
  • Your products are organized by skill level or category and you want to guide selection
  • You want customers to pick dates first, then see only what is available

The standard browse-and-book flow works best when:

  • Customers already know what they want
  • You have a large catalog and want customers to explore freely
  • Customers often book multiple different items in one go

Enabling the Wizard​

You can enable the wizard separately for rentals and experiences.

  1. Go to Settings > Booking widget.
  2. Open the Advanced settings tab and find the Guided wizards section.
  3. On the Rentals tab, find the Enable wizard flow for guided bookings? toggle.
  4. Turn it on to activate the wizard flow for rentals.
  5. Switch to the Experiences tab and repeat if you also want a wizard flow for experiences.

The wizard toggle saves automatically when you flip it.

How the Wizard Works for Customers​

When the wizard is enabled, customers see a step-by-step flow:

  1. Select dates — Choose pickup and return dates (rentals) or select a date (experiences)
  2. Choose a level (if skill levels are configured) — Pick their skill level
  3. Select items — Browse available products or experiences filtered by their choices
  4. Checkout — Enter details and complete the booking

Skill Levels​

Skill levels let you organize your products or experiences into groups based on ability. They are used in the wizard flow to help customers find the right option.

Example Skill Levels​

  • A bike rental shop might use: Beginner, Intermediate, Advanced
  • A watersports company might use: First Timer, Some Experience, Expert
  • A ski rental shop might use: Learner, Intermediate, Advanced, Expert

Creating Skill Levels​

  1. Go to Settings > Booking widget.
  2. Open the Advanced settings tab and find the Guided wizards section.
  3. Make sure the wizard is enabled on the Rentals or Experiences tab.
  4. Click Manage experience/skill levels.
  5. A side panel opens where you can create and organize your levels.
  6. For each level:
    • Enter a name (e.g., "Beginner").
    • Optionally add a short description (up to 15 words) explaining who this level is for.
  7. Click + Add additional level to add more (up to 10 levels).
  8. Click Save.

Assigning Items to Levels​

After creating your levels, you need to tell the widget which products or experiences belong to each level.

  1. Back in the Guided wizards section, each level appears with Categories and Products dropdowns (or Categories and Experiences dropdowns on the Experiences tab).
  2. Use the dropdowns to assign categories or individual items to each level. The assignments save automatically.

Other Display Options​

Separately from the wizard / view toggle, several newer display settings are covered in their own articles:

Booking Summary on Experience Pages​

Each experience detail page can open with a full-width banner that shows the experience title, category, starting price, and a quick day-by-day time picker right above the image gallery. The picker lets customers see what's bookable on the selected date, jump back or forward a day, and click straight through to a time slot — all without scrolling.

You can turn this banner on or off depending on how you want customers to land on the page.

When to Keep It On​

The banner is on by default and works well when:

  • You want customers to see availability immediately, before scrolling
  • Most of your experiences have multiple daily time slots
  • Conversion matters more than letting customers read the description first

When to Turn It Off​

You may prefer to switch it off when:

  • You want the page to open with the image gallery and description — a more editorial feel
  • Most of your experiences are one-off (e.g., a single tour at a fixed time) where the time picker adds little value
  • You'd rather customers read the full details before being asked to commit to a time

When the banner is off, the experience title, category, and starting price still appear at the top of the page. Only the prev / selected / next time picker is hidden — customers pick a date and time using the calendar in the sidebar and the existing tri-column day view further down the page.

Turning the Booking Summary On or Off​

  1. Go to Settings > Booking widget.
  2. On the Widget settings tab, in the Browsing & listings section, find the Show booking summary at top of experience pages toggle.
  3. Flip it on or off. Your change saves automatically.

The change applies to every experience detail page on your widget immediately.

Show Your Phone Number on the Widget​

You can display your business phone number in the widget header as a tap-to-call link, so a customer browsing on their phone can reach you in one tap if they have a question before booking.

  1. Make sure your phone number is set in Settings → Business details.
  2. Go to Settings → Booking widget.
  3. On the Widget settings tab, in the Your brand section, find Show my phone number on the widget.
  4. Flip it on. Your change saves automatically.

Show my phone number toggle in widget Appearance settings

The toggle is off by default. When on, it shows the number from Business details in the widget header on every page — there's nothing to type in twice. If you haven't added a phone number yet, EquipDash reminds you to add one under Business details.

Voucher Sales Toggle​

If you want to sell gift vouchers through the widget:

  1. Go to Settings > Booking widget.
  2. On the Widget settings tab, in the Selling & conversion section, find the Enable gift card/voucher sales toggle.
  3. Turn it on. Your change saves automatically.

When enabled, a Purchase page URL appears below the toggle. You can share this link or embed it on your website alongside rentals and experiences.