# Including popups or focus groups

* [Create a tour as normal](https://cranford-tech.gitbook.io/a+-product-onboarding-tour/creating-a-product-tour/simple-product-tours) 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="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2F0Tod702n2hR3uaR0NPvu%2Fimage.png?alt=media&#x26;token=8bab57a5-0ca8-4568-917b-878f837ebcae" alt=""><figcaption></figcaption></figure>

* Add a second Product Tour element to the page…

<figure><img src="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2FIX1CpeBKSTvmZoH2eAoY%2Fimage.png?alt=media&#x26;token=4fe7c7af-3c98-4974-8b07-b391ebe49b6a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2FEfbESJfoNunl5J1luEJo%2Fimage.png?alt=media&#x26;token=6b224432-99ef-47a5-8cd5-7d8b5e92bcea" 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="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2F1EKjs3Je8FjGGthFSA9Y%2Fimage.png?alt=media&#x26;token=c42d88c3-c31e-40c9-b6fe-54128149c647" alt="" width="477"><figcaption></figcaption></figure></div>

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

<figure><img src="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2F09pXjQ4cvPZmQryMMt4X%2Fimage.png?alt=media&#x26;token=1ffa29d6-e909-4416-aa0d-ae6db6ec2fd7" 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="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2FRbdT5jNSzwHFKzuDc4Ff%2Fimage.png?alt=media&#x26;token=d2de5c3a-ac9a-4b70-bc81-41ab9eb7c171" 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="https://3779964754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fofqy66xyJ0E2i4hRedIQ%2Fuploads%2FBTmf2FcFzSUYKTghttqA%2Ff112d88e5751f5ab6984b0aabd2d750c401f9dd3.gif?alt=media&#x26;token=27bdd5db-fcdc-44ab-8cd6-e1d428435cff" 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>
