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: 

1:46
1:46
Wistia video thumbnail - Appcues Install Video
message

#wistia_grid_16190_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_16190_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #wistia_grid_16190_above{position:relative;} #wistia_grid_16190_main{display:block;height:100%;position:relative;} #wistia_grid_16190_behind{height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_16190_center{height:100%;overflow:hidden;position:relative;width:100%;} #wistia_grid_16190_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_16190_top_inside{position:absolute;left:0;top:0;width:100%;} #wistia_grid_16190_top{width:100%;position:absolute;bottom:0;left:0;} #wistia_grid_16190_bottom_inside{position:absolute;left:0;bottom:0;width:100%;} #wistia_grid_16190_bottom{width:100%;position:absolute;top:0;left:0;} #wistia_grid_16190_left_inside{height:100%;position:absolute;left:0;top:0;} #wistia_grid_16190_left{height:100%;position:absolute;right:0;top:0;} #wistia_grid_16190_right_inside{height:100%;right:0;position:absolute;top:0;} #wistia_grid_16190_right{height:100%;left:0;position:absolute;top:0;} #wistia_grid_16190_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="//fast.appcues.com/YOUR_APPCUES_ID.js"></script>

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

<script>     
   Appcues.identify('123abc', { 
	email: 'jonathan@example.com', 
	name: 'Jonathan Kim',
        created_at: 578725200000,
	// Additional user properties
   }); 
</script>

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().

Still need help? Contact Us Contact Us