Installation
This installation process for SiteVibes is quick and easy.
1. Copy Your SiteVibes Pixel Script
- Login to your SiteVibes account
- Click the "Install SiteVibes" link in your navigation
- Copy your unique SiteVibes Script.
2. Paste your SiteVibes Script to your Website or Theme Global Header </head>
- Navigate to your website files or wherever your global header is stored (You can also do this through a Tag Manager)
- Paste the SiteVibes Script just before the closing head tag </head>
- Update/Save file
3. Add Product Data Script and Order Tracking Script
- Navigate back to "Install SiteVibes" and select "Install Product Script
- 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>
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.