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!

Popular posts from this blog

Metrics That Are Better Than NPS?

  Net Promoter Score (NPS) is a deceptively powerful and widely used metric for measuring customer loyalty and satisfaction. It works because it asks one simple question: On a scale of 0 to 10, how likely are you to recommend our product to a friend or colleague? From there, respondents are split into one of three groups, which are: Promoters (9-10): Loyal, enthusiastic advocates for your product. Passives (7-8): Users who are happy enough but could switch to a rival product under the right circumstances.  Detractors (0-6): Unsatisfied customers who are more likely to complain to friends or social media about your product. Once you have counted your responses, you get your NPS score by subtracting the percentage of Detractors from the percentage of Promoters.  However, not everyone loves the NPS score. Here are a few of the weaknesses associated with the customer loyalty metric. It’s too simple to capture the true complexity of customer sentiment. People who respond to...

How the 40% Rule Can Help You Find and Identify Product-Market Fit

  Finding product-market fit (PMF) is the Holy Grail for startup founders. Figuring out if sustainable demand for your product exists is something you want to do as early as possible so you can change course or make the necessary adjustments. However, many startups only realize they don’t have PMF well after going to market.  This article will look at how you can identify and achieve PMF, even if things aren’t quite going as expected.  Image by creativeart on Freepik What is the 40% Rule? Sean Ellis is well-known in the software development space. In a legendary 2010 blog post, he coined the term “growth hacking ,” which revolutionized how founders think about product marketing. As if that were not enough, he also popularised the Sean Ellis Rule, also known as the 40% Rule. The 40% Rule is very straightforward. All it requires is asking your users one simple question: "How would you feel if you could no longer use our product?" The respondents then have a choice of one of...

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