How to Add Popup Code to Your WordPress Website?
First, create your free account with Popupsmart.
1. After you sign up, you'll land on your dashboard. Firstly, let's add our website by clicking on your profile and choosing "Websites."
2. Then, continue with "New website" button.
3. Enter your website URL, and save it.
4. Your website will appear as "Unverified." Click on "Unverified" to see your embed code.
5. Then, copy the embed code to the clipboard and navigate to your Wordpress website's Admin panel and navigate to "Appearance". Click "Theme File Editor."
6. Check your theme and click on the "Footer."
7. Then, add your embed code before the < /body > tag.
8. Don't forget to update your file.
The placement of the code matters! You need to paste it to before closing the "body" tag.
9. Go back to your Popupsmart dashboard. And click "Verify".
When you click that, it will direct you to your WP website. If you see the little modal pops up on the screen that says "Popupsmart installation verified." then it means you are good to go!
Here is how a verified website looks on your Popupsmart website's page:
Enjoy your popup! 🚀
You know how to create a popup in WordPress without plugins and by using Popupsmart instead!
I hope this article is beneficial for you during your website design and helps you create new campaigns to increase your conversions. Happy marketing!
You may also like;
Frequently Asked Questions
What is Wordpress image popup on click without plugin?
A WordPress image popup on click without a plugin is a lightbox-style effect where an image opens in an overlay (modal) when a visitor clicks it, without installing a WordPress plugin to power the popup. Instead, you add the functionality using code (typically a small JavaScript snippet plus CSS) or by embedding a third-party popup tool’s script into your theme, so the click event on the image triggers a modal that displays a larger version of the image, a gallery, or even custom content. For example, you might wrap an image in a link and use a simple script to intercept the click and show the linked image in an overlay, or you can use a no-plugin approach like Popupsmart by placing its embed code before the closing </body> tag and configuring a campaign that opens when a specific image (or button near it) is clicked. This approach is popular when you want to keep your WordPress install lightweight, reduce plugin conflicts, and maintain more direct control over how and when the popup appears.
What is WordPress popup plugin?
A WordPress popup plugin is an add-on you install in WordPress to create and manage popups (also called modals) directly from your WordPress dashboard, usually with a visual builder and built-in targeting rules. These plugins typically let you create different popup types—email opt-in forms, discount offers, announcement banners, exit-intent popups, age verification, cookie consent notices, and more—without writing code, and they often include features like triggers (on page load, after a delay, on scroll, on click), targeting (specific pages, categories, devices, referrers), integrations (Mailchimp, HubSpot, WooCommerce), and analytics or A/B testing. While convenient, popup plugins can add extra scripts, affect performance, or create compatibility issues depending on your theme and other plugins, which is why some site owners prefer a no-plugin method such as embedding a lightweight script from a dedicated popup service and controlling everything externally.
How to create a popup form in wordpress?
To create a popup form in WordPress, you generally need three pieces: the form content (fields like name/email/phone), the popup container (the modal that displays the form), and the trigger/targeting rules (when and where the popup appears). Without using a WordPress plugin, a common approach is to use a popup builder like Popupsmart: create an account, add your website, copy the provided embed code, and paste it into your theme’s footer file right before the closing </body> tag via Appearance > Theme File Editor, then verify the installation and build your popup form in the Popupsmart dashboard using its form elements and design options. From there, you can set display rules such as showing the form after a time delay, on scroll, on exit intent, or on click of a button, and you can connect the form to your email marketing tool or redirect users to a thank-you page after submission. If you prefer a fully manual route, you can also code a form in HTML, style it with CSS, and use JavaScript to open/close the modal and validate submissions, but using an embedded no-plugin tool is usually faster and reduces the risk of breaking your theme while still avoiding a traditional WordPress popup plugin.
