In Vectera, after you connect your calendar you have to copy the URL of your booking page.
In the next line of code, enter your public booking URL.
<iframe style=”width: 100%; height: 600px;” src=”YOUR_PUBLIC_BOOKING_URL” frameborder=”0″></iframe>
You’ll need to replace YOUR_PUBLIC_BOOKING_URL by the copied URL from the previous step.
This line of code needs to be placed in your website’s codebase in the section you want the booking page to display. You can also adjust the width and height to your liking.
In LiveAgent, you have to enable external display info in the ticketing plugin.
Adjust settings like this.
- Display method: Load directly into the agent’s browser
- URL: Url of Vectera Integration – https://meet.vectera.com/book/vectera-oliver/
- HTTP Method: GET
Go to Configuration > Security > Settings and Enable CSP headers for Agent panel. Afterward, insert frame-src *.vectera.com. Go to the ticket, resize the right bar to your liking and you are good to go.