Comment on page
Adding Guided Steps
Guided steps form the foundation of an effective product tour on Storylane.io. They ensure a seamless and informative user experience, helping users grasp the key benefits of your offering.
You can click on the "Add Step" button in the flow and choose a guide of your choice to add to your demo. Below is the breakdown of different guides that can be added as a step in the flow:
Hotspots are excellent for drawing attention to specific areas of your demo. Utilize them to spotlight new or standout features. Their pulsating beacon effect makes them perfect for catching users' eyes and guiding their focus.
Combine tooltips with backdrops to guide users through complex processes or critical UI elements. Use them to show step-by-step interactions or to lead users through a specific workflow. Make sure your instructions are clear and easy to follow.
Text-only popups are versatile and can be used for various purposes. Use them to introduce your demo, provide explanations, or summarize key points. Consider using them at the start or end of your demo to set the stage or wrap up the experience.
Media modals can showcase various forms of media, including images and videos.
Images help users visualize concepts and establish branding. Welcome images, logos, or product images can be presented here. Use them when you need to reinforce a visual identity or create a memorable first impression.
Videos engage users effectively. Use video modals for short, impactful intros, product demonstrations, or personalized messages. Videos can quickly convey complex information and establish a personal connection. Check out how to add videos.
Capture leads at strategic points in your demo. Place lead forms at the beginning to capture initial interest, in the middle for engaged users, or at the end to convert users who have seen the value of your product. Use them for lead generation and data collection. Learn more about how to embed custom forms (Hubspot, Marketo, or Pardot) or capture leads through demo URL params.
By selecting the right guide for each step of your tour, you can enhance user understanding, engagement, and conversion. Tailor your choices to match the content and context of each step. Here is a visual tour of how to add guides.
Try Interactive Demo Yourself 👇