Skip to main content
Riserva adds two blocks to your online store. You place them in the theme editor — no code, no copying IDs. Both are app blocks. You add them from Add block → Apps (or Add section → Apps) inside your theme editor. There is nothing to switch on under App embeds.

​
Before you start

The experience you want to sell online must be Active, and publishing it must have created its Shopify product. See Publish an experience — a Draft experience is invisible to guests, and an experience with no product can’t be added to a cart.

​
Add the booking button to a product page

  1. In Shopify admin, go to Online Store → Themes → Customize.
  2. Open the Products → Default product template (or the specific product’s template).
  3. Select Add block → Apps → Experience booking.
  4. Drag it where you want the button to sit — usually just under the price.
  5. Save.
That’s it. On a product page the widget works out which experience it belongs to from the product itself, so there is no ID to paste.
Good to know Riserva does not hide your theme’s own Add to cart button. On a product that exists only to sell reservations, most wineries hide the theme’s buy button (a theme setting, or your theme’s product-template options) so guests see one clear call to action. The widget handles that gracefully — when it can’t find a buy button to measure, it centres itself at a comfortable width instead of stretching edge to edge.

​
Putting the booking button somewhere other than a product page

The block has an Experience ID (advanced) setting for that case — a landing page, a blog post, a custom section. Paste the experience’s ID there and the widget will show that experience wherever the block sits. On a product page, leave it blank.

​
The manage-reservation page (built in)

You don’t need to build anything for guests to manage their reservations. Every confirmation email links to a built-in manage page on your storefront at /apps/bookings/manage, rendered inside your theme so it looks like the rest of your site. The link is personal: it opens the guest’s own reservation with nothing to type, where they can Change date or time or Cancel this reservation (the refund under your policy is shown first) — whichever your policy allows. If a guest arrives without their link, the page asks for the reservation code and email from their confirmation instead.

​
Styling the widget

The widget is built to look like it belongs to your theme without you touching CSS. Left on their defaults, the settings copy the look of your store’s own buy button. Experience booking settings: Riserva treats the widget’s class names as a stable surface, so Custom CSS customizations hold across updates; if a release ever has to change one, it will be announced ahead of time. Experiences list settings: The list needs no setup: it shows every Active experience guests may book, in the order you set with Reorder on Riserva’s Experiences page (alphabetical until you reorder). Unlisted experiences never appear. Members-only experiences appear to recognised members as usual; everyone else sees the same card, marked “Members only”, with no times, and Book opens a “Reserved for members” notice with your message and your join button (plus a sign-in link for guests who aren’t signed in). An experience whose Show it to non-members as locked, with a link to join box is unticked (on its page, under Who can book) is not listed for non-members at all. One-time events whose date has passed drop off the list. To give one location, or one theme, its own list — a page per property, or a “Family visits” page — fill in Only this location or Only experiences tagged. A location is matched by its name (capitals do not matter); a name Riserva does not know lists nothing, and the block then reads “No experiences match this block’s location or tag settings yet.” Tags are set on each experience page, in the Organization card.

​
How “match theme” actually works

The widget looks at the first real buy button on the page and copies its background colour, its text colour and its corner radius. It skips buttons that are see-through or nearly white, because those give a colour nobody can read. If it finds nothing to copy — which is normal on a page with no buy button — it falls back to Riserva’s own deep-wine accent and a centred button at a comfortable width. Anything you set explicitly always wins over the automatic match.
Good to know Corner style applies to buttons only. Cards, panels and time chips inside the booking window keep Riserva’s own shape, so the window stays readable in every theme.

​
Check it worked

  1. Visit the product page (or the page you placed the block on) in a browser.
  2. You should see your button. Click it.
  3. The booking window should open with a month calendar and shaded, bookable dates.
If nothing appears, or the window says the product isn’t set up for reservations, see Troubleshooting.
Good to know On Riserva’s Home page, the setup step “Place the booking widget on your storefront” ticks itself off the first time the widget loads on your storefront — opening your product page (or previewing it in the theme editor) after adding the block is enough.
What things mean on this screen: What things mean: What your guests see