How to Collect Phone Numbers on Your Website Using Popups

Last updated on


Featured Image Collect Phone Number Website Popup

Do you want to increase your revenue and web traffic with SMS marketing?

Then you need a simple yet effective strategy to collect phone numbers on your website.

Enter popups.

With popups, you’ll be able to consistently:

  • Drive SMS subscribers to your site for promotions and product launches
  • Share exclusive SMS offers and coupons to build customer loyalty
  • Collect detailed feedback through surveys sent straight to your customers’ smartphones

By the end of this article, you’ll learn exactly how to use popups to get mobile phone numbers for your SMS marketing campaigns.

What is SMS marketing?

SMS marketing is a strategy that allows businesses to send messages to customers via text.

Businesses can send text messages to prospects and customers to increase brand awareness, boost engagement, and even generate sales.

Like most of us, you’ve probably received your share of annoying SMS marketing messages.

Of course, the last thing you want to do is irritate your customers with irrelevant texts they never asked for. That’s called spam.

Too often, SMS marketing campaigns go wrong because business owners don’t:

  • Ask for permission to send their messages
  • Provide value to customers
  • Personalize their messages

But when you do it right, SMS marketing becomes an important part of your lead generation strategy.

Here’s why it works so well:

  • Speed: your customers get your messages immediately
  • Best open rates: SMS has higher open rates than any other marketing channels
  • High response rates: customers are more likely to respond to text messages

If you’re looking for campaign inspiration, check out this article for real-world examples and proven SMS marketing tips.

Now, you might be wondering, “How do I collect mobile phone numbers for SMS marketing?”

OptinMonster is the best lead generation tool for your website. Whether you want to collect phone numbers or build an email list, OptinMonster makes it easy for you to do just that.

OptinMonster homepage

OptinMonster comes with tons of different targeting options, so you can personalize the offer you show to your users based on their intent, the source traffic, geographical location, and so on.

Using OptinMonster, Biddyco tripled their conversions in just 30 days!

And it’s just so easy to use. You can create stunning popups without any coding or design experience.

Don’t have an OptinMonster account yet? Get your OptinMonster account here. It’s risk-free with our 14-day money-back guarantee.

Now, we’ll build a popup in OptinMonster that collects phone numbers on your website.

Collect Phone Numbers With a Popup

We understand that everyone learns a little differently. That’s why we created this helpful video tutorial for our visual learners:


Otherwise, feel free to read our in-depth tutorial below. Here’s a sneak peek at the popup we’ll be creating today:

Add Phone Number Popup

As we go through the process, we’ll take a closer look at why this popup will help us achieve our goal of collecting phone numbers.

We’ll build our popup based on these popup best practices:

  • Offer a valuable incentive
  • Create a clear call to action
  • Use eye-catching design

Let’s get started.

Step 1: Create a Campaign to Collect Phone Numbers

First, log into your OptinMonster dashboard, and choose Create New Campaign.

Create new OptinMonster campaign button

Next, choose your campaign type. Today, we’ll select Popup.

Choose OptinMonster Campaign Type

Now, we’ll select from OptinMonster’s 50 pre-built templates. There’s something here for any kind of campaign.

You can even choose a template based on the device you want to target: Mobile or Desktop.

OptinMonster Campaign Templates overview

Today, we’ll go with the Tech template because it already has almost everything we need to create a compelling discount offer.

There’s space for an image, attention-grabbing headline, and our offer.

OptinMonster tech template

Now, name your campaign.

Name campaign

Finally, click Start Building to customize your popup.

Step 2: Design a Popup to Collect Phone Numbers

Now, you’ll be in the editor where you can design your popup, and here you have absolute freedom to customize the design on your own.

All these options give you the power to create popups that reflect your brand and speak to your customers.

With that said, we won’t get into too much detail on how to customize every aspect of your campaign because there are too many options to cover in just one post.

If you’re just getting started with OptinMonster, check out this guide on how to create and design your first OptinMonster campaign.

For today’s tutorial, you only need to know the basic principle of customizing your template.

OptinMonster campaigns are built with design elements called blocks. To change an element, all you need to do is click on the block in your editor. Then, you’ll see the editing tools appear on the left side of the editor.

So, for example, if you want to change the image, click on the image on the right hand side and you’ll see the editing panel on the left:

OptinMonster tech template image edit_

Similarly, we can change the copy by clicking on the text element in the builder.

On the left, you’ll see options to change the font, font size, alignment, and color of your copy.

Tech Template Text Edit

All these options make it easy to match your optin field to the rest of your form’s style.

And that’s not all.

To add any element to your popup, all you need to do is click Add Blocks at the top of the editor.

Add blocks

You’ll see there are so many elements available to you, like:

  • Images
  • Text
  • Video
  • HTML
  • Additional optin fields

Then you can simply drag and drop those block elements where you want them. For now, let’s focus on adding the phone field.

Let’s click on the optin field again.

Tech Template Add Field to Popup

On the left, you’ll see the options in the Editing Fields Element panel. Find Available Fields and click on the plus sign to add a phone field.

Editing fields element phone

Next, you can click on the pencil icon to edit the field text.

Phone field edit

Now, we want to add a countdown timer to bring a sense of urgency to our limited sale.

Head over to the top of your editor and click Add Blocks.

Add blocks

Select Countdown Timer and drag it onto your form.

Add Countdown Timer to Phone Numbers Popup

Like with the other blocks, you can click on the Countdown Timer to pull up its editing tools.

Countdown Timer editing tools

Finally, let’s change the background.

Head over to the editing panel on the left, and click on Optin Settings.

Click Optin Settings

Next, select Optin View Styles.

click optin view styles

Now, you’ll be able to customize the background of your popup.

That’s it. Now your form is ready to capture your visitor’s phone number:

Add Phone Number Popup

Step 3: Display Your Campaign

Now, you need to decide where and when you want to display your campaign.

OptinMonster offers several ways to display your campaigns. Our targeting rules are designed to show the right offer to the right person at the right time.

Our targeting rules let you display campaigns based on:

  • Referrer detection: show messages based on where the visitor is coming from, like a referral website
  • Page-level targeting: campaigns based on the specific page
  • Geo-location targeting: based on the visitor’s location

And there’s so much more.

Then, you’ll also have campaign triggers, like:

  • Scroll triggers: appear after the visitor has scrolled down a certain section of the page
  • InactivitySensor ™: shown when visitors have been inactive

What this means is you can decide to show a campaign to a reader right when they’re most engaged.

Flywheel used page-level targeting to increase engagement by 660%. When visitors read articles in Flyhweel’s Design Inspiration category, they’d see a campaign offering an email course on design trends.

For this tutorial, we’re going to focus on one of the most powerful campaign triggers, exit intent®.

Exit intent is when a popup appears as the visitor is about to leave your site. On desktop, it tracks the movement of the visitor’s mouse. On mobile, it kicks in when the user scrolls up the page or clicks the back button.

Shockbtye combined exit intent with an irresistible discount offer to double their sales conversion rate.

To enable exit intent, head over to Display Rules at the top of your editor.

Display rules

Find and select Exit Intent.

OptinMonster Exit Intent Display Rule

Now, your popup will appear as your visitor leaves your site, capturing their attention just as they’re about to leave for good.

Great. You’re almost ready to collect phone numbers on your website. All that’s left is to sync OptinMonster with a SMS service provider that will send your text messages.

In addition, we’ll add a Page-Level Targeting rule to display our popup on our only our highest-converting pages.

So, we’ll select exactly matches under current URL path.

Exit Intent Popup Exact Match URL

Then, add the URL of your highest converting page.

Exit Intent High Converting Page

Now, your offer will be displayed to visitors as they move to leave the page.

Step 4: Integrating With an SMS Marketing Tool

In this tutorial, we’ll integrate with Brevo (formerly Sendinblue).

With Brevo, you can easily segment your audience to share personalized messages with your subscribers at the right time.

First, head over to Integrations in your editor.

Integrations ribbon

Select Add New Integration.

Add New OptinMonster Integration_

Type Brevo in the search bar and click Connect. In the next step, you’ll need to add two things:

  • Your Brevo account label
  • Your API key

For your account label, choose anything that will help you to keep your integrations organized. This is an internal label for your use.

To get your API key, you’ll need to log into your Brevo account. Head over to the account dropdown from the top-right corner and choose SMTP & API.

Copy the API key.


Paste your API key into the API Key field and select Connect to Brevo (formerly Sendinblue).


It’s that simple. Now, your OptinMonster account is synced with Brevo.

All that you need to do now is Save and Publish your campaign.

That’s it! You’re on your way to collecting phone numbers using a popup on your website.

Once you start collecting more phone numbers, we recommend looking into a business phone system that offers SMS marketing and other tools to grow your business.

For more practical strategies to build your subscriber list, we recommend checking out the following articles:

Ready to create popups that convert your site visitors? Get your OptinMonster account today.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

CTA background
CTA thumbnail

Over 70% of visitors who abandon your website will never return! Learn how to unlock the highest conversion revenue from each of your website visitors!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

One response to “How to Collect Phone Numbers on Your Website Using Popups”

  1. Corey Zieman Avatar

Popular Posts

Connect with us:

Start Making More Money Today with OptinMonster

Start Getting More
Leads & Sales Today
with OptinMonster!

Popups work, and you can get started for a few bucks a month. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?

In only 7 months, we added more than 95,654 names to our email list using OptinMonster’s Exit Intent™ technology. We strongly recommend it!

Michael Stelzner - Best Lead Generation Tool

Michael Stelzner

Founder Social Media Examiner

I hate popups, so I was hesitant to try one on my site. But the results from OptinMonster exit-intent popup speak for themselves. I doubled my subscription rate immediately without annoying my users. I haven’t had a single complaint. My only regret is that I didn’t start using OptinMonster sooner. I can only imagine how many subscribers I could have added to my email list! If you have a blog, then I highly recommend you start using OptinMonster. I’ve researched them all, and it’s the best in market.

Michael Hyatt - WordPress Lead Generation

Michael Hyatt

New York Times Bestselling Author Platform: Get Noticed in a Noisy World

Exit-intent popups have doubled my email opt-in rate. When done right, you can see an instant 12% lift on driving sales. I highly recommend that you use OptinMonster for growing your email list and sales.

Neil Patel - WordPress Popup Plugin

Neil Patel

Founder QuickSprout