## Quickstart Guide

This quickstart guide walks you through setting up a [Click To Call widget](https://docs.cognigy.com/click-to-call/overview) for a basic setup. The basic setup includes voice communication and live transcription.

## Prerequisites

- Create an [AI Agent](https://docs.cognigy.com/ai/agents/develop/manage-ai-agents).
- Configure a [speech provider](https://docs.cognigy.com/ai/agents/test/voice-preview#set-up-a-speech-provider) in the [Voice Preview Settings](https://docs.cognigy.com/ai/administer/access/project-settings#voice-preview-settings) section of the [Project settings](https://docs.cognigy.com/ai/administer/access/project-settings).
- Ensure [Voice Gateway](https://docs.cognigy.com/voice-gateway/getting-started#set-up-voice-gateway-for-your-organization) is active for your organization.
- For testing purposes, allow microphone access in your browser and, if needed, in your device settings.

## Set Up a Click To Call Widget

1. **Create a Flow**  
   1. Go to **Build > Flows**, click **\+ New Flow**  
   2. On the **New Flow** panel, enter a unique name for your Flow and click **Create**. You are redirected to the Flow editor.  
   3. In the Flow editor, add an [AI Agent Node](https://docs.cognigy.com/ai/agents/develop/node-reference/ai/ai-agent) and configure the AI Agent you previously created.

2. **Configure a Voice Gateway Endpoint**  
   1. Go to **Deploy > Endpoints**, click **\+ New Endpoint** and select **Voice Gateway**.  
   2. In the **New Endpoint** panel, configure the following:   - **Name** — enter a unique name, for example, `Click To Call Endpoint`.   - **Flow** — select the Flow you previously created, for example, `Click To Call Assistant`. Click **Save**. You are then redirected to the Endpoint settings.  
   3. In the Endpoint settings, click the **Set Up Click To Call Integration** button in the **Click To Call Embedding HTML** field. The embedding code is generated in the code editor, and an [Application](https://docs.cognigy.com/voice-gateway/webapp/applications) is created in the Voice Gateway Self-Service Portal. You can use this code snippet to [embed the Click To Call widget in your website](https://docs.cognigy.com/click-to-call/embed).  
   4. In the **Click To Call Widget Settings**, configure the following:   - **Enable Click To Call Widget** — activate the toggle.   - **AI Agent Name** — enter the name displayed on the Click To Call widget, for example, `Voice Support`.   - _(Optional)_ **Tagline** — enter the text displayed under the AI Agent name on the widget, for example, `Just ask me anything!`.  
   5. Click **Save**.

3. **Test the Click To Call widget**  
   1. In the upper-right corner of the Endpoint settings, click the **Open Demo Widget** button. The Demo Widget opens in a new tab.  
   2. Click  to start a call with your AI Agent.

## Next Steps

- [Embed the Click To Call Widget in Your Website](https://docs.cognigy.com/click-to-call/embed)

## More Information

- [Configure the Click To Call Widget](https://docs.cognigy.com/click-to-call/configure)  
- [Click To Call GitHub Reference](https://github.com/Cognigy/click-to-call-widget)  
- [Click To Call SDK GitHub Reference](https://github.com/Cognigy/click-to-call-sdk)  
- [Voice Gateway Endpoint](https://docs.cognigy.com/ai/agents/deploy/endpoint-reference/voice-gateway#click-to-call-widget-settings)

Last modified on April 21, 2026.