Embed your Agent

Your Vida AI phone agent can be embedded into any website so your visitors can talk or chat with your Vida Agent just like they would over the phone or sms.

Here is an example code that embeds a Vida AI agent into a web page:

<!-- 
	  -- data-target = the vida agent username you want to embed (required)
	  -- data-type = call or chat
	-->
	<button
		className="vidaButton"
	    data-vida-button
	    data-target="vidasales"
	    data-type="call"
  	>
    	Call
  	</button>
  	<button
  		className="vidaButton"
	    data-vida-button
	    data-target="vidasales"
	    data-type="chat"
  	>
    	Chat
  	</button>
	<script src="https://vida.io/embed/button/v1/script.js" defer />

​

Explanation of data fields

• data-target: (Required) The agent username you want to embed (required).
• data-type: (Required) “call” or “chat” depending on if you want to initiate a call or text chat with the target agent.
• data-number: (Optional) If on a mobile device, when pressing the button it will dial this number instead of initiating a call via WebRTC.

You can find or edit your agent’s username to use in the data-target parameter by visiting the Settings page if logged in.

​

JS File URL Location

Make sure to include the correct JS file location as shown in the example:

• JS: <script src="https://vida.io/embed/button/v1/script.js" defer />

​

Live example

Below is an example of an Vida AI agent embed.

By embedding your Vida AI agent, you can enhance your website’s interactivity, allowing visitors to engage with your Vida AI agent directly from your site. Explore other helpful articles and guides to make the most out of your AI phone agents and transform your business interactions!