How it works?

How it works?

Step-by-Step guide that how to create popups for your website

Step 1

Sign up

Create your Popupsdeal account.

Step 2

Select a template

Select a display option for your new Prize Wheel

Step 3

Design & Launch

Select campaign type, customize it

to fit your brand, and launch it.

How to Add a Spin-to-Win Wheel to Your Website

How to Add a Spin-to-Win Wheel to Your Website

Engaging your website visitors with interactive elements like a "Spin the Wheel" popup can significantly enhance user experience and increase engagement. Follow this step-by-step guide to install your website's "Spin the Wheel" popup.

Step 1

Copy the Script Code

Copy the Script Code

The first step is to obtain the script code for the "Spin the Wheel" popup. Here is an example of the script code you might use:

Copy this code to your clipboard.

<script 
src="https://popupsdeal.com/spinner/
xWI4w53Gdjgm45ik5CuycEhvuVoYpkLg/script.js" 
type="text/javascript"></script>
<script 
src="https://popupsdeal.com/spinner/
xWI4w53Gdjgm45ik5CuycEhvuVoYpkLg/script.js" 
type="text/javascript"></script>
<script 
src="https://popupsdeal.com/spinner/
xWI4w53Gdjgm45ik5CuycEhvuVoYpkLg/script.js" 
type="text/javascript"></script>

Step 2

Locate Your HTML File

Locate Your HTML File

Identify the HTML file(s) of your website where you want the popup to appear. You can usually find these files in the root directory of your website or within specific folders for each page.

Step 3

Insert the Script Code

Insert the Script Code

Open the HTML file using a code editor (such as VS Code, Sublime Text, or even Notepad).

Adding the Code to the `<head>` Section

The script must be placed within your HTML file's `<head>` section. The `<head>` section contains meta-information about your website and is typically found near the top of the HTML document.

Here is how you can do it:

  1. Open the HTML file.

  2. Locate the <head> tag.

  3. Paste the copied script code within the <head> tag.

<!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</title>
 <!-- Add the "Spin the Wheel" script here -->
 <script src="https://popupsdeal.com/spinner/
xWI4w53Gdjgm45ik5CuycEhvuVoYpkLg/script.js" 
type="text/javascript"></script>
</head>
<body>
 <!-- Your website content -->
</body>
</html>
<!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</title>
 <!-- Add the "Spin the Wheel" script here -->
 <script src="https://popupsdeal.com/spinner/
xWI4w53Gdjgm45ik5CuycEhvuVoYpkLg/script.js" 
type="text/javascript"></script>
</head>
<body>
 <!-- Your website content -->
</body>
</html>
<!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</title>
 <!-- Add the "Spin the Wheel" script here -->
 <script src="https://popupsdeal.com/spinner/
xWI4w53Gdjgm45ik5CuycEhvuVoYpkLg/script.js" 
type="text/javascript"></script>
</head>
<body>
 <!-- Your website content -->
</body>
</html>

Step 4

Save and Upload the File

Save and Upload the File

After adding the script code, save the changes to your HTML file.

  • If you are working on a local environment, make sure to upload the updated file to your web server.

  • Use an FTP client (like FileZilla) or a file manager provided by your web hosting service to upload the file.

Step 5

Test the Popup

Test the Popup

Finally, open your website in a web browser to ensure that the "Spin the Wheel" popup is working correctly. The popup should appear according to the settings configured in the script.

Troubleshooting

If the popup does not appear:


  • Double-check that the script code is correctly placed within the `<head>` section.

  • Ensure there are no typos or missing characters in the script URL.

  • Clear your browser cache and reload the website.

Conclusion

Adding interactive elements like a "Spin the Wheel" popup can make your website more engaging and fun for visitors. By following these steps, you can easily integrate this feature into your site and start reaping the benefits of increased user interaction.

Integrate popups seamlessly with your website, e-commerce, or CRM using our guides!

Social

COPYRIGHT © 2024 Popupsdeal. All rights reserved