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

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

Gartner Reports: Best Digital Adoption Solution

The coming decade will see a significant investment in digital transformation for the vast majority of organizations looking to drive success. But successful digital transformation relies on leveraging software to help employees acclimatize to new and evolving technology. This poses a challenge to employee productivity, as workforces across the globe will be forced to adapt to new technology in their day-to-day roles. Ideally, implementation of such tech requires an approach that impacts productivity as little as possible. That's why companies are increasingly turning to digital adoption platforms that facilitate the process and support employee efficiency rather than hampering it. What is a Digital Adoption Platform? A digital adoption platform (DAP) sits on top of an existing software application, offering users insight and guidance that helps them to adjust to the software application, providing information on key tasks and functions. With a DAP, companies can introduce new sof...
Read more

Hotspots and their purpose in user onboarding

When done well, Hotspots can help with user onboarding by quickly highlighting features or functions.
Read more