> For the complete documentation index, see [llms.txt](https://docs.trysavvy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-hide-a-global-component-on-a-specific-page.md).

# How to hide a global component on a specific page

{% embed url="<https://firebasestorage.googleapis.com/v0/b/savvy-flow-uploads/o/oNrQLV6ZiVBavUmAkfcu%2FHow%20to%20hide%20a%20global%20component%20on%20one%20or%20more%20page__64054633636273.mp4?alt=media&token=836697dc-670f-46f5-babe-3933002484cb>" %}

#### Selecting the component you want to work on:

1. In the “**Edit**” sub-menu open the “**Designer**” card.
2. Click on the component you want to work on.

#### Option 1: Hide the component on one page:

1. Select the g**lobal component** you'd like to hide
2. &#x20;Click on “**+ Filter**” in the “**Designer**” card.
3. Change the "In" option to "This Page" so that any changes you make will only apply to the page you're currently viewing.
4. In the “**Position**” tab, set the “**Display**” property to “**none**”.

That’s it, the component would not be shown on the current page.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

#### Option 2: Hiding the component on several selected pages:

1. Add a descriptive tag to the page where you want the component to be hidden:
   1. Open the “**Designer**” card from the “**Edit**” sub-menu.
   2. Click the "**Or edit the whole page**" button without selecting any component.
   3. Click **"Add a tag".**
   4. Click **"+ Add a tag to this page".**
   5. Create a descriptive tag, like **"custom\_hide"** and click **“Add”.**
2. Without closing the “**Designer**” card, select the component you want to work on by clicking on it.
3. Set the component to be hidden on pages with the tag you’ve created:
   1. Click “**+ Filter**”.
   2. In the **"In"** options, select **"Pages with Tag".**
   3. In the **"Tag"** options, select the tag you've created on **STEP 1.**
   4. In the “**Position**” tab, set the “**Display**” property to “**none**”.
4. Finally, give the same tag to every page where you want the component to be hidden:
   1. On the **"Pages"** card, select the next page where you want the component to be hidden.
   2. Repeat **STEP 1** using the same tag you’ve created in **STEP 1.e**.

That’s it, you've hidden the component on every page that has the right tag! (E.g. custom\_hide)

### Related docs:

<table data-view="cards"><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>