embed.mdx

title	description
Embed your Agent	Embed your AI agent into your website to allow vistors to talk to your agent from anywhere.

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

Here is an example code that embeds a Vida AI phone 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: The Vida agent username you want to embed (required).
• data-type: "call" or "chat" depending on if you want to initiate a call or text chat with the target agent.

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 AI agent embed.

Call Chat

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