Sending a SMS Message from a website

Become a Pro member to access all content

240+ instructional videos led by professionals
Weekly expert workshops and replays
1-1 consultation with the Makerpad team
Over $50k in discounts for tools
Private peer community
Profile for tracking progress and sharing your work
Yearly pricing
$249/year
Start your 7 day free trial*
Get PRO Yearly
Lifetime pricing
$600billed once
Start your 7 day free trial*
Get PRO Lifetime

This tutorial shows you how to add a "Sending a SMS Message" function on your website with Boundless and Twilio

Create a form

  1. To (Phone Number)
  2. Body (Multiline Text) - You can limit the length of this field by going to table view and setting a limit
  3. If you want to display the progress towards that limit you can add a [=LEN(Current Message.Body)]/255 text node under the input

Add a custom HTTP action

  1. You can get the SMS Messages API URL from the Twilio API page here
  2. Get your Twilio Account SID and Auth Token here
  3. In the HTTP Request action set the Body Encoding to Form
  4. Set the Basic Auth field to: AccountSID:AuthToken
  5. Add three body fields: To: (use the phone number input); Body (use the body input); From: (use the number from your Twilio account)

Show Results

  1. Add a Go To Record page action to the SMS Message form
  2. You can display the message as well as phone number on the record page. Format Phone Number will display a nicely formatted version of the phone number

Here is what it looks like:

You can view the resulting sms message in the table view and see results of the api request in action history (click the row to expand it and see details)

Join today for free and access 200+ tutorials

Join Makerpad today and you'll get access to hundreds of tutorials and educational content to help you create projects, automate workflows, and build software, without writing code.

Learn alongside 4 thousand professionals, no coding required.

Get Started Free

This tutorial shows you how to add a "Sending a SMS Message" function on your website with Boundless and Twilio

Create a form

  1. To (Phone Number)
  2. Body (Multiline Text) - You can limit the length of this field by going to table view and setting a limit
  3. If you want to display the progress towards that limit you can add a [=LEN(Current Message.Body)]/255 text node under the input

Add a custom HTTP action

  1. You can get the SMS Messages API URL from the Twilio API page here
  2. Get your Twilio Account SID and Auth Token here
  3. In the HTTP Request action set the Body Encoding to Form
  4. Set the Basic Auth field to: AccountSID:AuthToken
  5. Add three body fields: To: (use the phone number input); Body (use the body input); From: (use the number from your Twilio account)

Show Results

  1. Add a Go To Record page action to the SMS Message form
  2. You can display the message as well as phone number on the record page. Format Phone Number will display a nicely formatted version of the phone number

Here is what it looks like:

You can view the resulting sms message in the table view and see results of the api request in action history (click the row to expand it and see details)

Become a Pro member to access all content

240+ instructional videos led by professionals
Weekly expert workshops and replays
1-1 consultation with the Makerpad team
Over $50k in discounts for tools
Private peer community
Profile for tracking progress and sharing your work
Yearly pricing
$249/year
Start your 7 day free trial*
Get PRO Yearly
Lifetime pricing
$600billed once
Start your 7 day free trial*
Get PRO Lifetime

This tutorial shows you how to add a "Sending a SMS Message" function on your website with Boundless and Twilio

Create a form

  1. To (Phone Number)
  2. Body (Multiline Text) - You can limit the length of this field by going to table view and setting a limit
  3. If you want to display the progress towards that limit you can add a [=LEN(Current Message.Body)]/255 text node under the input

Add a custom HTTP action

  1. You can get the SMS Messages API URL from the Twilio API page here
  2. Get your Twilio Account SID and Auth Token here
  3. In the HTTP Request action set the Body Encoding to Form
  4. Set the Basic Auth field to: AccountSID:AuthToken
  5. Add three body fields: To: (use the phone number input); Body (use the body input); From: (use the number from your Twilio account)

Show Results

  1. Add a Go To Record page action to the SMS Message form
  2. You can display the message as well as phone number on the record page. Format Phone Number will display a nicely formatted version of the phone number

Here is what it looks like:

You can view the resulting sms message in the table view and see results of the api request in action history (click the row to expand it and see details)

This tutorial shows you how to add a "Sending a SMS Message" function on your website with Boundless and Twilio

Create a form

  1. To (Phone Number)
  2. Body (Multiline Text) - You can limit the length of this field by going to table view and setting a limit
  3. If you want to display the progress towards that limit you can add a [=LEN(Current Message.Body)]/255 text node under the input

Add a custom HTTP action

  1. You can get the SMS Messages API URL from the Twilio API page here
  2. Get your Twilio Account SID and Auth Token here
  3. In the HTTP Request action set the Body Encoding to Form
  4. Set the Basic Auth field to: AccountSID:AuthToken
  5. Add three body fields: To: (use the phone number input); Body (use the body input); From: (use the number from your Twilio account)

Show Results

  1. Add a Go To Record page action to the SMS Message form
  2. You can display the message as well as phone number on the record page. Format Phone Number will display a nicely formatted version of the phone number

Here is what it looks like:

You can view the resulting sms message in the table view and see results of the api request in action history (click the row to expand it and see details)

Join today for free and access 200+ tutorials

Join Makerpad today and you'll get access to hundreds of tutorials and educational content to help you create projects, automate workflows, and build software, without writing code.

Learn alongside 4 thousand professionals, no coding required.

Get Started Free

This tutorial shows you how to add a "Sending a SMS Message" function on your website with Boundless and Twilio

Create a form

  1. To (Phone Number)
  2. Body (Multiline Text) - You can limit the length of this field by going to table view and setting a limit
  3. If you want to display the progress towards that limit you can add a [=LEN(Current Message.Body)]/255 text node under the input

Add a custom HTTP action

  1. You can get the SMS Messages API URL from the Twilio API page here
  2. Get your Twilio Account SID and Auth Token here
  3. In the HTTP Request action set the Body Encoding to Form
  4. Set the Basic Auth field to: AccountSID:AuthToken
  5. Add three body fields: To: (use the phone number input); Body (use the body input); From: (use the number from your Twilio account)

Show Results

  1. Add a Go To Record page action to the SMS Message form
  2. You can display the message as well as phone number on the record page. Format Phone Number will display a nicely formatted version of the phone number

Here is what it looks like:

You can view the resulting sms message in the table view and see results of the api request in action history (click the row to expand it and see details)

This tutorial shows you how to add a "Sending a SMS Message" function on your website with Boundless and Twilio

Create a form

  1. To (Phone Number)
  2. Body (Multiline Text) - You can limit the length of this field by going to table view and setting a limit
  3. If you want to display the progress towards that limit you can add a [=LEN(Current Message.Body)]/255 text node under the input

Add a custom HTTP action

  1. You can get the SMS Messages API URL from the Twilio API page here
  2. Get your Twilio Account SID and Auth Token here
  3. In the HTTP Request action set the Body Encoding to Form
  4. Set the Basic Auth field to: AccountSID:AuthToken
  5. Add three body fields: To: (use the phone number input); Body (use the body input); From: (use the number from your Twilio account)

Show Results

  1. Add a Go To Record page action to the SMS Message form
  2. You can display the message as well as phone number on the record page. Format Phone Number will display a nicely formatted version of the phone number

Here is what it looks like:

You can view the resulting sms message in the table view and see results of the api request in action history (click the row to expand it and see details)

Get help and discuss

Open community forum

More lessons

Fetch data via API using Data Fetcher and Airtable
How to Add Stripe Billing to a Bubble App
How to Build a Customer Portal with No-code using Bubble and Stripe
Setting up user profiles and authentication on Webflow with 8base
Creating a Wikipedia Clone with Bubble
Develop a custom CRM using Retool and 8base
Generating serverless functions in the CLI - 8base
Connecting to a workspace GraphQL API - 8base
Authorization basics with roles and permissions - 8base
Working with GraphQL queries in the API Explorer - 8base
Slack App That Scrapes Websites for Data
How to Easily Scrape Websites for Data using Autocode
Greet new members privately in Slack with Autocode + Block Kit Builder
Working with APIs - integrate Slack with Typeform using Autocode on Standard Library
Generate QR Codes from Links
Linktree Clone with Adalo
Build an Airtable powered mobile app with Adalo
Fitness planner + tracker with Airtable and Twilio on Standard Library
Dating app with WordPress and CometChat Go
How to batch process Webflow item IDs using Integromat
Instagram clone with Bubble
A Meetup clone built in Adalo
A Vegan meal planner with Bubble
Get data from an API with Parabola + Google Sheets
Cameo clone in Glide - book video shoutouts from celebrities
Send SMS Surveys with Twilio + Airtable on Standard Library
Custom Status Page with Standard Library & Airtable
Build a Twilio SMS Hub with Standard Library
Instagram clone using Glide and a Google Sheet
Build a Slack / Airtable / Stripe CRM
Meditation mini-app and tracking progress
Changing data on a live site
Browse all →

If you'd like this template, message @bentossell on Slack with your email for the account to send this template.