• Scroll to top
    • Follow Us
    • —
    • Lk.
    • Tw.
Skip to content
Eyelet Eyelet
Eyelet
Eyelet Eyelet
  • Home
  • Product Features
    • User Onboarding
    • Product Tours
    • Customer Support
    • Interactive Guides
    • Resource Centers and Checklists
    • NPS
  • Pricing
  • Contact
  • Get a Demo
  • Free Trial
©2022 Eyelet. All rights reserved
Terms and conditions | Privacy policy
  • Follow Us
  • —
  • Lk.
  • Tw.
  • Login

Getting Started

  • How to install the eyelet extension?
  • How to Manage your team inside Eyelet?
  • How to set up the checklist in eyelet?
  • How to update your account information in Eyelet?

Eyelet Widget

  • How to map a Modal?
  • How to change the module position?
  • How to add images, GIFs and Videos to your module?
  • How to automatically scroll to a module if it’s mapped below the fold?
  • How to personalize your tour?
  • How to make your tour show just for new users?
  • How to display a flow (guide) when an element is clicked or hovered?
  • How to highlight a Modal (element)?

Bots

  • How to set up Bot in Eyelet?
  • How to add new actions in Bot?
  • How to customize a card in Bot?
  • How to preview or Test your Bot?
  • How to request a text answer using Bot?
  • How to add a form using Bot?
  • How to save and publish a Bot?
  • How to add Variables in Bot?

Product tour

  • How to create a product tour with Eyelet.
  • How to edit your Product tour in Eyelet?
  • How to test or preview the product tour in eyelet?
  • How to embed a Product tour in the BOT or Checklist?

How to create a product tour with Eyelet.

Table of Contents
  • How to create a product tour?
    • Step 1 - Log in to the app
    • Step 2 - Add tour elements
  • How to add a splash screen in the eyelet product tour?
    • Step 3 - Select a Splash screen
    • Step 4 - Customize the Splash screen
    • Step 5 - Add more elements
  • How to add a tooltip in the eyelet product tour?
    • Step 6 - Add a tooltip
    • Step 7 - Customize the tooltip
  • How to add Hints in the Eyelet product tour?
    • Step 8 - Add a Hint
    • Step 9 - Save the Product tour
  • How to trigger a product tour in Eyelet?
    • Step 10 - Start your tour

A product tour shows your customer how to use the product and its features.

Eyelet product tour has 3 elements. These are called guides

  1. Splash screen
  2. Tooltip
  3. Hint

let’s start

How to create a product tour? #

Step 1 – Log in to the app #

Log in to app.eyelet.io

Select Product tours on your left side

Now click on the New Tour button in the top right corner. It will take you to your app or website.

Product tour dashboard
Product tour dashboard

Step 2 – Add tour elements #

Now you will see a small window appear in the top right corner. This is an eyelet widget that you have installed already.

Eyelet Extension
Eyelet Extension

Click on the Plus + button to get started

Now you will see three elements to choose from

Add a splash
Eyelet extension

How to add a splash screen in the eyelet product tour? #

Step 3 – Select a Splash screen #

Select Splash Screen and click on Add splash screen. It will look like this.

Adding a module
Adding a module

Step 4 – Customize the Splash screen #

Now you can customize it by changing its content

You can add GIFs, videos, and images on the splash screen

You can change the title and description

You can rename Button to your desired CTA

Step 5 – Add more elements #

Once done with a splash screen

You can add other elements by clicking on the plus button.

Once you are done with the tour, you can simply click Finish and give it a name to save.

Add another modal and Save
Saving a module

How to add a tooltip in the eyelet product tour? #

Step 6 – Add a tooltip #

Select the Tooltip and click attach Tooltip

Add a tooltip
Creating a tooltip

Click on the screen to attach the tooltip

Attach a tooltip
Attaching a module

Step 7 – Customize the tooltip #

Now you can customize the tooltip

Choose a tooltip from templates

Change its content by adding GIFs, images, or videos.

Give it a title and description

Add visual effects to make it more prominent

Rename the button to your desired CTA

You can also enable a skip button

Finally, you can position the tooltip relative to its target

tooltip settings
Eyelet extension settings

How to add Hints in the Eyelet product tour? #

Step 8 – Add a Hint #

Select hint and click attach hint

Add a hint
Attaching a Hint

Click on the screen to attach a hint

Customize its content by adding GIFs, Images, or videos

Give it a title and description

Change its visual effect to make it more prominent

Define the actions for buttons and rename them to your desired CTA

Finally, you can position Hint relative to its target

Step 9 – Save the Product tour #

Once you are done. Click on Finish and give it a name.

Save tour
Naming a product tour

Click on Save and Finish Now you will be redirected to your app. You can see the product tour you have created in your dashboard.

product tour dashboard

How to trigger a product tour in Eyelet? #

Step 10 – Start your tour #

Now select the Product tour and Click on Edit tour

You can choose the logic and it will save automatically.

Product tour Start logic
Start logic

Based on this logic it will trigger every time.
Read more about the product tour start logic here

What are your Feelings
Updated on September 18, 2022
How to edit your Product tour in Eyelet?
Table of Contents
  • How to create a product tour?
    • Step 1 - Log in to the app
    • Step 2 - Add tour elements
  • How to add a splash screen in the eyelet product tour?
    • Step 3 - Select a Splash screen
    • Step 4 - Customize the Splash screen
    • Step 5 - Add more elements
  • How to add a tooltip in the eyelet product tour?
    • Step 6 - Add a tooltip
    • Step 7 - Customize the tooltip
  • How to add Hints in the Eyelet product tour?
    • Step 8 - Add a Hint
    • Step 9 - Save the Product tour
  • How to trigger a product tour in Eyelet?
    • Step 10 - Start your tour
  • Eyelet Eyelet
  • Li. /   Tw.    

  • Eyelet for

    User Onboarding
    Product Tours
    Product Adoption
    Employee Onboarding

  • General Links

    Blog
    About Us
    Documentation
    Glossary
    Contact us

  • Sign up for the newsletter


    ©2022 Eyelet. All rights reserved
    Terms and conditions | Privacy policy
    We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
    Cookie SettingsAccept All
    Manage consent

    Privacy Overview

    This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
    Necessary
    Always Enabled
    Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
    CookieDurationDescription
    cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
    cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
    cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
    cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
    cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
    viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
    Functional
    Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
    Performance
    Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
    Analytics
    Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
    Advertisement
    Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
    Others
    Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
    SAVE & ACCEPT