How to Install SiteVibes Scripts

Installation

This installation process for SiteVibes is quick and easy. 

1. Copy Your SiteVibes Pixel Script

1. Login to your SiteVibes account
2. Click the "Install SiteVibes" link in your navigation
   
3. Copy your unique SiteVibes Script.
   

2. Paste your SiteVibes Script to your Website or Theme Global Header </head>

1. Navigate to your website files or wherever your global header is stored (You can also do this through a Tag Manager)
2. Paste the SiteVibes Script just before the closing head tag </head>
3. Update/Save file
   
   

3. Add Product Data Script and Order Tracking Script

1. Navigate back to "Install SiteVibes" and select "Install Product Script
2. Add product collection script.  We have provided a template in the dashboard, which is:
   
   

   <!-- SITEVIBES PRODUCT start -->
   <script type="text/javascript">
   var SiteVibesProduct = {
       product_id: "10001",
       product_sku: "10001", // optional
       product_variant_id: "10002", // optional
       name: "Product name",
       description: "Product description",
       url: "https://domain.com/product/10001",
       image_url: "https://domain.com/image/product1.jpg",
       category_name: "Category name",
       brand_name: "Brand name",
       quantity: 10,
       quantity_in_store: 10, // optional
       price: 89.99,
       price_range: [79.99, 99.99] // optional - if price should be displayed as price range ($89.99 - $99.99)
       price_sale: 79.99, // optional - if product is on sale
       price_sale_range: [79.59, 89.99], // optional - if on sale price should be displayed as price range ($79.99 - $89.99)
       groups: ["New", "Promotion"], // optional - list of product groups
       variants: [ // optional - list of product variants (variant id is required, name and sku are optional)
           {id: "10002", name: "Red variant", sku: "10001-S"},
           {id: "10003", name: "Blue variant", sku: "10001-L"},
           {id: "10004", name: "Green variant"}
       ]
   };
   </script>

   JavaScript

   
   

3. Add order collection script. We have provided a template in the dashboard, which is:
   

   <!-- SITEVIBES CHECKOUT start -->
   <script type="text/javascript">
       var SiteVibesOrderData = {
           email: "john.smith@example.com",
           firstName: "John",
           lastName: "Smith",
           orderId: "123456",
           paymentMethods: "credit_card,gift_card", // optional - list of payment methods. Standard methods ("credit_card", "gift_card", "store_credit", "paypal", "apple_pay", "google_pay")
           orderItems: [
               {
                   product_id: "10001",
                   quantity: 2,
                   unit_price: 79.99
               }, {
                   product_id: "10002",
                   quantity: 3,
                   unit_price: 39.99
               }
           ],
           coupons: ["sv-test-coupon-used"]
       };
   </script>
   <!-- SITEVIBES CHECKOUT end -->

   JavaScript

   
   

4. Confirm with SiteVibes that data is being sent correctly.

If you have any issues, please submit a support ticket for our team to help you.