Appcues

Step-by-step guide to send your event data from RudderStack to Appcues

Appcues is a popular product marketing platform that makes it easy for you to deliver scalable user experiences and accelerate your business growth. With Appcues' cutting-edge growth platform, you can effectively monitor your customers' product behavior, and design personalized customer experiences and in no time.

RudderStack supports sending your event data to Appcues from our native web SDKs, to help you understand your customers better.

Getting Started

Before configuring your source and destination on the RudderStack, please check whether the platform you are sending the events from is supported by Appcues. Please refer the following table to do so:

Connection Mode

Web

Mobile

Server

Device mode

Supported

-

-

Cloud mode

-

-

-

To know more about the difference between Cloud mode and Device mode in RudderStack, read the RudderStack connection modes guide.

Once you have confirmed that the platform supports sending events to Appcues, perform the steps below:

Please follow our guide on How to Add a Source and Destination in RudderStack to add a source and destination in RudderStack.

  • Name your destination, and click on Next. You should be able to see the following screen:

Connection settings for Appcues destination
  • Enter the relevant details and click on Next to complete the setup. To get the API Key & Account ID field, please login to Appcues and navigate to Settings - Account. Here, copy the values of both your API key and the Account ID.

You need to make an identify call before making any call to Appcues.

Identify

The identify call is used to uniquely identify a user in Appcues. For more information on the identify call, please refer to the RudderStack API Specification documentation.

A sample identify call looks like the following snippet:

rudderanalytics.identify("userId", {
name: "John Doe",
title: "CEO",
email: "name.surname@domain.com",
company: "Company123",
phone: "123-456-7890",
state: "Texas",
rating: "Hot",
city: "Austin",
postalCode: "12345",
country: "US",
street: "Sample Address",
state: "TX",
});

The above call is directly passed on to Appcues via its Appcues.identify(userId,[properties]) call.

Track

A track call lets you track custom events as they occur in your web application. For more information on the track call, please refer to the RudderStack API Specification documentation.

A sample track call looks like the following:

rudderanalytics.track("Clicked button", {
color: "red",
buttonText: "Get started",
});

The above call is directly passed on to Appcues via its Appcues.track(eventName, [eventProperties]) call.

Page

A page call contains information such as the URL or the name of the web page visited by the user. For more information on the page call, please refer to the RudderStack API Specification documentation.

A sample page call looks like the following:

rudderanalytics.page("homepage");

The above call is directly passed on to Appcues via its Appcues.page() call.

Any additional properties passed to the page call are also passed on to Appcues.

Appcues will check to see if a user qualifies for an experience every time the page changes. When you first make the page call using rudderanalytics, Appcues checks if there are any current flows for the user and loads them if necessary.

FAQs

How do I get the Appcues API Key?

You can find the Appcues API key on the Appcues Settings Page.

How do I get the Appcues Account Id?

You can find the Appcues Account Id on the Appcues Settings Page.

Contact Us

If you come across any issues while configuring Appcues with RudderStack, please feel free to contact us. You can also start a conversation on our Slack channel; we will be happy to talk to you!