Put the shop inside your website
Paste one line of code into your website and your customers book in a panel that opens on top of your page, with an optional floating button.
As well as linking to the shop, you can open it inside your own website: the customer clicks "Book" and the shop opens in a side panel (from the bottom on mobile) without leaving your page. You set it up in Bookings → Booking site, with the Share button.
Step 1: paste the line into your website
- Go to Bookings → Booking site and click Share. If you have several venues, choose the Venue.
- In Embed on your website, find Paste this line on your website and click Copy.
- Paste it once in the header (head) of every page, or in your website's shared template.
Step 2: choose what the panel opens
In What opens?, choose The whole shop or a specific product. Then choose how it opens and copy that code:
- On a button: a button on your website with the data-uelta-reservar attribute.
- With a link: a link to #reservar. It's the easiest option for menus or buttons in WordPress, Wix and Squarespace.
- From JavaScript: for whoever codes your website.
If you choose a product, you'll also see its direct link to use outside your website.
Step 3: floating button (optional)
Switch on Show floating button to add a fixed button to every page. Choose the Button text and the Colour. The button is part of the line from step 1, so copy it again and replace it on your website.
Before you publish
- Click Try the panel to see it working.
- Help for whoever edits your website has instructions for WordPress, Wix, Squarespace, Shopify, Webflow and others.
- Card payment opens in the shop's full window, because banks don't allow payments inside another website.
- The panel's own texts, such as "Close", appear in your website's language if it's Spanish, English, French, Italian or Catalan.
- If you see the notice This venue doesn't have a public code yet, email info@uelta.com and we'll activate it.