# Block Visibility

This section goes through the process of configuring the visibility of any block in your Softr app.

As soon as you have set up memberships, you can choose which user group you want a particular block to be visible to. This is configured through **Visibility** tab in block settings and has the following options:

* **All users** (selected by default)
* **Logged in users**
* **Non Logged in users**

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FRZxNB8Z3tzgcxHuUFm8L%2Fvisibility-tab-b.png?alt=media&#x26;token=c7003bc7-dee4-4c14-81e2-162eb91913ab" alt=""><figcaption><p>Visibility options</p></figcaption></figure>

If you switch the block visibility to **Logged in users** or to **Non Logged in users**, a padlock icon will start appearing on the block, as shown below, indicating that it's gated content with limited visibility.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F3Akz86vO0Hx2mRB5ZP2l%2Fpadlock-b.png?alt=media&#x26;token=55fdf257-76e9-4a96-8208-6c7dbd9e5a9c" alt=""><figcaption><p>Padlock icon indicating limited visibility</p></figcaption></figure>

For example, the block visibility feature can be used to show a header with log in/sign up buttons to non logged in users and a different header without buttons to logged in users (discussed [here](https://softr.gitbook.io/softr-documentation/memberships/..#customizing-button-visibility-on-the-header)). But that's just one case, and there can be many other cases when you need to display/hide a certain block from different user group, thus having a different content for logged in and non logged in users.

### Device visibility

Apart from setting block visibility for certain user groups, you can set device-based visibility.&#x20;

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FpQtDwCLt1hKJwxgAxNHv%2Fdevice-vis-b.png?alt=media&#x26;token=4cfec8b7-402e-4e56-8813-43cdbfd9d81c" alt=""><figcaption><p>Device visibility options</p></figcaption></figure>

By default, **Desktop**, **Tablet**, and **Mobile** options are enabled. You can disable any of the options by clicking on it. In the example below, only logged-in users who are viewing the page on a mobile device will see the block.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FoulRJ5g66kPbIPyg7q8W%2Fdev-visib-applied-b.png?alt=media&#x26;token=37fa5d7e-d2cc-45e6-915f-c24d2db1359a" alt=""><figcaption><p>Applying device visibility</p></figcaption></figure>

### Custom user groups

You can also define more low-level visibility rules for customer user groups. Learn more about that [here](https://softr.gitbook.io/softr-documentation/memberships/block-visibility/payment-and-other-conditions).
