on 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:
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:
When viewing the code, click the pencil icon to edit:
7. Copy/paste the widget url from step one
Scroll down to line 53 of the code and find this:
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 126.96.36.199. 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.