X (Twitter) Block Overview
Dynamically embed X (formerly Twitter) post links into your Softr app.
![Notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F804e91b9-afbf-4d5f-93ad-2f3ff8a710cc%2FUntitled.png?table=block&id=c89bd1ca-7975-422b-938f-dd541cf4933e&cache=v2)
The X (Twitter) Block lets you dynamically embed X posts into your Softr app from your data source.
You can also use X (Twitter) Grid block to provide list of URLs manually in Softr
Let’s see how you can configure the block.
Setting up the block
Step 1: Prepare URLs of X posts in on of your Data Sources:
![Using Google Sheets as an example data source](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F8fc1541b-4272-442b-afe4-af832a150e1a%2FUntitled.png?table=block&id=6fb3411c-fa28-4f28-884d-21edbc42e1b2&cache=v2)
Step 2: Choose a source where URLs of your X posts are:
![Google Sheets used as source of X posts](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F648f6af4-5023-4d4d-ba2e-f81a09590f56%2FUntitled.png?table=block&id=9bef183d-c1c7-473d-bc0a-f9f9b8939984&cache=v2)
Step 3: Under Content tab, map your source field having X post URLs:
![Softr → URL field mapping](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F0106e6d5-51c7-480c-b7c9-fb199ed2db0d%2FUntitled.png?table=block&id=bb351631-ec1b-4eb5-8490-853bf25ff108&cache=v2)
Did this answer your question?
😞
😐
🤩
Last updated on February 23, 2024