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', // type text e.g. 'SUP1234', '878-3939', 'abcd-xyz'
        name: 'PRODUCT_NAME1', // e.g. 'Super blue dress'
        category: 'PRODUCT_CATEGORY1', // e.g. 'Dress'
        price: PRODUCT_PRICE1 // type number e.g. 19.45
      },
      {
        id: 'PRODUCT_ID2',
        name: 'PRODUCT_NAME2',
        category: 'PRODUCT_CATEGORY2',
        price: PRODUCT_PRICE2
      },
    ],
  });
</script>

ViewProduct ‑ product page

<script>
  wph('track', 'ViewContent', {
    content_name: 'ViewProduct',
    currency: 'CURRENCY',
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1
      },
    ],
  });
</script>

AddToCart ‑ adding a product to the cart

<script>
  wph('track', 'AddToCart', {
    currency: 'CURRENCY',
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
        quantity: PRODUCT_QUANTITY1
      },
    ],
  });
</script>

Purchase ‑ order confirmation page (post‑transaction)

<script>
  wph('track', 'Purchase', {
    transaction_id: 'TRANSACTION_ID', // type text e.g. 'SUP1234', '878-3939', 'abcd-xyz'
    value: NET_VALUE_EXCLUDING_SHIPPING_COST, // type number e.g. 19.99
    value_gross: GROSS_VALUE_EXCLUDING_SHIPPING_COST, // type number e.g. 23.59
    shipping_cost: SHIPPING_COST, // type number e.g. 9.99
    currency: 'CURRENCY',
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1,
        quantity: PRODUCT_QUANTITY1
      },
      {
        id: 'PRODUCT_ID2',
        name: 'PRODUCT_NAME2',
        category: 'PRODUCT_CATEGORY2',
        price: PRODUCT_PRICE2,
        quantity: PRODUCT_QUANTITY2
      },
    ],
  });
</script>

AddToWishList ‑ adding product to wishlist ‑ helper event

<script>
  wph('track', 'ViewContent', {
    content_name: 'AddToWishList',
    currency: 'CURRENCY',
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1
      },
    ],
  });
</script>

RemoveFromWishList ‑ removing product from wishlist ‑ helper event

<script>
  wph('track', 'ViewContent', {
    content_name: 'RemoveFromWishList',
    currency: 'CURRENCY',
    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 wishlist ‑ conversion event

<script>
  wph('track', 'Conversion', {
    content_name: 'WishList',
    currency: 'CURRENCY',
    contents: [
      {
        id: 'PRODUCT_ID1',
        name: 'PRODUCT_NAME1',
        category: 'PRODUCT_CATEGORY1',
        price: PRODUCT_PRICE1
      },
    ],
  });
</script>