1. Vev
  2. Learn
  3. Help
  4. Embed widgets

Embed widgets

You can add Vev to your website with a popup button or embedded booking widget. This way your customers don't have to leave your website.

Insights on...

Don't worry if you're not a tech wizard; we've got you covered with a simple step-by-step guide. Let's get started!

Step 1: Choose which widget

There's two options to choose from:

A. Popup button

A minimalist button with your full Vev page right on top of your own website.

a white screen with a purple border and a purple rectangle in the middle .

B. Embedded

Have a dedicated space on your page to embed Vev.

a purple square is on a white background .

Step 2: Copy the code

Choose the right code for your widget. Here's how:

You'll see a small box with a snippet of code in it. Click on it to copy to your clipboard, this is for the next step.

Step 3: Plant the code

Next up, it's time to put that code into your website. Depending on how your website is set up, the steps might be a bit different. But fear not, we've outlined the general process below:

For website builders (like WordPress, Wix, or Squarespace)

  1. Find the HTML/Add Code Option: Head to the editor of the page where you want your booking widget to shine. Look for an option to add 'HTML' or 'Embed Code'. It's often under 'Add elements' or similar.
  2. Paste Your Code: Drop the code snippet into the box provided for custom HTML.

For Custom or Direct HTML Websites

  1. Access your page's HTML: Get into the back end of your site where the HTML lives. This might be through a web hosting control panel or via FTP.
  2. Find the spot: Decide where you want your widget. Then, paste your code snippet right there in the HTML file, ideally within the `<body>` tags.

Step 4: Save and publish

After you've added your code, make sure to save your changes. Then, go ahead and visit your page to see your shiny new widget in action. Try it out to ensure everything's running smoothly.

Need a hand?

If any of this feels like deciphering an ancient code, we're here to help.

Our friendly support team is just a message away. Don't hesitate to reach out for a helping hand.

Insights on...