Onsite elements allow you to collect email addresses and phone numbers directly from users visiting your store.
A well-configured standard pop-up achieves an average conversion rate of approximately 1%. Adding a teaser can increase it to around 3%, while a Spin to Win pop-up can achieve a conversion rate of 4–6%.
Why Should You Build Your Own Contact Database?
A database of email addresses and phone numbers is an asset that belongs directly to your store. It does not depend on social media algorithms or changes in advertising platforms.
It allows you to regularly reach potential and existing customers through:
email campaigns,
marketing automation,
SMS messages,
personalized recommendations,
reactivation campaigns.
Every new contact can become a future customer or return to your store to make another purchase.
However, simply launching a form does not guarantee the best results. Onsite elements should be regularly analyzed, tested, and optimized.
📚 See also: How to Effectively Build Your Subscriber Database
Which Onsite Elements Can You Use?
You can use several types of elements to grow your contact database.
You can learn more about pop-ups in the article Pop-ups — Overview.
Pop-up
A window displayed to users during their visit to the website.
Pop-ups attract attention and therefore usually generate the highest number of interactions and sign-ups.
Teaser
A teaser is a minimized version of a pop-up that remains visible after the main window has been closed.
It can take the form of:
an icon,
a gift symbol,
a percentage symbol,
a short message.
When clicked, the teaser opens the sign-up form again.
Web Layer, or Slider
A bar or sliding element displayed on the left- or right-hand side of the screen.
It remains available throughout the user’s visit, allowing them to open the form and subscribe whenever it is convenient.
Forms Available on the Website
edrone can collect data from forms already available in your store, for example:
in the footer,
during registration,
in the shopping cart,
in a newsletter sign-up form.
Thanks to the integration, new contacts are automatically added to the system.
Best practice: The best results usually come from combining several elements. A pop-up attracts attention, a teaser allows users to return to the form, and website forms collect sign-ups at different stages of the visit.
Best practice: The best results usually come from combining several elements. A pop-up attracts attention, a teaser allows users to return to the form, and website forms collect sign-ups at different stages of the visit.
1. Use a Spin to Win Pop-up
A Spin to Win pop-up is one of the most effective ways to quickly grow your contact database.
The mechanism combines sign-up with:
gamification,
the excitement of a random draw,
an immediate reward,
a clear benefit for the user.
When Should You Use Spin to Win?
This solution works especially well when:
you want to quickly increase the number of contacts,
you are running a seasonal campaign,
you are launching a promotional campaign,
you can offer a discount or another reward,
you want to attract the attention of new users.
What Conversion Rate Can You Expect?
According to edrone’s internal data, a Spin to Win pop-up can achieve a conversion rate of approximately 4–6%.
This means that for every 100 website visits, between 4 and 6 users may subscribe.
For comparison, a standard pop-up without Spin to Win and without a teaser achieves an average conversion rate of approximately 1%.
How Can You Improve the Performance of Spin to Win?
Display the pop-up on the most important pages.
Add a teaser that remains visible after the pop-up is closed.
Offer a specific and attractive reward.
Adjust the design for mobile devices.
Test different messages and reward values.
📚 Full configuration guide: Spin to Win Pop-up — Increase Conversion Through Gamification
2. Add a Teaser
Not every user will subscribe immediately.
Some users close the pop-up because they first want to:
browse products,
check prices,
learn more about the offer,
compare available options.
A teaser allows these users to return to the form later.
Why Should You Use a Teaser?
A teaser:
does not force the user to make an immediate decision,
remains available throughout the visit,
does not require the large pop-up to be displayed again,
gives the user another opportunity to subscribe,
helps recover some of the contacts lost after the pop-up was closed.
According to edrone’s internal data, a pop-up combined with a teaser can achieve a conversion rate of approximately 3%.
For comparison, a standard pop-up without a teaser achieves an average conversion rate of approximately 1%.
This means that using a teaser can increase sign-up effectiveness by as much as three times, as the form remains available even after the main window has been closed.
Best practice: Combine a pop-up displayed on the most important pages with a teaser that remains visible in the corner of the screen.
3. Offer the User a Specific Benefit
Few users leave their email address without a clear reason.
That is why it is worth offering a specific benefit in exchange for subscribing.
Examples of Incentives
a percentage discount on the first purchase, for example 10%,
a fixed-value discount, for example PLN 20,
free delivery,
a free gift added to the order,
a product sample,
access to downloadable content,
a Spin to Win reward.
Show the Benefit in the Headline
Avoid generic messages such as:
Sign up for our newsletter
Instead, clearly explain what the user will receive after subscribing.
Example headlines:
“Subscribe and get 10% off your first purchase”
“Spin the wheel and claim your reward”
“See what you can win today 🎁”
“Get a discount code for your first purchase”
“Subscribe and get free delivery”
Improve the CTA Button Copy
Example CTA buttons:
“Claim my discount”
“Spin the wheel”
“Play now!”
“Get my code”
“Get free delivery”
Deliver the Reward Immediately
You can provide the discount code by:
displaying it in a Success Pop-up,
sending it in a welcome email,
sending it in an SMS message.
This allows the customer to use the benefit immediately.
Consider Limiting the Code’s Validity
A message such as “Code valid for 48 hours” may encourage the user to make a purchase sooner.
However, remember to adjust the discount value to your margin and average order value.
Tip: The more attractive, specific, and immediate the reward is, the greater the chance that the user will subscribe.
4. Choose the Right Display Moment
The moment when the pop-up appears can significantly affect its performance.
Test several ways of triggering the element.
After a Specific Amount of Time
The pop-up can appear, for example, 3–5 seconds after the user enters the website.
This gives the user enough time to become familiar with the store’s basic offer.
After the User Scrolls the Page
The element can be displayed after the user scrolls through a specific part of the page.
Such a user has already shown interest in the offer or content.
When the User Attempts to Leave the Website
The exit intent mechanism can display the pop-up when the user moves the cursor toward closing the tab or leaving the page.
This is the final opportunity to collect the contact before the visit ends.
Note: Avoid displaying a large pop-up immediately after the user enters the website. The user has not yet had time to learn about the store and is more likely to close the message.
5. Optimize the Mobile Version
In many stores, most website traffic comes from mobile devices. Therefore, the mobile version of Onsite elements should be treated as a priority.
A pop-up that works correctly on a desktop computer may be difficult to read or use on a smartphone.
Design According to the Mobile-first Principle
First, refine the appearance and performance of the element on mobile devices. Then prepare the desktop version.
Limit the Number of Fields
Each additional field can reduce the number of sign-ups.
At the first stage, it is best to ask for:
an email address, or
a phone number.
You can collect additional data later.
Make the Element Easy to Close
The close button should be:
clearly visible,
large enough,
easy to reach when using the phone with one hand.
Use Large Buttons
CTA buttons should be easy to tap and positioned far enough away from other elements.
Adjust the Display Trigger
Exit intent does not work in the same way on mobile devices as it does on desktop computers.
On mobile devices, it is usually better to display the element:
after a specific amount of time,
after the user scrolls the page,
after a specific action.
Test on Real Devices
Do not rely only on the preview available in the editor.
Check the element on:
several phone models,
different screen sizes,
different operating systems,
different browsers.
6. Display the Form to the Right Users
Proper targeting affects both conversion and the overall user experience.
Subscription Status
Show the sign-up form primarily to users who are not yet in your database.
There is no need to encourage a user to subscribe again if they have already consented to communication.
Pages and URLs
You can display the element:
on all pages,
only on the homepage,
on selected category pages,
on specific product pages,
while excluding selected URLs.
Our recommendation: Display it on all pages.
You can also adjust the pop-up copy to the type of products the user is currently viewing.
Device Type
Analyze the results separately for:
mobile devices,
desktop computers.
If necessary, prepare separate versions of the element for each device type.
7. Collect Both an Email Address and a Phone Number
It is worth considering collecting two contact channels:
an email address,
a phone number.
This allows you to run both email and SMS campaigns.
However, a more complex form can reduce conversion, so it is best to use one of the following two approaches.
Option 1: Make the Phone Number Optional
Add a phone number field to the same form, but allow the user to skip it.
This means that:
some users will provide both details immediately,
others will still be able to subscribe using only their email address.
Option 2: Collect the Phone Number in a Success Pop-up
First, ask the user for their email address.
Then, after the sign-up is complete, display a Success Pop-up asking for their phone number.
The user has already completed the first action and may therefore be more willing to provide additional information.
Note: Remember to include the appropriate marketing consents — separately for email communication and SMS messages.
📚 See: How to Configure a Success Pop-up?, SMS Newsletter in edrone, and Welcome New SMS Subscribers
8. Combine Several Onsite Elements
The best results are usually achieved by combining several elements that support one another.
Element | Use |
Pop-up | Attracts attention and generates a large number of sign-ups |
Spin to Win | Makes the sign-up more attractive through gamification |
Teaser | Allows users to reopen a previously closed pop-up |
Web Layer | Keeps the form visible on the website |
Website forms | Collect data in the footer, cart, or during registration |
Success Pop-up | Allows you to collect additional data after the initial sign-up |
By combining these elements, users can subscribe at different stages of their visit.
📚 See: How to Configure a Web Layer Slider? and How to Configure a Success Pop-up?
9. Measure Performance and Optimize Regularly
Launching an Onsite element is only the beginning.
To collect more contacts from the same amount of website traffic:
monitor sign-up conversion,
test different headlines,
compare CTA buttons,
test different discount values,
try different types of rewards,
compare different display moments,
analyze mobile and desktop performance separately,
check which pages generate the highest number of sign-ups,
analyze sales generated by new subscribers.
For Spin to Win, also set realistic probabilities for the individual rewards.
Best practice: Introduce one major change at a time. This will make it easier to determine which change increased or reduced conversion.
📚 See: New Dashboard in the Pop-up Section
10. Learn from Other Stores
Before preparing a new element, check what solutions other stores use.
Pay attention to:
the type of benefit offered,
the design of the pop-up,
how the teaser is used,
the headline,
the CTA button text,
the number of fields in the form,
how the phone number is collected.
You can also create your own inspiration library and save examples of interesting implementations.
However, remember that a solution that works well in one store may not perform in the same way in another. Every idea should be tested with your own users.
11. Ensure That Elements Are Visible and Do Not Overload the Website
Check whether the pop-up, teaser, Web Layer, and other Onsite elements are being covered by other website elements, such as:
a chat widget,
a cookie banner,
contact icons,
promotional buttons,
sticky navigation,
other pop-up windows.
The teaser should be clearly visible and easy to click on both desktop and mobile devices.
Avoid displaying too many elements at the same time. An excessive number of messages, pop-ups, banners, and buttons can distract users, make the website more difficult to navigate, and reduce the effectiveness of the form.
Best practice: Set clear priorities for the elements displayed on the website and make sure they do not overlap. The user should see one clear message and be able to complete the expected action without difficulty.
Recommended Configuration for Getting Started
If you are just starting to grow your database using Onsite elements:
Launch a Spin to Win pop-up on the most important pages.
Add a teaser so that users can reopen the form.
Offer a specific benefit, such as a discount or free delivery.
Refine the mobile version of the element.
Display the form only to users who are not yet in the database.
Consider collecting the phone number in a Success Pop-up.
Monitor conversion.
Regularly test new variants.
Frequently Asked Questions
What Is a Good Pop-up Conversion Rate?
According to edrone’s internal data:
a standard pop-up without a teaser achieves an average conversion rate of approximately 1%,
a pop-up combined with a teaser can achieve approximately 3%,
a Spin to Win pop-up can achieve approximately 4–6%.
The result depends on factors such as:
the type of reward,
the message,
the display moment,
the traffic source,
the device,
how well the form is matched to the user.
Should You Display a Pop-up on Every Page?
Yes, if the form is intended for all new users.
However, you can apply exclusions, for example for:
the shopping cart,
the checkout process,
terms and conditions pages,
users who are already in the database.
Should the Phone Number Be Required?
No, it does not have to be required.
You can make it optional or collect it in the next step using a Success Pop-up.
Does a Teaser Replace a Pop-up?
No. A teaser works best as an addition to the main pop-up.
The pop-up attracts the user’s attention, while the teaser allows them to reopen the form after closing it.
Is It Worth Offering a Discount for Signing Up?
Yes. A specific benefit usually increases interest in the form.
It can be:
a discount,
free delivery,
a gift,
early access to a promotion,
a Spin to Win reward.
However, the value of the incentive should be adjusted to the store’s margin and business goals.
Need Help?
If you have any questions about building your subscriber database with Onsite elements, contact us at hello@edrone.me.
