Event codes for e‑commerce

Before implementing the event codes, the pixel embed script should be added on every page of the website. Instruction

The expected data types for the parameters are outlined on the page:
Available events and required parameters

View ‑ all pages

<script>
  wph('track', 'ViewContent', { content_name: 'View' });
</script>

ProductList ‑ product listing page

<script>
  wph('track', 'ViewContent', {
    content_name: 'ProductList',
    currency: 'CURRENCY', // e.g. 'PLN', 'EUR'
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
        weight: PRODUCT_WEIGHT1, // optional parameter
      },
      {
        id: 'PRODUCT_ID2',
        name: 'PRODUCT_NAME2',
        category: 'PRODUCT_CATEGORY2',
        price: PRODUCT_PRICE2,
        weight: PRODUCT_WEIGHT2, // optional parameter
      },
    ],
  });
</script>

ViewProduct ‑ product page

<script>
  wph('track', 'ViewContent', {
    content_name: 'ViewProduct',
    currency: 'CURRENCY', // e.g. 'PLN', 'EUR'
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
        weight: PRODUCT_WEIGHT1, // optional parameter
      },
    ],
  });
</script>

AddToCart ‑ adding a product to the cart

<script>
  wph('track', 'AddToCart', {
    currency: 'CURRENCY', // e.g. 'PLN', 'EUR'
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
        quantity: PRODUCT_QUANTITY1,
        weight: PRODUCT_WEIGHT1, // optional parameter
      },
    ],
  });
</script>

Purchase ‑ order confirmation page (post‑transaction)

<script>
  wph('track', 'Purchase', {
    transaction_id: 'TRANSACTION_ID',
    value: NET_VALUE_EXCLUDING_SHIPPING_COST,
    value_gross: GROSS_VALUE_EXCLUDING_SHIPPING_COST,
    shipping_cost: SHIPPING_COST,
    currency: 'CURRENCY', // e.g. 'PLN', 'EUR'
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
        quantity: PRODUCT_QUANTITY1,
        weight: PRODUCT_WEIGHT1, // optional parameter
      },
      {
        id: 'PRODUCT_ID2',
        name: 'PRODUCT_NAME2',
        category: 'PRODUCT_CATEGORY2',
        price: PRODUCT_PRICE2,
        quantity: PRODUCT_QUANTITY2,
        weight: PRODUCT_WEIGHT2, // optional parameter
      },
    ],
  });
</script>

AddToWishList ‑ adding product to wish list - helper event

<script>
  wph('track', 'ViewContent', {
    content_name: 'AddToWishList',
    currency: 'CURRENCY', // e.g. 'PLN', 'EUR'
    // contents - optional if data exists
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
      },
    ],
  });
</script>

RemoveFromWishList ‑ removing product from wish list - helper event

<script>
  wph('track', 'ViewContent', {
    content_name: 'RemoveFromWishList',
    currency: 'CURRENCY', // e.g. 'PLN', 'EUR'
    // contents - optional if data exists
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
      },
    ],
  });
</script>

WishList ‑ adding product to the cart which was previously added to wish list - conversion event

<script>
  wph('track', 'Conversion', {
    content_name: 'WishList',
    currency: 'CURRENCY', // e.g. 'PLN', 'EUR'
    // contents - optional if data exists
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
      },
    ],
  });
</script>