> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/a+-product-onboarding-tour/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/a+-product-onboarding-tour/creating-a-product-tour/including-popups-or-focus-groups.md).

# Including popups or focus groups

* [Create a tour as normal](/a+-product-onboarding-tour/creating-a-product-tour/simple-product-tours.md) for the steps **before** the focus group/popup, *but put them in a custom event* (I’ve called my custom event ‘Tour 1’ in the below example)

<figure><img src="/files/gPLcFUMkcRqRcqJTVlYv" alt=""><figcaption></figcaption></figure>

* Add a second Product Tour element to the page…

<figure><img src="/files/RTlQNBQU33L6YOQAej75" alt=""><figcaption></figcaption></figure>

* …and create a second custom event (in this example it's called ‘Tour 2’)

<figure><img src="/files/J2om7os6pp4ulO1HDCxQ" alt=""><figcaption></figcaption></figure>

* Show the focus group as the first action of Tour 2 and **then** add the rest of the steps in the tour
* You’ll also want to to Start Tour 2 (or ProductTourB) as the final action in this workflow
* Trigger Tour 1 when the page is loaded

<div align="left"><figure><img src="/files/eFZWXN352wsP47GnXh91" alt="" width="477"><figcaption></figcaption></figure></div>

* And trigger Tour 2 when ProductTourA (Tour 1) is complete

<figure><img src="/files/966NOouBlLBlD7hajtm3" alt=""><figcaption></figcaption></figure>

You’re effectively chaining tours together to include the focus group/popup in the product tour.

**One final step:** you’ll want to hide the focus group/popup after that section of the tour is complete. You can use a ‘when condition is true’ workflow action with the plugin’s ‘step index’ to hide the focus group after the user has moved onto the next step.

<figure><img src="/files/DZK1D3Lf2mUvwzNCADbW" alt=""><figcaption></figcaption></figure>

You should be able to get something like this (Step 3 is a group in a focus group):

<figure><img src="/files/3B0mxNSwNJXFHsUYacYW" alt=""><figcaption></figcaption></figure>

### Demo app

The editor behind the above example is public, and can be viewed [here](https://bubble.io/page?type=page\&name=product-tour-focus-group\&id=support-demos\&tab=tabs-1). The actual demo itself can be found at the link below:

{% embed url="<https://support-demos.bubbleapps.io/version-test/product-tour-focus-group>" %}

<br>
