Inform and engage
Custom HTML popup your markup, our timing
A custom HTML popup lets you write the notification's markup yourself while AutoSocialProof handles when and where it appears. You keep full control of the design and content, and still get display triggers, page targeting, schedule, frequency caps, positions and statistics.
Who uses a custom html popup?
- Developers and agencies with a design system
- Unusual formats no preset covers
- Brand-heavy sites
Content
What does it show?
Exactly what you write, shown when and where you decide.
- Your HTML
Written in the widget editor.
- Custom HTML popup
Shown to visitors with your text, theme and timing.
Which settings does the custom html popup have?
Every option below exists in the app today. On top of these, every widget gets 9 display triggers, 13 positions, 29 themes, dark mode, entrance and exit animations, translations and statistics.
- HTML content
- Your markup.
- Triggers, targeting, schedule
- As every widget.
- Position and frequency
- 13 positions, frequency caps.
Copy you can use
- A branded badge with your own illustration
- A seasonal banner with your design
- A "we are hiring" card
How do you set up a custom html popup?
About ten minutes, most of it writing good copy.
<script defer src="https://app.autosocialproof.com/pixel/YOUR_PIXEL_KEY.js"></script>Add the pixel once
If your site already has the AutoSocialProof pixel for this campaign, skip this. Otherwise paste the one-line script before </head>.
Already there.
Create a custom html popup
In your campaign choose "Create notification", then "Custom HTML". Write the text, pick a theme and a position.
Looks like my brand.
Pick the moment and the audience
Set the display trigger (delay, scroll, exit intent, time on site, pageviews, inactivity, click, hover or element visible), frequency, pages, devices, countries and languages.
Product pages, after 6 seconds.
Save, then read the numbers
Impressions, hovers, clicks, CTR and form submissions appear in the widget statistics. Change one thing at a time.
Clicks are up this week.
What mistakes should you avoid?
Pasting third-party scripts you have not reviewed.
Huge images; keep it light.
Forgetting a visible close control.
Plan note: the custom html popup is included on every plan, including Free (25 widgets, 100K impressions a month). Compare plans.
Custom HTML popup questions
Can I use my own CSS?
Yes. Inline styles in your HTML work, and paid plans can add custom CSS to any widget.
Can I run JavaScript inside it?
Keep it to markup and styling. Running unreviewed scripts in a popup is a security risk; use your site's own code for logic.
Do triggers and targeting still work?
Yes. The point of this widget is your markup with the app's triggers, targeting, schedule, frequency and statistics.
Is it responsive?
As responsive as the HTML you write. Test at phone width.
Can I show different HTML per language?
Yes, with translations or separate widgets targeted by browser language.
Does it count impressions?
Yes, like every widget.
Who should use it?
Teams comfortable with HTML. Everyone else is faster with a preset theme.
Which plans include it?
All plans.
No question matches that. Try another word, or ask us directly.
Works well with
Try the custom html popup on your own site.
Free plan, every widget type, 100K impressions a month. Upgrade only if it earns its keep.
- Free plan: 100K impressions a month
- No card to start
- 30-day refund on paid plans
