UserGuiding
UserGuiding is a user onboarding and product adoption platform that allows businesses to create interactive guides, checklists, tooltips, and in-app announcements without writing code.
Key features include:
- Interactive onboarding guides and walkthroughs
- In-app checklists and task flows
- Tooltips and hotspots
- Resource centres and in-app help widgets
- User segmentation and targeting
- Usage analytics and engagement tracking
UserGuiding integrates with ShopWired by adding a to the website theme to load onboarding content across the storefront.
Account creation
Create an account on the UserGuiding website at UserGuiding
After your account is created and configured, UserGuiding will provide you with a JavaScript snippet.
Theme installation
Theme installation
UserGuiding requires a single JavaScript container snippet to be added to your ShopWired website theme so that it loads on every page, similar to the example below:
<script>
(function(g,u,i,d,e,s){
g[e]=g[e]||[];
var f=u.getElementsByTagName(i)[0];
var k=u.createElement(i);
k.async=true;
k.src='https://static.userguiding.com/media/user-guiding-'+s+'-embedded.js';
f.parentNode.insertBefore(k,f);
})(window,document,'script','userGuiding','USERGUIDING_CONTAINER_ID');
</script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
Add the UserGuiding container code to your ShopWired website:
- Navigate to Website > Themes
- Select the
code editoroption for the theme you want to edit - Open the
master.twigfile - Paste the UserGuiding code just above the closing
</head>tag - Select
save changes
Follow the prompts on the UserGuiding website to verify the installation. Once saved, the UserGuiding script will load automatically on every page of your website.
Recommendations
Recommendations
- Avoid adding the container code more than once.
- Test onboarding content on desktop and mobile devices.
