How can you make sure your users know about the updates you make? Use walkthroughs for announcing new features. You can launch the walkthrough directly from support apps such as Intercom. You can also place a launcher in your application near the new feature. However, why not greet them when they log in with a personalized announcement in a popover?



In this article, we'll show you step by step how to create a feature announcement with a walkthrough topic type.


Scenario for this tutorial: 

Users log into your application. They see a popover about a new feature. They have the option to start a feature guide or dismiss the message. They can then begin a feature guide from the widget another time.


Before you create a feature announcement popover

Before you start creating a feature announcement, you need to build a step-by-step guide regarding your new feature. You need to develop this first to link it to the button in the announcement popover.


For building a step-by-step guide, take a look at our Walkthroughs and How to: create a step by step tour guides.


Keep your new feature guide punchy and quick. People are overcome with distractions. Keep your guide as brief as possible. Researchers have discovered there is a median duration of the focus of 40 seconds before we switch tasks.


Creating a walkthrough

We will work with the authoring tool to add and edit the content of our walkthrough. If you haven't installed it, please click here to add the authoring tool as a Chrome extension.


Each walkthrough consists of steps. You can build a one-step walkthrough, or create an interactive, step-by-step guide. In our case, we will create a one-step walkthrough. The process consists of 2 parts: building a topic (walkthrough) and adding a step.


In this article, we won't describe in details how to create a walkthrough. We explained it in our Walkthrough guide.


To create a walkthrough:


  1. Go to your application and enable the Inline Manual Authoring tool in your browser.
  2. Choose or create a site for which you want to build a welcome message.
  3. Select Walkthrough as a topic type.
  4. Provide a title, choose a language and provide a description.
  5. Confirm by clicking the Create topic button.



Adding a Feature announcement step

For a feature announcement, we need to add one step to our walkthrough. We won't cover all of the functionalities of the Step Options Panel. To find out more about configuring your steps, look at the How to: manage steps (the Step Options Panel) guide.


Wondering what to write? We wrote a post about using prompts to spark a user's curiosity. The initial message helps users decide if the information is relevant to them so they can quickly dismiss the announcement if it doesn't suit their needs at the moment. You can also use tokens to give them a personal, first-name greeting.


Tip: With Tokens, you can add a personal touch to your content created within Inline Manual. For example, you can greet your users with their first name: "Hi {{first_name}}!" See how to use tokens in your content in our New! User personalization to improve customer retention Blog.


To add a step for the Feature announcement:


  1. To add a step, click + Create one now.



  1. You will see the Step Options panel in the authoring tool and the preview of the step - the small popover in the middle of the screen. Start with selecting a step template - decide how will the popover look. Do this before you start creating your content.


 

  1. Use the editor to provide a step name, and your content: text, links, tables, images, videos or a slideshow. 




  1. Continue with disabling control buttons such as next, previous or end buttons. Click Progress to hide the indication of 1/1. 



  1. Now, let's add a custom button. Click the custom button link in the WYSIWYG editor. 



  1. Next, configure the button. Add text such as "Awesome, show me more" and select the action: Link to a topic. Then choose the topic you want to launch when a user clicks the button. 



  1. Add a second custom button with text such as "Ok! Got it" so the user can confirm he saw the message and close the window. To do that, create a new custom button, but select Deactivate Topic instead of Link to topic. 



Tip: By default, all buttons will have the same color. However, you can change the color of a second button with CSS code. The best way to do that is to switch to the source view in the WYSIWYG editor and add the ID to that button. Then, add the CSS code to the Site settings in the portal.


  1. If you want to, you can darken the popover area with the backdrop feature. The cover locks down the click-through tour, so your users won't get lost or distracted. You can adjust the colour, opacity, padding and radius. You can also add an outline.

 


  1. Click Save to confirm changes.


Well done! You've just created a feature announcement message!


Control who can see the message

Now you can target who sees this message.


You can offer this announcement to all of your users. However, you can also limit it to a specific set of users. For example, if you have a unique onboarding experience for new users, and you want to limit this message to returning subscribers, do that with segments.


When you have your segments created, you can set up auto launchers. Auto launchers are a super-effective solution to launch announcements and updates to users upon logging in. Creating an auto launcher requires several features to be enabled or implemented. Learn more about auto launchers Autolaunchers and How to: automatically launch topics for new users guides.


With our analytics, you can also see who has engaged with your messages. If you find that there are users who haven't seen your message over time, you could retarget them with another prompt or reminder.


Related articles