# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://cranford-tech.gitbook.io/a+-product-onboarding-tour/creating-a-product-tour/including-popups-or-focus-groups.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.