{"id":6818,"date":"2025-02-06T02:00:00","date_gmt":"2025-02-06T02:00:00","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=6818"},"modified":"2025-05-26T14:42:25","modified_gmt":"2025-05-26T09:12:25","slug":"shopify-age-verification-popup-code","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/shopify-age-verification-popup-code\/","title":{"rendered":"Shopify Age Verification Popup Code [+How to Use it?]"},"content":{"rendered":"\n

A Shopify age verification popup is a simple way to grant shoppers access to your store based on age. <\/p>\n\n\n\n

If you are making your store accessible<\/a> to certain countries, this becomes essential to abide by their laws. Learn here the direct steps on how to add age verification to Shopify without any complications.\u00a0<\/p>\n\n\n\n

How Does Age Verification Popup Work in Shopify?<\/h2>\n\n\n\n

An age verification popup on Shopify appears when the user visits your site for the first time. <\/p>\n\n\n\n

Something like this:<\/p>\n\n\n

\n
\"Shopify<\/figure>\n<\/div>\n\n\n
    \n
  • When they select Yes, then they can explore your site <\/li>\n\n\n\n
  • When they select No, they are redirected back to Google.com<\/li>\n<\/ul>\n\n\n\n

    When the users accept they are above the needed age limit, the age verification popup will not appear during the entire session. <\/p>\n\n\n\n

    How to Add Age Verification to Shopify?<\/h2>\n\n\n\n

    Step 1: Head to Theme Editor  <\/h3>\n\n\n\n

    From your Shopify admin panel, head to Online Store > Themes.<\/p>\n\n\n

    \n
    \"Head<\/figure>\n<\/div>\n\n\n

    Click on the three dots and open the Edit code<\/strong>.<\/p>\n\n\n

    \n
    \"Click<\/figure>\n<\/div>\n\n\n

    Step 2: Add the Age Verification Code<\/h3>\n\n\n\n

    Open the theme.liquid file and add the following age verification code before the closing <\/body> tag. You can modify the content and text as per your preferences.<\/p>\n\n\n\n

    <!-- Meetanshi Age Verification Popup Starts -->\n<div id=\"age-verification-popup\" style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; backdrop-filter:blur(10px); background-color:rgba(0, 0, 0, 0.8); z-index:9999;\">\n  <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff; padding:30px; text-align:center; border-radius:15px; max-width:400px; width:90%; box-shadow:0px 8px 16px rgba(0,0,0,0.3);\">\n    <h2 style=\"font-size:26px; margin-bottom:20px; color:#ff6f61;\">Age Verification<\/h2>\n    <p style=\"font-size:18px; margin-bottom:20px; color:#444;\">\n      You must be <strong>18 years or older<\/strong> to access this site. Please confirm your age below.\n    <\/p>\n    <button onclick=\"verifyAge(true)\" style=\"background-color:#28a745; color:#fff; padding:12px 25px; border:none; border-radius:30px; cursor:pointer; font-size:16px; font-weight:bold; margin-right:10px; transition:background-color 0.3s;\">Yes, I'm 18+<\/button>\n    <button onclick=\"verifyAge(false)\" style=\"background-color:#dc3545; color:#fff; padding:12px 25px; border:none; border-radius:30px; cursor:pointer; font-size:16px; font-weight:bold; transition:background-color 0.3s;\">No<\/button>\n    <p style=\"font-size:14px; margin-top:20px; color:#888;\">\n      By continuing, you agree to our <a href=\"\/terms\" style=\"color:#007bff; text-decoration:none; font-weight:bold;\">Terms & Conditions<\/a>.\n    <\/p>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const agePopup = document.getElementById(\"age-verification-popup\");\n\n    \/\/ Show the popup if sessionStorage does not have the flag\n    if (!sessionStorage.getItem(\"ageVerified\")) {\n      agePopup.style.display = \"block\";\n    }\n  });\n\n  function verifyAge(isOfAge) {\n    const agePopup = document.getElementById(\"age-verification-popup\");\n    const referrer = document.referrer;\n\n    if (isOfAge) {\n      \/\/ Set session-based flag\n      sessionStorage.setItem(\"ageVerified\", \"true\");\n      agePopup.style.display = \"none\";\n    } else {\n      \/\/ Check if the referrer is not Google, then redirect back to the referrer\n      if (referrer && !referrer.includes(\"google.com\")) {\n        window.location.href = referrer;\n      } else {\n        \/\/ Redirect to a custom URL for users under 18\n        window.location.href = \"https:\/\/google.com\"; \/\/ Replace with your custom URL\n      }\n    }\n  }\n<\/script>\n<!-- Meetanshi Age Verification Popup Ends -->\n<\/pre>\n\n\n
    \n
    \"Add<\/figure>\n<\/div>\n\n\n
    And click Save<\/strong> and finish the process. <\/p>\n\n\n\n
    This will add the age verification popup to the entire Shopify store.  A new user will first get the age verification popup, and based on the action they take, they will continue accordingly. <\/p>\n\n\n
    \n
    \"Age<\/figure>\n<\/div>\n\n\n
    This code is fully functional across devices and optimized for better UX, so you must not worry about any issues or disturbances in your core file.<\/p>\n\n\n\n
    Give this simple code a try and get the needed age verification  access in your Shopify store for free.<\/p>\n","protected":false},"excerpt":{"rendered":"
    A Shopify age verification popup is a simple way to grant shoppers access to your store based on age.  If you are making your store…<\/p>\n","protected":false},"author":5,"featured_media":6834,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[787],"tags":[],"class_list":["post-6818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/6818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=6818"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/6818\/revisions"}],"predecessor-version":[{"id":15969,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/6818\/revisions\/15969"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media\/6834"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=6818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=6818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=6818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}