To integrate Smartlook into your Wordpress here check this video tutorial. Alternatively, follow the steps below the video:

Plugins > Add new, search for Smartlook Visitor Screen Recording and click Install Now.

Once plugin is installed, click Activate.

You can Create new account (2) or Connect existing account (3)

If you do not have project yet, create a new one, name it and assign.

If you created a project in the Smartlook Dashboard choose it and assign.

If everything is ok you will see this page:

 Inserting the code manually

If you do not want to use plugin, you can insert code directly into WordPress theme.

Be careful: you can destroy your site! Send this tutorial to your webmaster

Step 1: Copy the Smartlook tracking code

The tracking code can be found in your project settings in Smartlook:

Account > Projects > Tracking code (copy the code)

Step 2: Insert code the code to into Wordpress

Appearance > Editor > Theme Header (header.php) > insert code > Update File

Advanced custom changes

Do not want to use the plugin or you inserted code manually and need advanced custom changes?

Step: 1 Install "Scripts n Styles"

By default when you install our plugin or insert our code into header it gets displayed in all pages. In the case you need to display our code on certain specific pages or maybe just one page only, install the 3rd party WordPress plugin Scripts n Styles.

Step 2: Copy the Smartlook tracking code

The tracking code can be found in your project settings in Smartlook:

Account > Projects > Tracking code (copy the code)

Step 3: Adjust the code

You need to make a few small changes to our default code.

|Please Read the following carefully
or Smartlook will not work

From our code remove these lines.

<script type="text/javascript">
</script>

Your original code ...

<script type="text/javascript">
window.smartlook||(function(d) {
var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript';
c.charset='utf-8';c.src='https://rec.smartlook.com/recorder.js';h.appendChild(c);
})(document);
smartlook('init', 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');
</script>

... needs to look like you see below. EXAMPLE ONLY. DO NOT COPY!

window.smartlook||(function(d) {
var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript';
c.charset='utf-8';c.src='https://rec.smartlook.com/recorder.js';h.appendChild(c);
})(document);
smartlook('init', 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');

Step 4: Insert the code

  1. Go to Pages, edit page you want and below content in Scripts n Styles insert modified code.
  2. Click Update Scripts and Update your page.

Tracking code cannot be installed on a free hosted WordPress.com website due to the fact that custom plugins cannot be installed on the platform. In addition, custom JavaScript is blocked from being embedded within these types of sites.

Did this answer your question?