Adding Pop-Ups to Paige Websites (Age Verification Example)

Add pop-ups like age verification to Paige websites using Custom Header Code — not custom CSS.

You can add pop-ups to Paige-generated websites — like an age verification prompt — but they only work when placed in the Custom Header Code section, not in the custom CSS.

Pop-ups are a simple but effective way to control how visitors enter your website. An age verification prompt, for instance, asks each visitor to confirm they meet a minimum age requirement before they can move on to the rest of the site. This is especially useful for businesses such as bars, breweries, wineries, liquor stores, dispensaries, and any site that serves age-restricted products or content.

The key difference to remember is where you place the code. When you add a pop-up such as an age verification prompt, it will only work if you put it into the Custom Header Code section. Adding it to the custom CSS did not work for this. If you have tried CSS and the pop-up isn't appearing, moving the code into the Custom Header Code section is the step to try.

You can create a pop-up for your Paige website by describing what you want in a custom prompt. For an age verification gate, the custom prompt used to create this specific full-page pop-up was:

"Create an age verification prompt to verify that the user is 21 years or older. If they select yes let them into the website."

A prompt like this asks for a full-page pop-up that requires visitors to confirm they are of age before they are allowed onto the site. You can adapt this same approach for other types of pop-ups you may want on your Paige website.

In short: add your pop-up code to the Custom Header Code section — not custom CSS — and use a clear custom prompt to describe the pop-up you want, such as the age verification example above.

If you need a hand adding a pop-up or getting your age verification prompt working correctly, just reach out to us through live chat — we're happy to help.