Documentation
Documentation (JA)
Documentation (JA)
  • Documentation
  • Products
    • Fanplayr Targeting Portal
    • Fanplayr 360
    • PrivacyID
    • SiteSpeed
  • Features
    • Merchandising
    • Security
    • SMS
    • Web Push Notifications
      • Direct Integration Guide
      • Popup Integration Guide
      • Imaging Sizing Guide
    • Data Residency
  • Fanplayr Targeting
    • E-Commerce Integrations
      • BigCommerce
      • CommerceV3
      • Magento 1
        • Getting Started
        • Configuration
      • Magento 2
      • Miva Merchant
      • PrestaShop
      • Salesforce Commerce Cloud
      • Shopify
      • Volusion
      • VTEX
      • VTEX IO
    • Custom Integration
      • Page tracking
        • Apply to cart
        • Session offers
      • Order tracking
      • Data types
        • CartAction
        • Product
      • Data Layer API
      • Enhanced user identification
        • Manual Integration
      • Segmentation as a service
      • Lazy loading
      • Page caching
      • Tag managers
      • Single page apps
      • Custom data for verticals
        • Travel
    • Pixel Integration
    • ESP Integrations
    • Link Decoration
    • User Management
      • User Identity
      • User Properties
  • Other
    • CSP & Domains
Powered by GitBook
On this page
  • Installation
  • Configuration

Was this helpful?

  1. Fanplayr Targeting
  2. E-Commerce Integrations

VTEX IO

PreviousVTEXNextCustom Integration

Was this helpful?

Installation

Integrating Fanplayr with your VTEX IO store is a seamless process. Simply execute the following command while connected to your VTEX IO store:

vtex install fanplayr.fanplayr-pixel@1.4.2

Configuration

Admin Section Setup

  1. Navigate to the Admin section.

  2. Go to User Settings.

  3. Click on Apps.

  4. Select My Apps.

  5. Find Fanplayr.

  6. Click on Settings

Account Key and Custom Loader Setup

In the Fanplayr Settings, set up the account key and custom loader provided by Fanplayr.

Service Worker To enable the service worker to utilize Web Push Notifications, navigate to the app configuration page and toggle the corresponding setting. Additionally, ensure to deactivate the native service worker as per the instructions provided in this guide:

Legacy VTEX checkout

If your checkout pages are under the legacy VTEX system, please refer to the VTEX integration documentation at this link:

https://developers.vtex.com/docs/guides/vtex-io-documentation-deactivating-the-vtex-io-native-service-worker
https://docs.fanplayr.com/general/integrations/e-commerce-integrations/vtex
Fanplayr App
User settings -> Apps -> My Apps -> Fanplayr -> Settings