Hello and welcome!
This guide explains how to add an age verification splash page to your Jimdo website. It has been created by a Jimdo User for other Jimdo Users. It is not affiliated with the company Jimdo. The creation of an age verification with this guide is at your own risk - you are responsible for any errors that may occur.
Notice:
Keep in mind that every person on the Internet can access your Jimdo Website - that means also minors.
When does an age verification really make sense?
Generally if you sell alcohol/tobacco products or publish adult content (pictures, videos and text) you should implement an age verification.
Reminder: This page is not an alternative for legal advisory. If you are uncertain about the laws in your country please consult a lawyer.
Restrictions
Jimdo has a function to add your own HTML and CSS code, but does not support code that was added by the user. In case something shouldn’t work out the way it was intended the support won't be able to help you. Regarding this you should be especially careful.
If something doesn’t work out and you are not able to access your site anymore. Open your page in safe mode. In safe mode external code will be ignored. This way you can access your page again.
This is the link you need to use to login in safe mode:
How-To:
Step 1:
Create a new hidden subpage. On this page add a download-element.
Upload the logo or another picture of your choice there. The perfect resolution for that is between 300-400 pixels vertically and horizontally. In case you don’t have a fitting picture you can use one of these:
Afterwards open your new hidden subpage in the visitor view. Click on the download button with your right mouse button and press “copy link adress” or "copy link location". This is the link you are going to need in the next step.
Step 2:
Open your Jimdo Page in Edit Mode and create a “Widget/HTML” element in the sidebar of your Jimdo Page.
You can find more information on the Widget Element on the official Jimdo help center:
https://support.jimdo.com/basics/working-with-elements/widget-html/
If you need more information about the sitebar go here:
https://support.jimdo.com/faq/how-to-use-the-sidebar-of-your-website/
In the Widget/HTML element, insert the following HTML code.
You can exchange the red parts with your own text or picture, if you wish to do so.
<script type="text/javascript">
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function confirmedAge() {
document.body.removeChild(document.getElementById('verifyage'));
document.cookie = 'ageconfirmation=altgenug';
}
function appendVerifyPage() {
var verifyPageContainer = document.createElement('div');
verifyPageContainer.setAttribute("id", "verifyage");
verifyPageContainer.setAttribute("class", "verifyage");
verifyPageContainer.innerHTML = '<div class=\'verifyageinput\'><img src=\'https://altersabfrage-beispiel.jimdo.com/app/download/8472894086/logo_red.png\'><p class=\'verifyageabfrage\'>This page contains adult content. Please verify your age.<\/p><br /><input class=\'verifybutton\' type=\'button\' value=\'Ich bin über 18 Jahre alt.\' onclick=\'confirmedAge();\' /> <input class=\'verifybutton\'type=\'button\' value=\'Ich bin unter 18 Jahre alt.\' onclick=location.href=\'https://www.google.de/\' /><\/div>';
document.body.appendChild(verifyPageContainer);
}
if (readCookie('ageconfirmation') !== "altgenug") {
appendVerifyPage();
}
</script>
Step 3:
Insert this CSS Code in the head of your Jimdo Page. If you are familiar with HTML and CSS feel free to adjust colors, font and alignment.
If you don’t know how to edit the page head, visit this article:
<style type="text/css">
div.verifyage {width: 100%; height: 100%; align-content: center;background-color: #fff; z-index: 66666; position: fixed;top: 0px; left: 0px;}
div.verifyageinput {min-width: 400px; min-height: 400px; text-align: center; z-index: 666; position: relative; top: 100px; margin-left: auto; margin-right: auto;}
p.verifyageabfrage {color: #444; font: 20px open sans, sans-serif;}
.verifybutton {border-radius: 8px; color: #fff; width: 200px; height: 32px; border: 1px solid #444;background-color: #444; font: 14px open sans, sans-serif; -webkit-transition-duration: 0.4s; transition-duration: 0.5s;}
.verifybutton:hover {color: #444; background-color: #fff;}
</style>
Step 4:
Please make sure that you did everything accordingly and that you didn’t make any mistakes. Afterwards open your Jimdo Page and test if the process was successful. If it doesn’t work the way it should, you should check if you pasted the code correctly. In case you are unable to open your page, open it in safe mode and start over.
You can see how it should look like on this page: