Checkout Options
Customize your Checkout Process on Jumpseller.
Protecting Your Online Store: A Step-by-Step Guide to Age Verification on Jumpseller
On this page
As an online store owner, you may be required to verify the age of your customers before allowing them access to certain products or services. For instance, if you sell tobacco or alcohol products, you may need to ensure that your customers are of legal age to purchase those products. One way to achieve this is by adding an age verification modal to your Jumpseller store. In this guide, we will walk you through the steps involved in adding age verification to your Jumpseller store.
Step 1: Create the Age Verification Modal
To create an age verification modal, you need to add some HTML and JavaScript code to your Jumpseller store. The code is responsible for displaying the modal when a user visits your store and verifying their age before granting them access to your store.
Here is an example of the HTML and JavaScript code you can use to create an age verification modal:
<div class="modal fade" id="verify" tabindex="-1" role="dialog" aria-labelledby="verifyModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div><img src="/image/white.png" alt=""></div>
<div id="noman">ARE YOU OVER 18?</div>
<div>
<p> You must be 18 or older to access the store. Please confirm that you are 18 or older by clicking the button below.
</p>
</div>
<div id="YN">
<a href="javascript:redirect(window.location.href);" id="old" class="btn btn-primary">Yes</a>
<a href="http://www.google.com" rel="nofollow" id="young" class="btn btn-secondary">No</a>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
if (document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0) {
$("#verify").modal({
backdrop: "static",
keyboard: false,
show: true
});
}
});
function redirect(url) {
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
var referLink = document.createElement("a");
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
} else {
location.href = url;
}
}
</script>
In this code, the modal window contains an image, a message, and two buttons labeled “Yes” and “No.” When a user clicks the “Yes” button, they will be redirected to your store. If they click the “No” button, they will be redirected to Google. You can replace the Google URL with your own URL.
Step 2: Add the Code to Your Jumpseller Store
Now that you have created the age verification modal, the next step is to add the code to your Jumpseller store. Here’s how to do it:
- Log in to your Jumpseller account and go to your store’s Admin. Panel.
- Click on “Code Editor” from the design section of the menu on the left-hand side of the screen.
- Locate the Layout template and open it.
- Scroll to the bottom of the file and paste the HTML and JavaScript code you created in step 1. Paste this right above the line that says </body>, please be aware not to paste it before the line <body>
- Save the changes.
Step 3: Test the age verification
After adding the code, it’s important to test that the age verification is working as expected. To do this, you can open your store in a new incognito window or a different browser where you haven’t visited your store before. If the age verification popup appears, click on the “Yes” button and verify that you can access the store. If the popup doesn’t appear, verify that the custom JavaScript section is correctly configured and that the code was pasted correctly.
Step 4: Customize the age verification popup (Optional)
By default, the age verification popup has a simple design and message. You can customize the popup to better match your store’s design and brand. To do this, you can modify the HTML and Javascript code of the popup. Make sure to test the customized popup to verify that it’s working as expected.
Why some online stores might require age verification?
Age verification is important for online stores that sell age-restricted products such as tobacco, alcohol, and adult content. These products are legally prohibited for sale to minors, and online stores need to ensure that their customers are of legal age to purchase them. In addition to legal compliance, age verification also helps online stores maintain a responsible image and protect their brand reputation. By implementing age verification, online stores can prevent underage access to age-restricted products and avoid legal and financial consequences.
If you have a Jumpseller store and need help adapting this code to your needs, we’d be happy to assist you. Simply contact us.