Age Verifier Pop-up

Age Verifier Pop-up

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: Compatible on most Shopify themes, from Debut to Shopify 2.0 Themes.

Add an age verifier pop up in your website to comply with the website policies. This age verifier has multiple options that lessen the need to hire a developer. 

You can check the demo store here. Password: made4uo

What is an Age Verification Pop-Up?

An age verification pop-up is a window that appears on a website upon loading, prompting users to confirm they are above a certain age before they can access the full website content. This is typically used for websites selling age-restricted products like alcohol, tobacco, or mature content.

Why Use an Age Verification Pop-Up?

There are several reasons why you might want to use an age verification pop-up on your Shopify store:

  • Legal Compliance: In some regions, there are laws requiring websites selling age-restricted products to verify the user's age before allowing them to browse or purchase these items. An age verification pop-up helps ensure compliance with such regulations.
  • Brand Protection: Using an age verification pop-up demonstrates your commitment to responsible sales practices and protects your brand image from potential association with underage users.
  • Content Control: For websites offering mature content, an age verification pop-up allows you to restrict access to users who are not yet of legal age.

Additional Considerations:

While an age verification pop-up offers some benefits, here are some additional considerations to ensure it doesn't negatively impact your user experience:

  • User Experience:

    • Minimize Intrusiveness: Make the pop-up clear and concise, avoiding unnecessary elements or lengthy text.
    • Easy Navigation: Ensure the verification process is simple and straightforward. Users should be able to confirm their age or exit the pop-up quickly without frustration.
    • Mobile-Friendly Design: The pop-up should display and function properly on all devices, especially mobile phones where a significant portion of your traffic might come from.
  • Alternatives:

    • Consider alternative verification methods: Explore options like age verification during checkout or integrating with third-party age verification services. These might offer a smoother user experience compared to a pop-up.
  • Accessibility:

    • Keyboard Accessibility: Ensure users can navigate the pop-up using keyboard controls, especially important for users with disabilities.
    • Screen Reader Compatibility: Verify that screen readers can properly announce the pop-up content and instructions for users who rely on them.

What you are buying:

  • Age verifier will ask for full birthdate or yes-no or just the year
  • Remember users who are verified until they close the browser
  • Add image in pop up, image in section, heading, content, and extra information
  • Assign the pop up to appear in certain page, such as product, collection, home page, pages, blogs, and even an specific URL in your website
  • Age limit setting provided
  • Redirect to any website address if user is underage
  • Control the colors in the section

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away. 

 

Steps on how to add Age Verification Pop-Up:

Step #1. Open your code editor

From you Admin page, go to Online store, then Themes. Choose the theme you want to edit, then click the three dots, then Edit code.

Step #2. Create a new section file

In Section folder, create a new section, name it "age-verifier",then paste the code below and SAVE.

 

Step #3. Open theme.liquid file

Go to the layout folder, and open the theme.liquid file. Find the <main>, then paste the code above it. Make sure to click SAVE

 

Step #4. Customize theme

Go to the theme editor by clicking three dots on your left hand upper corner, then Customize theme. Make sure to SAVE once you are done customizing.

Conclusion

Adding an age verification pop-up to your Shopify store can be a valuable tool for legal compliance, brand protection, and content control, particularly if you sell age-restricted products. However, ensure you follow the proper steps and consider consulting a developer if needed to avoid any issues with your store's functionality.

Copied!
Back to blog

Leave a comment