There are multiple ways to add your Vectera booking page(s) on your website:

  • Embed an iframe in your website to show the entire booking page,
  • add a link in your text, so clients can be forwarded to the booking page
  • or add the contact widget as a button to your website!


After you have created one or multiple contact widgets, you can embed them in your website. Vectera provides 2 options to embed it in your website:


1. Send the code to your webmaster

2. Copy the code and embed the widget yourself


1. Send the code to your webmaster

If a webmaster manages your website, this step is very easy for you. Once you've created a contact widget and you are on the Contact widgets page, you can just click on 'Send to webmaster'. This will open your mail program so you can easily send the code.




2. Copy the code and embed the widget yourself


General

Basically all you have to do is copy the code from the contact widget page and paste in the codebase of your website on the right location.

  1. Go to the Contact widgets page
  2. Click on 'Copy to clipboard' of the relevant widget
  3. Paste the code in your codebase at the place where you want the button to show and publish your website


Note: If you put the button in an iframe and clients click on the button on your website, it wil always open in a new tab. Even if you have selected to open in the same tab in the button behaviour of the contact widget.


Wix

 In Wix it's easy to embed the contact widget in your site. Just follow these steps:

  1. Go to the page where you want to add the contact widget code
  2. In the Sidebar menu on the left, click on the + icon, go to Embed code 
  3. Click on the '+' of Embed HTML
  4. Drag Embed into the page on the preferred location
  5. Paste the code into the code editor*
  6. Click on Update and Publish the site**


* No matter what you have selected in the button behaviour of the contact widget, when clients click on the button on your website, on Wix websites it wil always open in a new tab. 

** Make sure that the iframe is sufficiently large to contain the button.



Congrats, the contact widget is on your website!



Wordpress (.com & .org)


Wordpress.com

Unfortunately Wordpress.com doesn't allow custom iframes and HTML code with Javascript to be added to their websites. It's not possible to put your Contact widget on this type of site. You can add a hyperlink in your text to redirect to your booking page.



Wordpress.org

In wordpress.org you can setup your contact widget in your site. Just follow these steps:

  1. Go to the page where you want to add the contact widget code
  2. In the Sidebar menu on the left, click on the + icon, go to Widgets - Custom HTML 
  3. Drag 'Custom HTML' into the page on the preferred location
  4. In the code editor add a paragraph and paste the contact widget code in it
  5. Click on Publish 



Congrats, the contact widget is on your website!



Webflow

In Webflow it's easy to embed the contact widget in your site. Just follow these steps:

  1. Go to the page where you want to add the contact widget code
  2. In the Sidebar menu on the left, click on the + icon, go to Elements - Advanced 
  3. Drag Embed into the page on the preferred location
  4. Paste the code into the code editor
  5. Click on Save & close and Publish the site*


*Make sure that the Embed element is sufficiently large to contain the button.



Congrats, the contact widget is on your website!



Vectera is looking forward to your feedback so we can offer you the best scheduling and customer meeting experience. Set up your next customer meeting right away by logging into your account or sign-up for a free, fully-featured trial of Vectera!