Start Free trial

Articles in this section

See more →

Integrating VWO with PrestaShop Using the VWO Module

Shweta Ajwani
  • Updated
Share:
Follow
close this to read article
This article covers the following:

Overview

PrestaShop is a popular open-source e-commerce platform known for its flexibility, ease of use, and a large library of customizable themes and modules. It empowers businesses of all sizes to create and manage fully functional online stores with minimal technical effort. This module streamlines the integration of VWO with your PrestaShop store by automatically installing the VWO SmartCode and enabling the tracking of key e-commerce events such as product views, cart additions, and purchases without requiring any manual code implementation.

Use Cases

  • A/B Test Product Pages: Run experiments on product detail pages and use the automatically tracked Prestashop Product Viewed event to measure engagement or as a baseline.
  • Optimize Add-to-Cart Funnel: Test changes to category pages or product listings and track Prestashop Product Added To Cart events as a primary goal.
  • Improve Checkout Conversion: Run tests on cart or checkout pages and use the Prestashop Purchase event to measure final conversions and revenue impact.
  • Analyze Cart Behavior: Understand user behavior by tracking Prestashop Cart Viewed and Prestashop Product Removed From Cart events.
  • Personalize User Experience: Use tracked events to create segments for personalized campaigns targeting users based on their shopping behavior.

Prerequisites

  • An active VWO Data360 account.
  • Your VWO Account ID.
  • An active PrestaShop store and administrative access to your PrestaShop account to install and configure modules.

Configuration and Setup

Install the Module

  1. Click here to download the VWO PrestaShop module.
  2. Log in to your Prestashop account. In the admin panel, go to Improve > Modules > Module Manager.
  3. Click Upload a module, then drag and drop the downloaded .zip file or browse to select it. Once uploaded, click Configure.

Configure VWO Settings

  1. In the PrestaShop admin panel, navigate to Improve > Modules > Module Manager.
  2. Search for VWO and find the installed VWO module.
  3. Click Configure next to the VWO module.
    module-manager-new.png
  4. On the VWO Configuration page, locate the VWO Settings section.
  5. Ensure the Enable VWO Integration toggle is switched to Yes.
  6. Enter your VWO Account ID in the corresponding field.
  7. Choose the SmartCode Loading Type. VWO recommends Asynchronous for faster page loads.
  8. (Optional) Adjust the Settings Tolerance (ms) if needed. The default is 2000 ms. This is the maximum time VWO waits for settings to apply.
  9. Once you have configured VWO SmartCode settings, click Save at the bottom right.
    configure.png

Configure Ecommerce Settings

  1. On the same VWO Configuration page, scroll down to the Ecommerce Settings section.
  2. Ensure the Enable E-commerce Tracking toggle is switched to Yes. This master switch controls all automatic e-commerce event tracking.
  3. Under Event Tracking Options, check the boxes for the specific e-commerce events you want VWO to track automatically:
    • Product View: Tracks when a visitor views a product page.
    • Add to Cart: Tracks when a product is added to the shopping cart.
    • Remove from Cart: Tracks when a product is removed from the cart.
    • Cart View: Tracks when a user views their shopping cart.
    • Purchase: Tracks when a purchase is completed.
  4. Once you have configured Ecommerce Settings, click Save at the bottom right.
    ecommerce-settings.png

Verify Event Tracking in VWO

After configuring and saving the settings in PrestaShop, VWO will start tracking the selected events as users interact with your store.

  1. Log in to your VWO account.
  2. From the main menu panel on the left, go to Data360 > Events.
  3. PrestaShop events may initially appear under Unregistered Events.
  4. Perform the action on your PrestaShop store (for example, view product, add to cart, purchase).
  5. Return to the Events section in Data360 > Events to check if the events are now visible.
  6. Select a particular event (for example, prestashop.productAddedToCart).
  7. Click Register Event.
    register-event.png
  8. In the Register Event form, review the Event Name and modify it if required to make it user-friendly.
  9. Keep the API Name as is unless you have a specific reason for changing it.
  10. Add a Description to specify what the event does.
  11. Click Create.
    create-event.png This completes your registration. After you register an event, it appears under the My Events section.
  12. Repeat the steps for other events.
  13. Once you have registered all the events, you can create metrics based on these PrestaShop events to track conversions for your campaigns effectively.
Attention: Do not copy and paste the API codes of registered events onto your website. Doing so will duplicate event entries in VWO and skew your reports.

PrestaShop Events Imported into VWO

The following are PrestaShop events that are imported into VWO, along with their properties:

Product Viewed

VWO Event API Name: prestashop.productViewed

Property API Name Description
currency The currency in which the product is priced (e.g., EUR, USD).
price The price of the product at the time of viewing.
productCategory The category or collection the product belongs to (e.g., men, women).
productId The unique identifier for the product.
productSku The stock-keeping unit used for inventory tracking of the product.
productTitle The name/title of the product viewed.
productUrl The complete URL of the product page being viewed.
variantId The unique identifier for the specific product variant (e.g., size, color).

Add to Cart

VWO Event API Name: prestashop.productAddedToCart

Property API Name Description
currency The currency in which the product is priced (e.g., EUR, USD).
price The price of the product at the time of viewing.
productCategory The category or collection the product belongs to (e.g., men, women).
productId The unique identifier for the product.
productSku The stock-keeping unit used for inventory tracking of the product.
productTitle The name/title of the product viewed.
productUrl The complete URL of the product page being viewed.
quantity The number of units of the product added to the cart.
variantId The unique identifier for the specific product variant (e.g., size, color).

Removed from cart

VWO Event API Name: prestashop.productRemovedFromCart

Property API Name Description
currency The currency in which the product was priced (e.g., EUR, USD).
productId The unique identifier for the product.
productSku The stock-keeping unit used for inventory tracking of the product.
productTitle The name/title of the product removed from the cart.
variantId The unique identifier for the specific product variant (e.g., size, color).

Cart Viewed

VWO Event API Name: prestashop.cartViewed

Property API Name Description
currency The currency in which the cart total is calculated (e.g., EUR, USD).
totalAmount The total monetary value of all items in the cart.
totalQuantity The total number of items in the cart.

Purchase

VWO Event API Name: prestashop.purchase

Property API Name Description
currencyCode The currency in which the purchase was made (e.g., EUR, USD).
discount The discount amount applied to the order.
orderId The unique identifier of the completed order.
productId The unique identifier for the purchased product in CSV.
productPrice The price of the individual product purchased in CSV.
productQuantity The number of units of the product purchased in CSV.
productSku The stock-keeping unit used for tracking the purchased product in CSV.
revenue The total revenue generated from the purchase, including taxes and shipping.
shippingPrice The cost charged for shipping.
totalPrice The total price paid by the customer, including product price, tax, and shipping.
totalTax The total tax amount applied to the order.
  • Verify Account ID: Double-check that you have entered the correct VWO account ID during configuration.
  • Use Asynchronous Code: Keep the SmartCode Loading Type set to Asynchronous (default) for optimal website performance.
  • Track Relevant Events: To avoid unnecessary data collection, enable tracking only for e-commerce events that are meaningful for your analysis and optimization goals.
  • Register Events Promptly: Register the tracked events in VWO Data360 as soon as they appear to make them available for goal setup.
  • Test Thoroughly: After the setup is complete, perform test transactions and interactions on your site to confirm all selected events are tracking correctly in VWO Data360.

Troubleshooting

Issue Solution
VWO module not found in PrestaShop Module Manager. Ensure you have uploaded/installed a version of the module that is compatible with your PrestaShop version. Check the source from which you obtained the module.
VWO SmartCode is not loading on the site after configuration. Verify the Enable VWO Integration toggle is on and the correct VWO account ID is entered and saved. Clear your PrestaShop cache and browser cache. Check the website's source code to see if the VWO snippet is present.
E-commerce events are not appearing in VWO Data360.
  1. Confirm Enable E-commerce Tracking is on in the module settings.
  2. Verify the specific event checkboxes (Product View, Add to Cart, etc.) you expect to see are checked and saved.
  3. Ensure you perform the correct actions on the live site to trigger the events.
  4. Check if the events appear under Unregistered Events in VWO Data360 and need registration.
  5. Use browser developer tools to check for JavaScript errors on pages where events should trigger.
Purchase event not tracking. The purchase event typically tracks on the Order Confirmation/Thank You page. Ensure this page is loading correctly and the VWO/PrestaShop setup is active on that specific page template. Verify the Purchase checkbox is enabled in the module settings.

FAQs

  • Where do I find my VWO Account ID?
    Log in to your VWO dashboard, navigate to Settings (gear icon) > Accounts. Your Account ID is listed there.
     
  • Does the PrestaShop module install the VWO SmartCode, or do I need to add it separately?
    The module installs the VWO SmartCode automatically when enabled and configured with your Account ID. You do not need to add it separately.
     
  • Can I track custom events not listed in the module options (for example, newsletter sign-ups)?
    The module automatically tracks the predefined e-commerce events listed in its configuration. For other custom events, see Working with Events in VWO.
     
  • Do I need VWO Data360 to use this module?
    Yes, the automatic e-commerce event tracking feature relies on VWO Data360 to receive and process the events. You need a VWO plan that includes Data360.

Need more help?

For more information or further assistance, contact VWO Support.

Was this article helpful?

Return to top