Installation
Learn how to install and embed EasePop on your website.
Installation Guide
Installing EasePop on your website is simple and takes just a few minutes. This guide will walk you through finding your script tag and embedding it on your site.
Step 1: Get Your Script Tag
Your unique EasePop script tag is available in your domain settings. Here's how to find it:
- Log in to your EasePop Dashboard
- Navigate to Domains in the sidebar
- Click on the domain you want to install EasePop on
- Scroll down to the Embed Code section
- You'll see your script tag displayed in a code box
The script tag will look like this:
<script src="https://dev.easepop.dev/script.js" data-id="your-unique-user-id" defer></script>Step 2: Embed the Script Tag
Once you have your script tag, you need to add it to your website's HTML. The script should be placed in the <head> section of your HTML for optimal performance.
Standard HTML
For a standard HTML website, add the script tag to your <head> section:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Website</title>
<!-- EasePop Script -->
<script src="https://dev.easepop.dev/script.js" data-id="your-unique-user-id" defer></script>
</head>
<body>
<!-- Your website content -->
</body>
</html>React / Next.js
For React applications, add the script tag to your main HTML file or use Next.js's next/script component:
Using Next.js Script Component (Recommended):
import Script from 'next/script';
export default function Layout({ children }) {
return (
<html>
<head>
<Script
src="https://dev.easepop.dev/script.js"
data-id="your-unique-user-id"
strategy="afterInteractive"
/>
</head>
<body>{children}</body>
</html>
);
}Using React (create-react-app or similar):
Add the script tag to your public/index.html file in the <head> section:
<head>
<!-- Other head content -->
<script src="https://dev.easepop.dev/script.js" data-id="your-unique-user-id" defer></script>
</head>Important Notes
- Place in
<head>: For best performance, always place the script in the<head>section, not in the<body> - Keep the
deferattribute: Thedeferattribute ensures the script loads without blocking page rendering - Unique
data-id: Each script tag has a uniquedata-idthat identifies your account - make sure you copy your own, only this will work. - One script per domain: You only need one script tag per domain, even if you have multiple popups
Verifying Installation
After adding the script tag:
- Save your changes and publish your website
- Visit your website
- Your popups should appear according to the triggers you've configured
- Check your Analytics Dashboard to see if views are being tracked