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

Usetiful acquisition - Founder's post

Good news, everyone! Usetiful is joining Fullstory , marking the next chapter in our journey to help teams create more intuitive and meaningful digital experiences. Why? Some of you might remember this: Product adoption is about inspiring the right behaviors that lead to lasting satisfaction for users. To do that, teams need a deep understanding of what users do, see, and think at every step. As we explored new ways to bring that clarity to life, through features like session replay, we discovered how closely Usetiful’s mission aligned with Fullstory’s vision for behavioral intelligence. Joining forces was the natural next step. Together, Usetiful and Fullstory unlock the full value of digital products by giving teams the insight to know when and why users need help - and the ability to deliver experiences that feel human, personalized, and effortless. Since our launch in 2019, we’ve been guided by the feedback, creativity, and trust of our users. Your partnership has shaped Usetiful ...
Read more

4 Types of Customer Satisfaction Survey and Their Best Practices

  A customer satisfaction survey is a fantastic tool for gathering information from current and past users. They can help your customer success teams understand the areas where your business is doing well — and where you’re lacking. Leveraging this information allows you to improve the customer experience, retain users, and even build loyalty. Image by Freepik In this article, we'll look at the four most valuable types of customer satisfaction surveys and some of the best practices you can employ to make them work. What is customer satisfaction? Customer satisfaction measures how your products or services meet customer demand. It's a strong gauge of the overall customer experience users have with your brand. Customer satisfaction can seem like a nebulous concept. However, there are many great surveys that can help you understand how your users feel about your product or service. Benefits of customer satisfaction surveys Running a customer satisfaction survey has many benefits. ...
Read more

Select Element on Your Page

  To associate tour steps (pointers) with specific elements on your site, you need to hook to the selectors of elements. Selectors are used to "find" the HTML elements on your site. It is not difficult to find out the selector of a specific page element. The easiest way is to use our Chrome extension . Usetiful for Chrome extension (Recommended) 1. We recommend you to first install  the extension  - it enables you to preview product tours directly on your page without embedding the code. When on the page, it allows you to get the element selector on just one click.   2. Inside the tour editor, the " Element"  field require you to enter the selector of the HTML element on your site. Click on the  "Select element"  action on the right side of the field.  The following dialog will appear if the Usetiful browser extension is enabled. 3. Enter the address of your web page and click "Open page" 4. To select the...
Read more