Customer.io Web Device Mode: SDK Version 2

Use Customer.io’s Data Pipelines JavaScript client in web device mode and deliver in-app messages to unidentified visitors.
Available Plans
  • free
  • growth
  • enterprise

Customer.io web device mode now supports the Customer.io Data Pipelines JavaScript client through the Web SDK Version setting. Select v2 to send browser events through a Data Pipelines source and optionally deliver in-app messages to unidentified visitors.

Existing destinations continue to use v1, and new destinations currently default to v1. You choose when to migrate each web device mode connection.

Why this exists

The previous integration loaded only Customer.io’s legacy Journeys snippet. Anonymous in-app messages require the newer Data Pipelines JavaScript client, which uses a Data Pipelines write key and a different event-delivery path. The version selector lets you adopt that client without changing existing connections automatically.

Key features

  • Per-source SDK selection: Choose v1 or v2 for each web source connected in device mode.
  • Data Pipelines delivery: v2 loads the Customer.io Data Pipelines JavaScript client and authenticates it with the Data Pipelines source’s write key.
  • Consistent anonymous identity: The v2 integration applies the RudderStack anonymous ID to the Customer.io client before sending events.
  • Anonymous in-app messages: Load the Customer.io In-App Plugin for unidentified visitors when your Customer.io workspace and plan support the feature.
  • Safe opt-in: Existing destinations remain on v1, so no connection changes until you select v2.

Get started

  1. Open your Customer.io destination in the RudderStack dashboard.
  2. Connect a JavaScript source and select Device mode.
  3. Set Web SDK Version to v2.
  4. In the connection settings, enter the Data Pipelines Write Key for your Customer.io Data Pipelines JavaScript source.
  5. Save the destination settings.

See the Customer.io Setup Guide for credential requirements, content security policy domains, and in-app message prerequisites.

How to migrate

Before switching an existing connection, create a Data Pipelines JavaScript source in Customer.io and connect it to your Journeys workspace. Then add its write key and select v2 in RudderStack. If you skip the Journeys connection, web events enter Data Pipelines but don’t reach Journeys.

Follow Migrate to v2 for the complete migration procedure. Keep the Site ID and API key when the destination also serves cloud mode or mobile device mode sources. Cloud and mobile delivery are unchanged by the web setting.

Impact on existing connections

ConnectionBehavior
Existing web device mode destinationsStay on v1 until you explicitly select v2
New web device mode destinationsCurrently default to v1; select v2 to use Data Pipelines
Cloud mode and mobile device mode connectionsRemain unchanged by the Web SDK Version setting

Resources

Questions? Let's figure it out together.

Join the RudderStack Slack community to connect with other users, customers, and the RudderStack team — or reach out for direct support.