/*
#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")
    });
});
*/
loadJS('https://vida.io/embed/button/v1/script.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();


Supported Zapier Triggers and Actions

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

Zapier

Vida Docs

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

Integrating OpenAI's Realtime Speech-to-Speech API with Vida Agents

OpenAI Speech-to-Speech

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-Speech 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

Enable SMS capabilities on your Vida AI phone agent by registering your Brand and Texting Campaign with Carriers.

Enabling SMS

How to configure and use Webhook actions in Vida agents.

Webhooks

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 the Notify function in Vida agents.

Notify

How to configure and use the Send Email function in Vida agents.

Send Email

How to configure and use the Send SMS function in Vida agents.

Send SMS

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

How to configure and use the Pre-Answer function in Vida agents.

Pre-Answer

How to configure and use the Reporting function in Vida agents.

Reporting

How to configure and use the Zapier agent function in Vida AI phone agents.

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

Guide for white-label resellers to embed AI agents into their clients' websites and customize the experience.

Embedding Tools for AI Enablement

Manage billing seamlessly for your AI Agent Enablement services with custom onboarding flows, branded subscriptions, and APIs.

AI Agent Enablement Billing Tools

Track and manage detailed usage data across all tiers of your AI agent enablement platform, with maximum flexibility for resellers and their customers.

Usage Features for AI Agent Enablement

Discover the extensive white-label options available to tailor Vida’s AI platform to your brand and offer a seamless experience for your customers.

White-Label Capabilities

Explore APIs tailored for resellers and white-label users to enable seamless integration and management of Vida's AI agent platform.

API Overview for Resellers and White-Label Users

Learn how to configure SIP for both inbound and outbound calls with Vida AI phone agents.

General SIP Guide for AI Enablement

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

SIP to your Agent

Vida AI phone agents can send outbound calls over SIP / VoIP.

SIP from your agent

How to forward calls to your Vida AI phone agent.

Forward Calls to your Agent

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

Port an Existing Number

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

Integrate your Agent

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

Vida AI phone agents integrate with Google Calendar to streamline scheduling and conflict checking!

Get Started

Agent Setup

Agent Functions

Agent Examples

Enablement

SIP

Sharing and Publishing

Integrations

Zapier

Supported Zapier Triggers and Actions

Get Started

Agent Setup

Agent Functions

Agent Examples

Enablement

SIP

Sharing and Publishing

Integrations

​Supported Zapier Triggers and Actions

Supported Zapier Triggers and Actions