AgeVerify Installation Instructions


Female Template

AgeVerify installs easily in to your existing website by copying and pasting a single line of code.
Generate the line of code for the language and method you need with the code generator below.

Code Generator (do this first)

Select the language of your AgeVerify script:

English Czech Dutch French German Japanese Portuguese Russian Spanish Swedish

Select your method:

Date of Birth Input
Month / Day / Year - (U.S.)
Date of Birth Input
Day / Month / Year
Age Button Prompt
 

Select age to validate:

Copy and Paste the following lines of red code in to the HTML of your website. If needed, use the detailed instructions below for your content management system

<script type="text/javascript" data-template="female" id="AgeVerifyScript" data-age="" data-method="" src="https://av.ageverify.co/jsv3/.js"></script>


Install Instructions (do this second)

Select the type of website you are installing AgeVerify on and follow the step by step instructions.

Basic Installation

Step 1

Paste the line of red code from the code generator above in to the 'head' or 'body' section of your home page (this is the html page located at the root directory of your web server (likely index.html or home.html).

Step 2

Completely close & reopen all browser windows and navigate to your website to see the newly added Age-Verification.

3dCart Installation

Step 1

Log in to your Online Store Manager admin control panel

Step 2

From the menu on the left hand side, navigate to ‘Settings’ + ‘Design’ + ‘Template Editor’
3dCart Step 2

Step 3

From the Template Editor, scroll down until you locate the ‘home.html’ file and then click the corresponding ‘Edit’ button on the right hand side.
3dCart Step 3

Step 4

From the editor, paste the line of red code from the Code Generator above in to the very top of the Edit File.
3dCart Step 4

Step 5

Click the ‘Save Changes’ button at the top right of the editor. Allow 5 minutes for this change to fully replicate with your servers. Completely close all browser windows, reopen, and navigate to your website to validate your new Age‐Verify prompt.
3dCart Step 5

Adobe Muse Installation

Step 1

From the Adobe Muse editor, right click on the page(s) you would like to add AgeVerify to.

Step 2

Select 'Page Properties'

Step 3

Select 'Metadata'

Step 4

Paste in the AgeVerify script from the generator above in to the 'head' section.

Step 5

Completely close your web browser and relaunch to see your website with AgeVerify added.

Big Cartel Installation

Step 1

Log in to the admin | design view of your store and click on the ‘< >’ menu option at the top left hand side.
Big Cartel Step 1

Step 2

Click the ‘Layout’ menu option on the Left hand side.
Big Cartel Step 2

Step 3

From the layout file, click the ‘custom’ button at the top of the window.
Big Cartel Step 3

Step 4

Expand the code editor window
Big Cartel Step 4

Step 5

From the editor, scroll down until you locate the closing </head> tag (note the preceding forward slash) and then paste your AgeVerify code from the code generator, immediately before the tag as shown in the image below.
Big Cartel Step 5

Step 6

Save and close the editor. Clear your browser cache and relaunch your website to see the update.

Bigcommerce Installation

Step 1

From your Bigcommerce admin dashboard, click the ‘Advanced Settings’ menu item.
Bigcommerce Step 1

Step 2

From the ‘Advanced Settings’ menu, click the ‘Web Analytics’ menu item.
Bigcommerce Step 2

Step 3

From the ‘Web Analytics’ screen, make sure ‘Google Analytics’ is enabled by checking the corresponding checkbox.. Be sure to click ‘Save’ at the bottom right hand corner of the screen if you needed to enable the checkbox.
Bigcommerce Step 3

Step 4

From the ‘Web Analytics’ screen, click on the ‘Google Analytics’ tab.
Bigcommerce Step 4

Step 5

From the ‘Google Analytics’ screen, copy and paste the AgeVerify red code from the Code Generator above in to the ‘Tracking Code’ box. (note, if the Tracking Code box already contains existing code or script such as a Google Analytics tracking code, simply add the AgeVerify code at the very end on a new line after the existing code.
Bigcommerce Step 5

Step 6

Click the ‘Save’ button located in the bottom right hand corner of the screen.
Bigcommerce Step 6

Cratejoy Installation

Step 1

From the Cratejoy Administrator Dashboard, click on the ‘Design’ menu option on the left hand side.
Cratejoy Step 1

Step 2

From the initial ‘Design’ page, click on the ‘Code’ button option located near the middle of the screen.
Cratejoy Step 2

Step 3

From the secondary ‘Design’ page with the file structure menu, click on the ‘base.html’ file.
Cratejoy Step 3

Step 4

From the HTML editor, scroll to the very bottom of the page and then paste the line of red code from the Code Generator above just BEFORE the ‘</body>’ element.
Cratejoy Step 4

Step 5

Scroll back to the top of the editor and click the ‘Save’ button located on the right hand side.
Cratejoy Step 5

GoDaddy Website Builder Installation

Step 1

Log in to your Account Manager.

Step 2

Click ‘Website Builder’ and click ‘Manage’ next to the site you want to use.

Step 3

Click ‘Edit Site’, then click the three-bar icon (Manage Settins) and select ‘Site Settings’.

Step 4

Select the ‘Site-wide Code’ tab, and then paste the line of red code from the Code Generator above into the top text entry field.
GoDaddy Step 4

Step 5

Click ‘OK’, and then click ‘Publish’

Magento Installation

Step 1

Once logged in to your Magento admin panel, from the top-level navigation, go to ‘System’ and click on ‘Configuration’
Magento Step 1

Step 2

Select the appropriate Configuration Scope on the left hand panel that corresponds with the storefront you are adding Age-Verify to.
Magento Step 2

Step 3

Click the ‘Design’ button from the left hand panel
Magento Step 3

Step 4

From the ‘Design’ section, scroll down to the ‘HTML Head’ section and expand the panel.

Step 5

Paste the line of red code from the Code Generator above.

Magento Step 5

Step 6

Click the ‘Save Config’ button in the upper Right hand corner.
Magento Step 6

OpenCart Installation

Step 1

From your Opencart dashboard, click on the ‘System’ menu button located on the left hand side.
OpenCart Step 1

Step 2

From the expanded ‘System’ menu panel in the dashboard, click the ‘Settings’ button.
OpenCart Step 2

Step 3

From the Stores panel, click the ‘Edit’ button located on the right hand side of your existing template.
OpenCart Step 3

Step 4

From the Settings panel, click the ‘Server’ tab.
OpenCart Step 4

Step 5

From the Server tab, scroll all the way down until you locate the ‘Google Analytics Code’ text field. Paste the line of red code from the Code Generator above in to this field.
**PLEASE NOTE, This will not impact your Google Analytics scripts. You can use this field for BOTH your Google Analytics scripts, and your AgeVerify script.

OpenCart Step 5

Step 6

Scroll back to the top and click the ‘Save’ button located at the top right hand side.
OpenCart Step 6

PrestaShop Installation

Step 1

*** ATTENTION PRESTASHOP USERS *** Use the alternate script below in place of the script generated above.

Note, PrestaShop age validation can only be set to ages 18, 19, 20 and 21. The age in the script below has been set to 18.

<script src="https://av.ageverify.co/js/female..js" type="text/javascript" ></script>

Step 2

From your PrestaShop admin dashboard, click on the ‘Modules and Services’ menu.
PrestaShop Step 2

Step 3

From the 'List of modules' page, scroll down to the 'MODULES LIST' panel and search 'CMS' in the search box.
PrestaShop Step 3

Step 4

On the right side of the screen, click the 'Configure' button for the corresponding CMS block module.
PrestaShop Step 4

Step 5

From the 'Configure' page, scroll down to the 'CONFIGURATION OF THE VARIOUS LINKS IN THE FOOTER' panel. Make sure 'Display various links and information in the footer' is checked, and then copy and paste the AgeVerify script in to the Footer Information input section.
PrestaShop Step 5

Step 6

Be sure to scroll to the bottom of the page and click the 'Save' button on the right hand side.
PrestaShop Step 6

Step 7

Fully close and re-open your browser to see AgeVerify on your website.

Shopify Installation

Step 1

From the Shopify admin menu, select the ‘Themes’ button from the left hand side menu.
Shopify Step 1

Step 2

From the ‘Themes’ page, select the ‘Customize Theme’ button at the top right hand side of the page.
Shopify Step 2

Step 3

From the editor, select the ‘Edit HTML / CSS’ button at the top left of the screen.
Shopify Step 3

Step 4

From the ‘Layouts’ menu, select your current theme file. Default theme is ‘theme.liquid’.
Shopify Step 4

Step 5

From the editor, scroll down until you find the line with the closing </head> tag (typically around line 56). And then copy and paste the line of red code from the Code Generator above just before the closing </head> tag.
Shopify Step 5

Step 6

At the top right of the screen click the ‘Save’ button.
Shopify Step 6

Step 7

Fully close and re-open your browser to see the Age-Verification on your website.

Spark Pay Installation

Step 1

From your Spark Pay dashboard, click on the ‘Themes’ menu item located on the left hand side.
Spark Pay Step 1

Step 2

Click the ‘Edit’ button located directly below the preview image of your active theme.
Spark Pay Step 2

Step 3

From the ‘Global Theme Settings’ page, click on the ‘Head Tags’ sub menu item
Spark Pay Step 3

Step 4

From the ‘Head Tags’ editor, scroll all the way down to the bottom, add a couple of new lines and paste in the line of red code from the Code Generator above.
Spark pay Step 4

Step 5

Click the ‘Save’ button located in the upper right hand corner.
Spark pay Step 5

Squarespace Installation

Step 1

Log in to your Squarespace Admin Panel and click on the 'Settings' icon
Squarespace Step 1

Step 2

From the Settings Panel, click the 'Code Injection' link on the second left hand side panel
Squarespace Step 2

Step 3

Paste the line of red code from the Code Generator above in to the ‘Header’ section of the Code Injection panel.
Squarespace Step 3

Step 4

Click the ‘Save’ button on the upper right hand corner of the ‘Code Injection’ panel
Squarespace Step 4

Step 5

Close and reload your website. Note, your website will need to be live in order to see the changes.

Strikingly Installation

Step 1

From the Strikingly website editor, click on the ‘Settings’ button on the left hand side.
Strikingly Step 1

Step 2

From the ‘Settings’ panel, click on the ‘Show Advanced’ button to expand the option selections.
Strikingly Step 2

Step 3

With the options expanded, click on the ‘Custom Code’ button.
Strikingly Step 3

Step 4

From the Custom Code panel, click the ‘Footer Code’ tab and paste in the AgeVerify code from the generator above. When done, be sure to click on the ‘Update’ button at the bottom of the Custom Code panel.
Strikingly Step 4

Step 5

Close your browser and relaunch to view your website with the new AgeVerify code.

Volusion Installation

Step 1

Log in as Admin to your Volusion website and navigate to the Dashboard (note, this is the default starting point for most logins).

Step 2

Navigate to the templates page, by selecting the category ‘Design' and then 'Template’ from the top menu bar as shown below.
Volusion Step 2

Step 3

From the templates page, click the ‘Edit HTML’ link for your active template (note, new window will open)
Volusion Step 3

Step 4

From the Editor, paste the line of red code from the Code Generator above for your template immediately after the first <head> tag as shown in the image below.
Volusion Step 4

Step 5

Click the ‘Save’ button in the upper right hand corner above the editor.
Volusion Step 5

Step 6

Allow 5 minutes for the change to fully replicate with the Volusion servers. After 5 minutes, completely close all browser windows, reopen, and navigate to your Volusion storefront (not your admin panel) to validate your new Age-Verify prompt.

Webflow Installation

Step 1

Copy and paste the script from the code generator above in to the 'Head Code' section of your Webflow editor. Here is a video from Webflow that walks you through the simple process.

Step 2

Once complete, be sure to save your changes. Fully close your browser and launch in a new browser to see AgeVerify added to your website.

Weebly Installation

Step 1

Log in to your Weebly Admin Panel and click on the 'Settings' button at the top of the page
Weebly Step 1

Step 2

Click on the 'SEO' button on the left hand side
Weebly Step 2

Step 3

From the SEO page, paste the line of red code from the Code Generator above in to the ‘Header Code’ section.
Weebly Step 3

Step 4

Click the ‘Save’ button at the bottom right of the page.
Weebly Step 4

Step 5

Click the ‘Publish’ button at the top right of the page.
Weebly Step 5

Step 6

Close and reload your website. Note, your website will need to be live in order to see the changes.

Wix Installation

Unfortunately, Wix is not compatible with AgeVerify at this time. Check back soon as we are hard at work building a Wix compatible plugin.

WordPress Installation

Step 1

From your WordPress Admin dashboard, navigate on the left hand side menu to ‘Plugins’ > ‘Add New’

Step 2

From the plugin page, click in the ‘Search’ field in the upper right hand corner and type: ‘AgeVerify’ and hit Enter or Return

Step 3

Click the ‘Install Now’ button on the AgeVerify plugin.

Step 4

Once the AgeVerify plugin has unpacked and installed, Click the ‘Activate Plugin’ button.

Step 5

Click the newly added menu item in your left hand menu titled ‘AgeVerify’

Step 6

From the plugin configuration page, set ‘Enable’ to ‘On’ and set your configuration as desired. Then click the ‘Save Changes’ button at the bottom of the page.

Step 7

Reload your website and your new AgeVerify prompt will appear.

Zoey Installation

Step 1

From the Zoey administrator panel, click on the ‘Edit My Design’ menu option in the upper left hand corner.
Zoey Step 1

Step 2

From the ‘Edit My Design’ page, click on the ‘Edit My Design’ button located in the upper right hand corner of the screen.
Zoey Step 2

Step 3

From the Design Editor, click on the gear icon dropdown located in the upper right hand corner and then select the ‘CSS/Javascript/HTML Editor’ sub-menu item.
Zoey Step 3

Step 4

From the Code Editor, click on the ‘HTML Head’ panel button.
Zoey Step 4

Step 5

From the HTML Head editor panel, paste the line of red code generated above in to the editor.
Zoey Step 5

Step 6

Click the ‘Save’ button located at the bottom right hand corner of the HTML editor.
Zoey Step 6

Step 7

From the Design Editor, click the ‘Publish’ button located at the top right hand corner of the screen.
Zoey Step 7