Add our universal code to your web site to use GRAB AR with all Images on a page!

Step 1: Must use a minumum version of jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

[Copy Code]

Step 2: Include these 2 lines of code in your html header

<script src="https://grabarviewer.com/code/GrabAR.js"></script> <link rel="stylesheet" href="https://grabarviewer.com/code/GrabAR.css">

[Copy Code]

Step 3: Include this button code where you want the Grab AR button

<div id="GrabAR_Btn" data-img_width="150"></div>

[Copy Code]

Additional Button Options:

data-img_width: ## (defaults to 150, requires at least 50px) – button image width.
data-product_url: url (url to link in app) – Where to link users back from app.
data-background_img:(yes,no) (defaults to no) – Look for image background values for images on site.
data-fixed: (top_right/top_left) (defaults to no fixed) – Where to place button on scroll;
data-top: ## (default 10px) - padding on top for scroll.
data-inc_background: (yes / no) (defaults to no) – include background in images
data-button_color: (green/white) (defaults to green) – button color option.

Sample with all options:

<div id="GrabAR_Btn" data-img_width="200" data-porduct_url="https://amazon.com" data-background_img="yes" data-fixed="top_right" data-top="20" data-button_color="white" data-inc_background="yes"></div>

[Copy Code]