App blog: AHA - Onboarding Tours

How to Build Your First Store Tour with AHA – Onboarding Tours

· Luke Tran · 5 min read

How to Build Your First Store Tour with AHA - Onboarding Tours

A store tour is a short guided walk across one page: the page dims, a popup points at one thing, and the shopper clicks Next to see the following thing. It works well for a new visitor who does not know where to look. AHA – Onboarding Tours lets you build one without code. (Inside the app it may appear as Interactive Product Tours.) This guide builds a simple homepage tour from scratch.

The app has one plan, with a 7-day free trial. The current price is on its App Store listing.

Part 1: How to set it up

Step 1: Finish the onboarding

After you approve the charge, the app opens on Onboarding.

  1. Under Where would you like to install it?, pick your live theme, or an unpublished theme if you want to test first.
  2. Click Start setup.
  3. Click Enable app embed. The theme editor opens with the embed switched on.
  4. Click Save in the theme editor.
  5. Back in the app, click Finish. You land on the Dashboard.
The AHA Onboarding Tours onboarding page with the Where would you like to install it picker and a Start setup button
The first Onboarding screen: pick where to install the app, then click Start setup.
The AHA Onboarding Tours onboarding page with the Enable app embed step, showing App embed is enabled, a reminder to save the theme and a Finish button
The next screen is the Enable app embed step. Here it reads “App embed is enabled” because the embed is already on; on a new install the button invites you to enable it. Then click Finish.

Step 2: Create the tour

On the Dashboard, click Add Tour and fill in the basics:

  • Title: a name only you see, such as “Welcome tour”.
  • Target URL: the page where the tour runs, such as your homepage address. An exact address runs only on that page, and not on that same page with extra text after a question mark (a query string). If you need the tour to run on a family of pages, a * wildcard such as https://yourstore.com/products/* covers them. The Target URL must be a full URL, starting with https://.
  • Trigger: choose Once per customer for a welcome tour, then Current session. Other options are Define days, which shows the tour again after the number of days you enter, Pick an element, Install manually and Always show.
The AHA New tour form with Title Welcome tour, the Target URL set to the store homepage, and Trigger set to Once per customer with Current session selected
The tour form with the Title “Welcome tour”, the Target URL set to the store homepage, and the Trigger set to Once per customer, Current session.

Step 3: Write the first step

In the Flow section, click the pencil on step 1.

  1. Fill in the step Title and the content. You can also add an image or GIF.
  2. Leave Element selector empty. A step with no element appears as a popup in the centre of the page, which suits a hello message.
  3. Click Save in the modal. This only closes the step editor.

Step 4: Add steps that point at things

Click + to add a step. For each new step:

  1. Click the pencil.
  2. Click Look up element, then click the item on your own store, such as your menu, search or cart icon. The app fills in the Element selector for you.
  3. Write a short title and content.
  4. Set Position. This is where the popup sits next to the item, and there are 12 positions.
  5. Click Save in the modal.

A short tour is easier to follow. Three or four steps is plenty for a first one.

Tip: use Look up element with a real page address. If your Target URL has a * in it, temporarily switch it to a real page while you pick elements, then change it back before saving.

The AHA Edit step 1 modal with an Element selector filled in, a step title and content, and Position set to Bottom
A step open in the editor, from another example tour: the Element selector is filled in, with a title, content and a Position chosen.

Step 5: Save and check

Click the page-level Save once and go back to the Dashboard. Open the tour again, then click View on your store.

Do not keep clicking Save on a brand new tour. Each click can create another copy. Save once, go back to the Dashboard and open the tour again if you want to edit it.

Part 2: What shoppers see

  • A dimmed page. The page behind the popup is dimmed, and the page scrolls smoothly to the item the step points at.
  • A highlighted item. The item stays visible, and the popup points to it with a small arrow.
  • A centred hello. Your first step, with no element, appears in the middle of the screen.
  • Next and Back. Every step has both buttons. On the first step, Back is shown but there is nothing before it. The Next button on the last step finishes the tour.
  • A close icon. Each step has an x in the corner, and a shopper can leave at any time.
  • One run only. With Once per customer, a tour that has been closed or finished does not start again in that session. With Define days it comes back after your number of days. This works through the shopper’s browser, so the app cannot single out returning visitors.
A store page dimmed, with the Browse by collection popup just below the header menu
On the live store the page is dimmed, with the Browse by collection popup just below the header menu.

If the tour does not show

  • Check that the app embed is on and saved in the theme editor.
  • Check the Target URL. An exact address does not match a page that has a query string.
  • Open the page in a private window, because your own browser may remember that you already saw the tour.

Last checked: October 2026

AHA – Onboarding Tours: https://apps.shopify.com/interactive-product-tours

Keep reading

All insights

Tell us what you are building

Tell us about your project in a short message.