Skip to content

Help

Each map or gallery page in a tour can have its own help content to provide users with supplemental information about that page. When a page has help, a help icon (a ? inside a bubble) appears next to the page's name in the menu (see red arrow below).

When you click the help icon, a help panel appears centered on the page as shown below. You can also display the help panel by calling the showHelpPanel API method. For example, you could automatically display the help panel when the tour loads to ensure that users see important information about the tour right away.

The Plus and Pro Plans allow you to provide fully formatted text including multimedia such as a video. The Basic plan allows you to provide plain text.

How to provide help for a map or gallery page
  • Choose Map > Advanced Map Options from the Tour Builder menu
  • On the Advanced Map Options screen:
    • Check the Show Help for this Map box
    • Fill in the fields
  • Choose Gallery > Advanced Gallery Options from the Tour Builder menu
  • On the Advanced Gallery Options screen:
    • Check the Show Help for this Gallery box
    • Fill in the fields

By default, the help panel appears horizontally centered near the top of the page. You can use CSS to style the panel to appear lower on the page as shown in the screenshot below of the help panel on a phone.

How to style the help panel

You can use the CSS below to set the location of the top of the help panel. You can also style the panel's border, padding, background transparancy. Below is an example of CSS code in the CSS field on the Custom HMTL screen that positions the top of the help panel and defines its border.

#maHelpPanel {
   top: 220px;
   border:solid 3px #4b4c2d;
}
You can also use CSS to override the default left position and the default background transparancy of the panel. To do this you must use the CSS !important rule as shown in the the example below.
#maHelpPanel {
    left: 30px !important;
    background-color: rgba(255, 243, 193, 0.7) !important;
}