Installation Overview

While Appcues is a "code-free" tool, it does require a quick technical implementation to get started. Here's a brief video to show you how: 

Wistia video thumbnail - Appcues Install Video

Thanks for reporting a problem. We'll attach technical data about this session to help us figure out the issue. Which of these best describes the problem?

Any other details or context?

#wistia_grid_18_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;} #wistia_grid_18_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #wistia_grid_18_above{position:relative;} #wistia_grid_18_main{display:block;height:100%;position:relative;} #wistia_grid_18_behind{height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_18_center{height:100%;overflow:hidden;position:relative;width:100%;} #wistia_grid_18_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_18_top_inside{position:absolute;left:0;top:0;width:100%;} #wistia_grid_18_top{width:100%;position:absolute;bottom:0;left:0;} #wistia_grid_18_bottom_inside{position:absolute;left:0;bottom:0;width:100%;} #wistia_grid_18_bottom{width:100%;position:absolute;top:0;left:0;} #wistia_grid_18_left_inside{height:100%;position:absolute;left:0;top:0;} #wistia_grid_18_left{height:100%;position:absolute;right:0;top:0;} #wistia_grid_18_right_inside{height:100%;right:0;position:absolute;top:0;} #wistia_grid_18_right{height:100%;left:0;position:absolute;top:0;} #wistia_grid_18_below{position:relative;}

Basic Installation Instructions

You will find your custom install instructions by going to the Installation tab on the dropdown menu within your  Appcues account

These instructions will have your Appcues account ID in the code, so please don't copy and paste the generic examples found below. We highly recommend that non-technical folks work with their engineering counterparts to get Appcues installed. For an engineer with knowledge of how their product tracks user properties, implementation can be as quick as 10 minutes.

Most implementations are as simple as two steps:

1. Place the following code snippet just after the opening  <body> tag.

<script src="//"></script>

2.  Identify your user with a unique ID and any additional attributes. Any properties set here will automatically be available for targeting.

   Appcues.identify('123abc', { 
	email: '', 
	name: 'Jonathan Kim',
        created_at: 578725200000,
	// Additional user properties

Note: Your identify call should include your actual user properties in the syntax you use. Make sure to replace the placeholder values above.

Additional Step for Single Page Applications (SPAs): 

If your application doesn't reload the browser when users navigate, you'll want to call Appcues.start() in your application's router. Basically, whenever the URL changes, you'll want to call Appcues.start().

To debug your Appcues.start call for single page apps, publish something using "Just Me" targeting and see if the flow shows automatically. If you need to refresh the page in order for Appcues to appear, that indicates it's in the wrong place. Let us know and we can take a look for you.

Still need help? Contact Us Contact Us