How do I add a popup to my website?

A popup is a small window or overlay that appears above a webpage to display information or provide an action. It can be used for announcements, newsletter signups, offers, contact forms or other specific purposes.

1. Decide what the popup is for

Give the popup one clear purpose. For example:

Newsletter signup
Important announcement
Contact form
Event registration
Limited-time information

Avoid putting several unrelated actions into one popup.

2. Choose how to create it

You can add a popup using:

A built-in popup feature in your website builder
A third-party popup tool
Custom HTML, CSS and JavaScript

For most websites, a built-in feature or established plugin is simpler than creating the functionality from scratch.

3. Create the popup content

Keep the content short and make the required action clear. Include a visible Close button so visitors can dismiss the popup easily.

If the popup contains a form, clearly label its fields and explain what happens after submission.

4. Set when it appears

Configure an appropriate trigger, such as when a visitor selects a button or when a page loads.

If using automatic popups, avoid showing them immediately or repeatedly in a way that interferes with the visitor’s ability to read or use the page.

5. Check mobile and accessibility

Make sure the popup fits smaller screens and does not cover essential content or controls.

Visitors should be able to close it using a clearly visible control and, where applicable, the keyboard. The popup should also manage keyboard focus appropriately so users of assistive technologies can interact with it.

Last Updated 2nd February 2026.

Was this article helpful?

Thank you for your feedback!

We appreciate you taking the time to let us know this article was helpful.

We're sorry this article didn't answer your question.

Please let us know what was missing or contact us using the form below.

Quick notice about our knowledge base

We publish our Knowledge Base to help individuals and businesses resolve common issues across websites, advertising platforms, Salesforce and other digital systems.

We regularly review and update our guides, but the platforms, software and services covered can change without notice. As a result, screenshots, settings, features or recommended processes may differ from those available when an article was last reviewed.

The information provided is general guidance and should not be treated as advice specific to your systems or circumstances. UTDS Optimal Choice cannot accept responsibility for errors, data loss, service disruption or other issues resulting from changes made by following these guides.

If you are unsure about any of the steps, particularly where a change could affect live systems, data, tracking or business processes, we recommend speaking to us before making the change. Our team can review your specific setup and provide advice based on the current platform and configuration.

Time for some professional support?

Our team are ready to help. As one of the few digital agencies that is both a registered Salesforce Consulting Partner and Google Partner Agency, UTDS Optimal Choice is expertly positioned to support you across your entire digital landscape.