Skip to main content

Build your first Welcome Message


Why Welcome message?

Welcome message has a great impact on how users perceive your application - you can set up a very friendly and human tone of conversation. On top of that - it is really easy to create one with Usetiful!

Benefits:
  • Introduce your product from human perspective and let users know you appreciate them
  • Activate your users with call-to-action 
  • Get your Usetiful ready for more complex opportunities

Build the modal

  1. In the Overview menu, click on "Add tour"

  2. Tour name - Give your Welcome message a name so you can find it later

  3. Let's keep it simple - page targeting should remain "All pages", trigger should remain to "Launch automatically". You can change these settings anytime later. Click "Continue".

  4. Usetiful creates the first example modal for you. Click inside of the modal and update the content! Pro tip: Include pictures or video!


Buttons - your call to action

Usetiful allows you to set up actionable buttons. These can lead customers to different product tours, but also to specific page.

  1. Within the content editor, click on icon "Edit step"

  2.  Set the type to "Modal"

  3. In the section Buttons, click "Add Button". 

  4. Choose type "Go to". This button will redirect user to any page you choose.

  5. Incorporate the button into your overall welcome experience

Install Usetiful

Once you are satisfied with your Welcome message it is time to install it to your webpage.

  1. In the Overview menu, click on "Install to publish"

  2. Click "Copy to clipboard" to copy the code

  3. Paste the code to your webpage, at the end, just before </body> HTML tag.

  4. In the Overview menu, check whether the Welcome message is set as Published. If not, click Publish.


Well done!
Related:

Popular posts from this blog

Common Mobile Onboarding Mistakes and How to Fix Them

  Strong mobile onboarding is about making a good first impression. Get it right, and your user can become a loyal advocate for your product. Get it wrong, and they could leave your app in minutes and never look back.  Image by pch.vector on Freepik Eighty per cent of users will abandon an app if they don’t quickly understand how to use it or see its value. Some churn is inevitable, but letting good users walk away because your onboarding is weak is unsustainable.  In this article, we’ll look at the four most common app onboarding mistakes and share how to fix or avoid them altogether.  1. Forcing Users Through Long or Tedious Flows Long, tedious flows are a cardinal sin of mobile app onboarding . With Day 1 retention rates often as low as 20% across most app categories, it’s clear that onboarding friction is a clear driver of user churn. If your mobile app onboarding flows require users to sign up before they get a chance to explore the app, there is a good chance t...
Read more

What Are the Best Tools for Creating a Knowledge Base

  Picture the scene: You’re in the flow of using a new product, and suddenly you hit a roadblock. You know the tool can do what you need it to do, you just don’t know how to do it. You could fire off an email to customer services or wait in line to chat with a customer service representative. Or, you can try to solve the problem yourself. Image by freepik Customer self-service software is built to solve these issues. A knowledge base is one of the core elements of a flexible omnichannel approach to customer success.  But how can you decide what tool to use to build a knowledge base that will help your users? First, you need to consider the features and functions that make for a quality knowledge base tool. What should you look for in a knowledge base creation tool? Before we share some of the best customer self-service software for building your knowledge base, we need to consider what makes a great knowledge base creation tool.  No-code capabilities Knowledge base creat...
Read more

Alternatives to Shepherd: Which One Is Right for You?

  Shepherd is a popular open-source tool for building product tours. However, there are better options to meet the demands of modern onboarding. Here are some great alternatives that can help boost user adoption. What is Shepherd? Shepherd is a JavaScript library. It was built to help onboard new users with product walkthroughs. It's a flexible tool that allows you to drop product tours into your app using popular languages like: Angular Ember ES Modules Vue.js  Javascript Shepherd comes with a few default themes, but its primary selling point is that it allows you to customize your tours.  The problems with Shepherd as an onboarding tool We're not here to rip Shepherd. It's a good tool that does what it sets out to do. However, it falls short of a great modern onboarding tool for several reasons. #1. Limited accessibility Shepherd is relatively easy to use if you have good technical knowledge. However, you're out of luck if you don't know how to code. In an era whe...
Read more