All Collections
Getting More Customers
Add a "Text Us" button to your website
Add a "Text Us" button to your website

Add a text us button to your website. Web Chat. Web Widget.

Andy Ruff avatar
Written by Andy Ruff
Updated over a week ago

Make it easy for website visitors to get in touch with you via text (for both your mobile and desktop website)

Time Estimate:
7 minutes

Difficulty:
Moderate

Requirements:
Ability to make simple changes to your website (or coordination with whoever maintains your business's website for you)

Introduction

Make sure potential customers can get their questions answered when they're most interested in you – while they're browsing your website.

Adding a "Text Us" button is the best way for customers to get help without having to create an account or sign into any given social media profile. And unlike "chat" popups on websites, the customer can continue their conversation with your business even after they've closed their browser window.

A Simple Customer Experience

These days, most customers are probably viewing your website on their mobile phone. For these customers, your website's "Text Us" button will automatically open the customer's text messaging app of choice, ready to send you a message. A 1:1 conversation - instead of leaving them to browse your site from their phone - is much more likely to answer the customer's question and lead to business.

On computers and laptops, your "Text Us" button lets the customer type out their question and phone number just as if they had texted you. Numa handles texting the customer back and establishing a connection.

From your perspective, there's no new inbox to keep track of. Any conversation that starts from your website gets routed to your same Numa account, just like any other conversation. Numa manages all the technical details.

What You Need to Do

  1. Sign into your Numa account at inbox.numa.com.

  2. Go to the Settings > Web chat.

  3. Customize how web chat appears (optional).

  4. Copy the HTML snippet you were provided. Alternatively, forward the HTML snippet to whoever manages your business's website.

  5. Paste the HTML snippet within the <body> of each page of your business's website. See below for step-by-step instructions for many common website builders such as Squarespace or Shopify.

  6. Save your work to make sure your changes are reflected on your site.

Instructions for some common website providers:

When You're Done

To test that your "Text Us" button is set up properly, simply visit your website on a computer or your phone. You should see a working "Text Us" button along the bottom of the screen!

Customizing Your "Text Us" Button

You can customize the appearance of your "Text Us" button by going to Settings > Web Chat.

  • Color

  • Button Copy

  • Instructions

Squarespace Instructions

  1. Go to your Squarespace account.

  2. Click Settings.

  3. Open Code Injection.

  4. Paste your "Text Us" HTML snippet into the Footer field.

  5. Click Save.

Shopify Instructions

  1. Open your Shopify Admin.

  2. Click on Sales Channels and select Online Store.

  3. Click on Themes.

  4. Click the three dots (...).

  5. Click Edit HTML/CSS from the list.

  6. Open the file named theme.liquid

  7. Paste your "Text Us" HTML snippet into the file immediately before the </body> tag found towards the bottom of the file.

  8. Click Save.

Weebly Instructions

  1. Log in to Weebly, then click Pages at the top and go to the page where you'd like to place your widget.

  2. Click Build at the top.

  3. Go to Elements > Embed Code, then drag and drop it to the bottom right corner of your web page.

  4. Click Edit Custom HTML.

  5. Copy your "Text Us" HTML snippet and paste it into the Edit Custom HTML box.

  6. When you click outside of the element, your content should show up on the page, though there are some types of code that will not display anything in the editor. In either case, you'll want to publish your site to make it available to visitors.

GoDaddy Instructions

  1. Go to your GoDaddy account.

  2. Scroll to Websites + Marketing and select Manage next to your website to open your site.

  3. Select Edit Website or Edit Site to open your website builder.

  4. Go to the page and location you want to add your custom code, and add a section.

  5. Search for the HTML section and select Add.

  6. Paste your "Text Us" HTML snippet into the Custom Code field.

  7. Customize the rest of the section, such as the accent color, title, center alignment toggle and height. Leave the Forced Height field blank for auto-height or set a specific height in pixels. A height of 0 pixels is equivalent to deleting the section.

  8. Your changes are saved automatically. Use Preview to see the results and when you're ready to make the changes public, publish your site.

Wix Instructions

Pre-requisites: In order for these instructions to work Wix requires you to have a paid plan and have a domain attached to your website.

1. From the site editor click Settings

2. Add a "Custom tool"

3. Paste your "Text Us" code snippet in the field

4. Choose which page(s) you want the snippet on - we recommend "All pages"

5. Place the code in the "Body - start"

6. Press Apply.

7. Save and publish your site

Did this answer your question?