How to map a Modal?

Here is a quick guide to map your first module.

let’s start

Step 1 – Log in to Eyelet #

Log in to app.eyelet.io

Step 2 – Choose a product tour #

Select Product tours on your left side

Step 3 – Create a tour #

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

Step 4 – Access the widget #

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

Step 5 – Select an element or modal #

Click on the Plus button to get started

Now you will see three elements to choose from The splash screen is your modal.

Step 6 – Add a Splash screen #

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

Step 7 – 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 8 – Add other elements #

Once done with a splash screen

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

You can simply click Finish and give it a name to save.