Installation
This installation process for SiteVibes is quick and easy. It should take no more than 5-10 minutes if done correctly.
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_variant_id: "red", // 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, price: 100, price_sale: 79.99, // optional groups: ["New", "Promotion"], // optional variants: [ // optional {id: "red", name: "Red variant"}, {id: "blue", name: "Blue variant"}, {id: "green", name: "Green variant"} ] }; </script> <!-- SITEVIBES PRODUCT end -->
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", quantity: 2, unit_price: 79.99 }, { product_id: "10002", quantity: 3, unit_price: 39.99 } ] }; </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.