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>


  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",
            orderItems: [
                {
                    product_id: "10001",
                    product_variant_id: "50001", // optional
                    quantity: 2,
                    unit_price: 79.99
                }, {
                    product_id: "10002",
                    product_variant_id: "50002", // optional
                    quantity: 3,
                    unit_price: 39.99
                }
            ],
            coupons: ["sv-test-coupon-used"]
        };
    </script>
    <!-- SITEVIBES CHECKOUT end -->


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.