> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# X (Twitter) Grid

> Add X (formerly Twitter) post links into your Softr app.

The X Grid block lets you embed one or more X posts into your Softr app. The block allows adding URLs of separate posts from different accounts, so you can, for instance, showcase testimonials about your product from all over the X.

<Note>You can also use **X (Twitter) Dynamic Block** to pull X post URLs from your data source.</Note>

## Setting up the X Grid block

<Frame>
  <img src="https://mintcdn.com/softr-2b8a27e1/NRXcx_q4UClgN6JV/building-blocks/images/x-twitter-grid/image1.png?fit=max&auto=format&n=NRXcx_q4UClgN6JV&q=85&s=9d975df285abc5bf8d884012e17d24af" alt="Notion image" width="1444" height="916" data-path="building-blocks/images/x-twitter-grid/image1.png" />
</Frame>

First come the **Title** and **Subtitle** fields, which you can customize depending on your needs. You can use it as a ‘Wall of love” that can showcase positive testimonials about your product.

Next, we have the **Posts** section, where we can add as many individual posts as needed:

<Frame>
  <img src="https://mintcdn.com/softr-2b8a27e1/NRXcx_q4UClgN6JV/building-blocks/images/x-twitter-grid/image2.png?fit=max&auto=format&n=NRXcx_q4UClgN6JV&q=85&s=af65e0d22370479f6ffd4092f9eda560" alt="Notion image" width="872" height="566" data-path="building-blocks/images/x-twitter-grid/image2.png" />
</Frame>

## Setting up X Dynamic block

<Frame>
  <img src="https://mintcdn.com/softr-2b8a27e1/NRXcx_q4UClgN6JV/building-blocks/images/x-twitter-grid/image3.png?fit=max&auto=format&n=NRXcx_q4UClgN6JV&q=85&s=0854948df40f4b8294ae560344dbc291" alt="Notion image" width="1356" height="878" data-path="building-blocks/images/x-twitter-grid/image3.png" />
</Frame>

Step 1: Prepare URLs of X posts in on of your [Data Sources](/07f4b2dc85804906af97fdf3f1dda0ea):

<Frame caption="Using Google Sheets as an example data source">
  <img src="https://mintcdn.com/softr-2b8a27e1/NRXcx_q4UClgN6JV/building-blocks/images/x-twitter-grid/image4.png?fit=max&auto=format&n=NRXcx_q4UClgN6JV&q=85&s=aaa01a82667e6cece49b08a33cfba4fb" alt="Using Google Sheets as an example data source" width="918" height="512" data-path="building-blocks/images/x-twitter-grid/image4.png" />
</Frame>

Step 2: Choose a source where URLs of your X posts are:

<Frame caption="Google Sheets used as source of X posts">
  <img src="https://mintcdn.com/softr-2b8a27e1/NRXcx_q4UClgN6JV/building-blocks/images/x-twitter-grid/image5.png?fit=max&auto=format&n=NRXcx_q4UClgN6JV&q=85&s=65342496263cb7662b6ea814f9c41808" alt="Google Sheets used as source of X posts" width="834" height="986" data-path="building-blocks/images/x-twitter-grid/image5.png" />
</Frame>

Step 3: Under Content tab, map your source field having X post URLs:
