Phone number popup on your website

How to add a popup on your website that allows for collecting phone numbers.

Updated over a week ago

If you are looking to collect phone numbers on your website, we are excited to show you how you can get this done with our partners at!

Step 1

Create a Popupsmart account here.

Step 2

After verifying your email, you can now go ahead and create your first popup. Choose any template that you would like to start with. If there is an email template you like, choose that one. We will add the phone number field in the next step. For this tutorial I'm going with this one:

Step 3

Click "Next to Customize" to start customizing the pop up. For the most part this step is totally up to you. However, to create a contact in SuperPhone that you can then target with Updates, you will need the phone number as well as the first name of the contact. Optionally you can also choose to collect emails here but keep in mind that you want to make this as easy as possible for your customers. If you don't want to collect emails, it's important to hide the field instead of deleting it. More on that in the video below.

That being said, I'm now changing "Full name" to "First name", I'll hide the email field and add a phone number field:

Step 4

As a final customization I'm adjusting the privacy policy text to match regulatory opt-in requirements. I'm adjusting the text to:

I want to receive exclusive texts. Message & data rates may apply. Message STOP anytime to cancel.

Step 5

Feel free to go ahead and adjust the mobile popup now. You'll also find an option to setup a "Success Popup", a "Teaser" and finally "Smart targeting" that let's you customize when you want to show the popup. We won't cover those here but if you need input on those, please check Popupsmart's documentation here:

Step 6

If it's your first time connecting Popupsmart with your website, you will need to add a code snippet to your page first. If you're using Shopify, the step by step instructions for this can be found at "Step 6" here:

If you're not using Shopify, please follow the instructions for your website on Popupsmart and contact us if you need assistance.

Step 7

Now it's time to connect your widget with SuperPhone! Please follow the step by step tutorial video below which covers how to connect Popupsmart with SuperPhone in the most cost effective way!

Please connect with us via the chat bubble in the bottom right corner if you have any questions or need assistance!

Did this answer your question?