Collect Numbers the SuperPhone Way With a Phone Capture Landing Page

Building a phone capture landing page is a great way to take the hassle out of connecting.

SuperPhone®
February 1, 2019

Collect numbers like a pro

While giving out your phone number is a great way to start building relationships, remembering a random 10 digit number can be a struggle. Many people don’t even remember their own phone number. Building a phone capture landing page is a great way to take the hassle out of connecting. Our own CEO, Ryan Leslie, regularly promotes his landing page as over 25,000 people have left their number to start a conversation at textryan.com. You can use your name or your company’s name to outfit your landing page with an easy to remember url, like wealthplan.co, to start collecting numbers like a pro.

Building your landing page

To start building your phone capture landing page, all you need is a SuperPhone account, a Github account, and a domain name – no coding experience required. In all, this process should take no more than 10 minutes. Follow the guide to set up your own SuperPhone-powered phone capture landing page using Ryan’s downloadable template:

textryan.com

1. Create a SuperPhone® account to get your widget web address

Once you select a plan and log in, navigate to the widget page and select ‘COPY URL’.

2. Create a free GitHub account

Head to Github.com and create an account. The site will ask you to select a plan — you can do what you need to do easily with the free one.

3. Log in to GitHub and create a new repository

Once you verify your email, log in and click create a repository:

4. Name the repository ‘textme’ and click create

Once you name the repository, make sure that ‘Public’ is selected. You can skip all of the other options and just scroll down to click the green button and create the repository:

5. Upload the textryan.com template to GitHub

Download Ryan’s template here, and double click to unzip the file.

You should now have a file called ‘index.html’, which you will upload to GitHub by clicking ‘uploading an existing file’ on this screen:

Once you upload the file, scroll down and click the green ‘Commit changes’ button

6. Once uploaded, click the file and select edit

Once uploaded, the file will appear as ‘index.html’. Click to view the code:

7. Copy/paste the widget url from step one

Scroll down to line 53 of the code and find this:

‘https://superphone.io/w/my-url ’

Replace with the url of your SuperPhone® widget that you copied in Step 1. Make sure you leave the single quotes around the url.

This makes sure all of the numbers entered on your page are saved to your SuperPhone®.

8. Update the page to say your name

Scroll to line 198 in the code and change the text ‘YOUR NAME HERE’ to your first and last name.

9. Save your changes

Scroll all the way down and click the green ‘Commit changes’ button to save your page.

10. Publish your page

To publish your page, select ‘Settings’ in the top right.

On the ‘Settings’ page, scroll down to the ‘Github Pages’ section and click the dropdown button to change ‘None’ to ‘master branch’.

Once you click ‘Save’, refresh the page after 90 seconds and you’ll see that your site has been published and viewable:

You can click the link to test your new page.

11. Direct your custom domain to GitHub

Now, you’ll need to buy a ‘text-yourname.com’ domain.

For this example, we’re using a domain purchased at GoDaddy. Once you buy, tell GoDaddy where to point your domain by updating your DNS records.

Follow their instructions here to edit your first A record to point to the GitHub IP address 185.199.108.153. Then, add three more A records and change the third number in sequence to 109, 110, and 111 until your ‘Records’ look like this:

12. Add your custom domain

Once you buy, go back to the ‘Github Pages’ section, scroll down to the ‘Custom domain’ sub-section, add your custom domain and click save.

Refresh the page. After a few minutes, you’ll know your domain is configured the right way when your ‘Github Pages’ section looks like this:

Make sure you check the box to ‘Enforce HTTPS’ so your site is secure.

Collect Numbers the SuperPhone Way

Voila! Now you’re all set to capture numbers, the SuperPhone way, with your very own phone capture landing page.

SuperPhone®

Built for retail and e-commerce brands

Related articles

Show All

Drive revenue with personalized mobile messaging using SuperPhone