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

Create product tours with Usetiful

Usetiful contains an advanced editor that enables you to build tours visually without any programming skills. Try it yourself with 14-day trial.

Preview Tours with Usetiful Chrome Extension

We are happy to introduce Usetiful for Chrome, a new browser extension that enables you to preview all your Usetiful product tours on any site without touching the code. Just follow the steps below to preview your product tours:



Install plugin and preview your tour 1. Enter Google Chrome Web Store and install the Usetiful: Product Tours extension.


(Note: Usetiful: Product Tours browser extension works with Chrome browser only)
2. When the plugin is successfully installed, the Usetiful icon will appear in the browser top bar with the following message.

3. Click on the Usetiful icon and log in using your Usetiful credentials. If you are currently logged in to the Usetiful, the plugin will connect to your account automatically.
4. Go to the page where you want to preview your tour. The bottom panel indicates whether the selected tour is available.
(Note: Only tours that are allowed to be shown on given page will be offered - see Page Targeting.)

If the tour is available, you can immedi…