Skip to content Skip to navigation Skip to topbar

Email Contact Form with SendGrid

Created by: Twilio

Email
JavaScript
Quick Deploy

This app shows you how to set up an email contact form for your website. The form takes an email address, a subject, and content and builds an email that is sent via the SendGrid API.

Note that you can't use the submitted email as the from address, to send with SendGrid you must use a verified sender or, preferably, an email from an authenticated domain. In this application the user submitted email is set as the "reply to" email, so that when you reply in your email client, it will be addressed to the user.

Report this template

Quick Deploy to TwilioGet CodeUse Twilio CLI

Launch and test this app in a few minutes with Quick Deploy. No server needed. Quick Deploy will automatically configure and deploy this app using Twilio Functions. Learn more about Twilio Functions

Sendgrid Api Key
Your SendGrid API key
Sendgrid Api Key
How do I get this?
To Email Address
Messages submitted through the contact form will be sent to this email address
To Email Address
From Email Address
Messages submitted through the contact form will be sent from this email address
From Email Address
Click the button below to deploy your app
This will use the details entered above to deploy your application to Twilio Functions.
You will be able to view the application in the browser and edit it using the Functions UI.

Currently only available in JavaScript. Request hosting support for other languages

Install Node.js
The Node.js runtime is required to run the Twilio CLI and the sample code.
Download and install Node.js
Install Twilio CLI
The Twilio CLI is a command line tool that allows you to interact with Twilio APIs and services, and is necessary to deploy this template.
The suggested way to install the Twilio CLI on macOS is to use Homebrew. If you don't already have it installed, visit the Homebrew site for installation instructions and then return here.
Once you have installed Homebrew, run the following command to install the Twilio CLI:
brew tap twilio/brew && brew install twilio
Not using macOS? View the docs on all other installation methods.
Install the Serverless Toolkit
Beyond the base commands, Twilio CLI's functionality can be extended through plugins. In this case, the Serverless Toolkit plugin is needed to deploy the serverless functions that will power this template.
twilio plugins:install @twilio-labs/plugin-serverless
Learn more about Twilio CLI plugins
Login to the Twilio CLI
In order for the CLI to access your Twilio account and execute commands on your behalf, you need to log in and provide your Twilio credentials. This can be done by running:
twilio login
You will be prompted for your Account SID and Auth Token, both of which you can find on the dashboard of your Twilio console.
Create and configure a project with this template
To create a new project with the name example and the current template, run the following command:
twilio serverless:init example --template=contact-form
This will create a new directory called example (or whatever name you picked) and will download all necessary files and dependencies for you.
(information)
Check your template's README
Depending on the template, there might be additional setup instructions necessary to make the project work.
Check the instructions for this template to see if there are any additional steps to complete.
Host on Twilio
You can now deploy your code by running the following command:
cd example twilio serverless:deploy

Email Contact Form with SendGrid

Check your template's README