How to Install SiteVibes Scripts
Installation Guide for SiteVibes
Setting up SiteVibes on your website is straightforward and can be completed in a few simple steps. Follow this guide to ensure a successful installation.
Step 1: Obtain Your SiteVibes Pixel Script
To integrate SiteVibes with your site, you first need to get your unique tracking script:
-
Log in to your SiteVibes account.
-
Navigate to the "Install SiteVibes" section accessible from your dashboard.
-
Copy the unique SiteVibes Script provided. You'll find this under the instructions or directly visible on your dashboard.
Step 2: Insert the SiteVibes Script into Your Website
Next, embed the SiteVibes Script into your website's global header for it to load on all pages:
- Access the global header file of your website. This can usually be done through your website's file management system or a platform-specific method (e.g., through a content management system or tag manager).
- Paste the copied SiteVibes Script immediately before the closing
</head>
tag. - Save your changes to update the file.
Step 3: Implement Product and Order Tracking Scripts
SiteVibes requires additional scripts for tracking product data and order information:
Adding the Product Data Script
- Return to the "Install SiteVibes" section in your dashboard.
- Select "Install Product Script" to access the template for product data tracking.
- Insert the product collection script into the relevant pages of your website, customizing the template with your product details:
<!-- 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>
Adding the Order Tracking Script
For tracking orders, include the following template, customized with order details, on your checkout or order confirmation page:
<!-- SITEVIBES CHECKOUT start -->
<script type="text/javascript">
var SiteVibesOrderData = {
email: "[email protected]",
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 -->
Step 4: Verify Installation
After completing the installation, it's important to ensure that data is being transmitted correctly to SiteVibes:
- Test your website by navigating through pages, viewing products, and placing an order (if possible).
- Contact SiteVibes support to confirm that they're receiving your site's data accurately.
By following these steps, you should have SiteVibes successfully integrated into your website. If you encounter any issues, SiteVibes support is available to assist you.
Updated 8 months ago