Important Builder Tips

Launching the LOU Builder

Once you’ve downloaded the LOU Builder from the Chrome Store, navigate to your platform, then click the LOU Builder icon in the top right toolbar of your chrome browser window. It will appear as a pink box.

Opening stubborn menu bars while building a tutorial

After clicking ‘select element’ in the LOU Builder, whatever element you click next will become part of the interactive tutorial being building. This can present a problem when the element you wish to select is housed within a drop-down menu. 

To select an element in a drop-down menu, open the LOU Builder and make sure you’re on the desired tutorial step. After locating the element that launches the drop-down menu, click ‘select element’ in the builder. Next, on your keyboard hold down the ‘D’ key, hover over the dropdown element, and click it to open the drop-down menu without ‘selecting’ it as part of your tutorial. Lastly, release the D key and click the element from the drop-down menu that you want to select as the tutorial step. 

Navigate to the page where your tutorial begins before testing it

After you finish the last step of your tutorial, it’s likely that you’re on a different page from where the tutorial started. Before you click ‘run test’ in the LOU Builder, navigate back to the page where the tutorial begins first. Then click ‘run test’ to see the tutorial you just built as it will appear for your users. 

Add images and videos within tutorial steps

Images and videos can be housed right within a tutorial step. This allows users to learn from additional support content without leaving the platform or page they’re working on. To add media, click within the text editor of the tutorial, select the grey circle with a ‘+’ icon, and then select to add either an image (the photo icon) or video (the icon of a play button). LOU currently supports YouTube and Vimeo videos out of the box but can accommodate other forms of video. If you require an additional type of video upload, let us know at, and we’ll be happy to set it up for you.  

Choose where tutorials appear

You can designate tutorials to start automatically when a user reaches a certain page for the first time, or the tutorials can be available for your users to access in the help widget. 

If you set a tutorial to start automatically, it will only appear the first time the user reaches that page and will not appear again. If you’d like the tutorial to be available after the user’s first visit, you can create two rules for the tutorial: one setting it to start automatically and a second setting it to be housed in the widget. 

You can designate which tutorials appear in the help widget based on what page or URL the user is on. Some companies elect to have all tutorials available within the help widget at all times and others choose to only show the tutorials that are relevant to the page the user is on at the time when they click the help widget. To make the LOU tutorial available on more URLs, omit unique information from the URL by entering a wildcard within the URL Rule section of the LOU Builder. A wildcard is just an asterisk (*) that you enter to omit a section of a URL. 

For example, if I build a tutorial on a URL that is

But I want the tutorial to appear within the help widget on every page of my platform, I would replace ‘home’ with the wildcard.*

Builder vs Dashboard

The LOU Builder is a chrome extension where LOU tutorials are built, edited, and deployed. If you wish to manage your account information, add new user segments, and track how your tutorials are performing go to

Have questions? We're here to help.