# How to Build Your First Store Tour with AHA – Onboarding Tours > A store tour is a short guided walk across one page. Here is how to build your first one with AHA – Onboarding Tours, step by step. Source: https://ginner-tech.com/blog/build-your-first-store-tour-with-aha/ Published: 2026-10-28 [App blog: AHA - Onboarding Tours](https://ginner-tech.com/blog/?topic=app-blog-aha-onboarding-tours) 28 October 2026 · Luke Tran · 5 min read ![How to Build Your First Store Tour with AHA - Onboarding Tours](https://ginner-tech.com/assets/build-your-first-store-tour-with-aha-cover_Z121bjy.webp) 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](https://ginner-tech.com/assets/aha-onboarding-theme-picker_2qP8s9.webp) 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](https://ginner-tech.com/assets/aha-onboarding-enable-app-embed_ZzX3gV.webp) 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](https://ginner-tech.com/assets/aha-add-tour-welcome-homepage_cBX5L.webp) 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](https://ginner-tech.com/assets/aha-step-editor-element-selector-position_b9Hf5.webp) 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](https://ginner-tech.com/assets/aha-live-tour-popup-menu_2s07SD.webp) 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](https://apps.shopify.com/interactive-product-tours) **Tags** - AHA Onboarding Tours - Shopify - Store tours Luke Tran Founder and senior full-stack developer Luke has worked with Shopify and WordPress for more than 12 years and runs five apps on the Shopify App Store. [More about us](https://ginner-tech.com/about/) **More posts** [Previous post How to Add a Most Viewed Products Row to Your Shopify Homepage](https://ginner-tech.com/blog/add-most-viewed-products-row-homepage/) [Next post How to Answer Common Shopper Questions with a Store Tour](https://ginner-tech.com/blog/answer-common-shopper-questions-with-a-store-tour/) ## Keep reading [All insights](https://ginner-tech.com/blog/) - App blog: AHA - Onboarding Tours **[How to Launch a New Collection with a 4-Step Store Tour](https://ginner-tech.com/blog/launch-a-new-collection-with-a-4-step-store-tour/)** A new collection usually gets a banner and an email. A four-step store tour walks shoppers across the collection page and points at what matters. Here is how to build it. 28 October 2026 · 4 min read - App blog: AHA - Onboarding Tours **[How to Answer Common Shopper Questions with a Store Tour](https://ginner-tech.com/blog/answer-common-shopper-questions-with-a-store-tour/)** Some questions come back again and again, like where the size chart is. A short store tour can answer them where shoppers are looking. Here is how to build one. 28 October 2026 · 4 min read - App blog: Most Viewed Products **[How to Add a Most Viewed Products Row to Your Shopify Homepage](https://ginner-tech.com/blog/add-most-viewed-products-row-homepage/)** A hero banner says who you are. A row of your most viewed products points a new visitor at something worth opening, and it updates itself. Here is how to add it to your homepage. 28 October 2026 · 4 min read ## Tell us what you are building Tell us about your project in a short message. [Start a project](https://ginner-tech.com/contact/) [Email us](mailto:lucdkny@gmail.com)