If you haven't already, make sure you've created your site and set up your javascript by following the instructions here.

Once you can see your site on your Flows dashboard, click 'Make a new flow':

​We'll load your site in a pane on the right, and our editor will be on the left.

Browse to the page where you want to start making your guide (you can browse in the right pane as you would normally) and click 'I'm there' once you're on your start page:

​Now for the fun stuff! Get started by adding your first Dialog to the page

​Enter the details of your Dialog on the left (you may want to welcome your user to your app, for example), and then click Done to save the first step of your flow!

​You'll see that the Dialog has appeared as a flow step. Next, we'll point at something on the page. Click 'Add Bubble':

​Fill out the pane on the left to set up your Bubble. Nickelled uses smart text matching - in this example, we wanted to point at the 'Remember me' element so we just typed 'remember' into the box and the bubble jumped to that location on the page:

​Click done when you're finished with your Bubble - and you've made your first two-step guided tour!

You can now save the flow:

​In our next tutorial, we'll cover how to get that flow live on your site, as well some advanced configuration tactics which will help you make sure you're showing the right things at the right time. If you don't want to wait, read the guide here.

Did this answer your question?