/*
#topbar-cta-button #navbar #sidebar #content-area table-of-contents
*/
/*
Vida Style Sheet Locked and Loaded
*/
#navbar {
  
}

footer {
  
}

/*
* Vida Style Scripts Locked and Loaded
*/
window.dataLayer = window.dataLayer || [];
console.log("Custom vida script loaded!")

/* Load Vida Widget Script and CSS for Demos */
function loadCSS(url, callback) {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = url;
    link.onload = callback;
    document.head.appendChild(link);
}

function loadJS(url, callback) {
    var script = document.createElement('script');
    script.src = url;
    script.type = 'text/javascript';
    script.async = true;
    script.onload = callback;
    document.head.appendChild(script);
}

// Usage

loadCSS('https://vidapublic.s3.us-east-2.amazonaws.com/vida-webrtc-widget/index.css', function() {
	console.log("Loaded Vida Widget CSS")
    loadJS('https://vidapublic.s3.us-east-2.amazonaws.com/vida-webrtc-widget/index.js', function() {
    	console.log("Loaded Vida Widget JS")
    });
});

/*
* Zapier Embed
*/

function initializeZapierEmbed() {
    const container = document.querySelector("#zapier-container");

    if (container === null) {
        console.log("Zapier element does not exist.");
    } else {
        // Check if zapier-full-experience is already appended
        if (!container.querySelector("zapier-full-experience")) {
            console.log("Zapier element exists and will be initialized.");
            
            // Load JS
            const script = document.createElement("script");
            script.type = "module";
            script.src = "https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements/zapier-elements.esm.js";
            document.head.appendChild(script);

            // Load CSS
            const stylesheet = document.createElement("link");
            stylesheet.rel = "stylesheet";
            stylesheet.href = "https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements/zapier-elements.css";
            document.head.appendChild(stylesheet);

            // Create and display zapier-full-experience
            const element = document.createElement("zapier-full-experience");
            // element.signUpEmail = "email_of_your_user@example.com";
            // element.signUpFirstName = "first_name_of_your_user";
            // element.signUpLastName = "last_name_of_your_user";
            element.clientId = "4ztZwOUy6owmn3O9h3IhW0bs89Elxp45qSkqWGCt";
            element.theme = "light";
            element.appSearchBarDisplay = "show";
            console.log("Appending Zapier element.")
            container.appendChild(element);
        } else {
            console.log("Zapier embed already initialized.");
        }
    }
}

// Function to observe and initialize the Zapier embed
function observeAndInitialize() {
    const observer = new MutationObserver((mutationsList, observer) => {
        for (const mutation of mutationsList) {
            if (mutation.type === 'childList') {
                // Check if the zapier-container element has been added
                if (document.querySelector("#zapier-container")) {
                    console.log("Initializing Zapier via observer.")
                    initializeZapierEmbed();
                    break;
                }
            }
        }
    });

    // Start observing the document body for childList changes
    observer.observe(document.body, { childList: true, subtree: true });
}

// Observe changes for dynamic navigation
observeAndInitialize();


Adding a Webhook Action

Example Instructions

Configuring the Webhook Action

Use Cases

Vida Docs

API Reference

Login

Examples

Pricing

How to configure and use Webhook actions in Vida agents.

Webhooks

Docs, tutorials, guides, and more, for Vida, the leading AI phone agent for small business. Answer calls and texts with an AI phone agent that always works and is never busy.

Documentation

Details on your Vida Agent including examples for a variety of objectives and use-cases.

Introduction

Tips on how to instruct your agent to handle your calls like a pro.

Instructions

Turbo charge your Vida AI phone agent with functions like webhooks, scheduling, call transfer, and more.

Functions

Give your AI phone agent access to external information on the web.

Links

Information on HD Text-to-Speach Voices available for your Vida phone agent.

Voice

Tips on configuring how your Agent answers the phone or starts web conversations.

Greeting

Configure the language your Vida AI phone agent understands.

Language

Information on Vida's contact syncing capabilities and how contacts influence how calls and messages are handled.

Contacts

How to configure and use Call Transfer actions in Vida agents.

Call Transfer

How to configure and use Take a Message functions in Vida agents.

Take a Message

How to configure and use Send Email functions in Vida agents.

Send Email

How to configure and use Schedule function in Vida agents.

Schedule

How to enable your Vida agent to request payment before it performs an action.

Request Payment

Example of Vida agent configured to answer calls for a restaurant.

Restaurant

Example of Vida agent configured to answer calls for a retail store.

Retail

Example of Vida agent configured to answer calls for a home services company.

Home Services

Example of Vida agent configured to book consultations for an IT services company.

Professional Services

Example of Vida agent configured to handle calls for a salon.

Salon

Example of Vida agent configured to handle calls for a logistics company.

Logistics

How to share your Vida Agent by publishing its number and sharing its profile.

Publish your Agent

Every Vida AI phone agent has a public profile. Share the link to share your agent!

Share Agent profile

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

Embed your Agent

Vida AI phone agents can receive inbound calls over SIP / VoIP.

SIP to your Agent

Vida AI phone agents integrate with thousands of apps including CRMs, Ticketing systems, and more!

Integrate your Agent

Use Vida AI phone agents with Zapier to integrate with thousands of apps!

Zapier

Vida AI phone agents integrate with Athena Health for appointment scheduling and more!

Athena Health

Vida AI phone agents integrate with Cox Automotive APIs for scheduling, lead qualification, and more!

Cox Automotive

Get started with Vida's AI enabled communications platform.

API Overview

Getting Started

Access all the data on Vida through our RESTful API.

Authentication

List tokens

Create a token

Delete a token

Publish your staging agent to your active default agent. 

Publish an Agent

Revert staging agent to current default active agent settings

Revert an Agent

Update Agent

Fetch Staging Agent

Fetch your Live (default) agent configuration.

Fetch Live Agent

Get Agent

Use this endpoint to initiate an outbound call from your Vida agent to a destination number or user. Your agent will handle the call.

Outbound Call from Agent

Assign phone number to your account for use

Assign phone number to your account

Search for a phone number based on city, region, and country.

Search for local numbers by locality

Search for a phone number based on prefix.

Search for local numbers by prefix

Search for a phone number based on phrase.

Search for local numbers by phrase

List all your existing SIP IP whitelist entries.

List SIP IP Whitelist

Add a new IP address to your SIP IP whitelist.

Add IP to SIP IP Whitelist

Remove an existing IP address from your SIP IP whitelist.

Remove IP from SIP IP Whitelist

List Priority Inbox

List Junk Inbox

Fetch recent messages across all inboxes.

Fetch Recent Messages

Fetch all messages for a particular room Id

Fetch Room Messages

List all your existing webhook destinations.

List Webhooks

Add Webhook

Remove Webhook

Fetch additional information context stored for conversations with a particular person.

Fetch Context

Injects additional information context your agent can use in conversations with a specific person.

Add Context

Check if an agent url is available for use

Check agent url availability

Check if existing agent url exists for a user or create new one

Fetch existing agent url

Create a new url for an agent and replace existing one if exists

Get Started

Agent Setup

Agent Functions

Agent Examples

Sharing and Publishing

Integrations

Webhooks

Adding a Webhook Action

Configuring the Webhook Action

Example Instructions

Use Cases

Get Started

Agent Setup

Agent Functions

Agent Examples

Sharing and Publishing

Integrations

​Adding a Webhook Action

​Configuring the Webhook Action

​Example Instructions

​Use Cases

Adding a Webhook Action

Configuring the Webhook Action

Example Instructions

Use Cases