Home

Click to Call

Click to Call

Click to Call

Voice

1.1.3

Vonage

NodeJS

Create a button to allow visitors to your website to quickly get in touch using the Vonage Voice API.

The Vonage Voice API is the easiest way to build high-quality voice applications in the Cloud, allowing you to record and store inbound or outbound calls, create conference calls, send text-to-speech messages in 40 languages with different genders and accents, and more.

In this project, we will imagine that you have a support page on your website. You will add a button that will call your Vonage virtual number where you can deal with their support query. To learn more about this use case view the Click To Call guide. This project uses Vonage Cloud Runtime, removing the need to manage servers and hosting. Visit the developer portal to view documentation on how it works.

Steps

  1. To start, ensure you are signed into your Vonage developer account. If you do not have an account yet, you can create one here.

  2. To immediately deploy the application, go to the ‘Deploy Code’ tab. Enter a name for your application in ‘Instance Name’, select your AWS region, and click the ‘Deploy Code’ button.

    1. You will see a pop up prompting you to assign your Vonage number to the application - you will be able to buy one here if you do not have one already.
    2. Click ‘Assign a number’ to select your number from the list, then continue to create the application.
    3. You will then see your new application under ‘Deployed Instances’. Click ‘Launch’ to run it and see the ‘Call Support’ button, which will your Vonage number.
  3. To view the code and edit the application, go to ‘Get Code’ and click ‘Create a new development environment’.

    1. You will see a pop up prompting you to choose a region, enter a workspace name and assign your Vonage number to the application - you will be able to buy one here if you do not have one already.
    2. Click ‘Assign a number’ to select your number from the list, then continue to launch the workspace.
    3. When the workspace opens, you will see a README detailing how to edit, debug, run and deploy the project.
    4. Once your project is deployed, you can use the URL in the terminal output to access your application.

Created

16 March 2023

Updated

27 June 2024

Releases

16

market b3e562440e0d14db3734b5256f0df26d94ea8b24