Social links block
Use the social_links block to show links as centered icons that open in a new tab. It collects no answer.
Where to use it
Add the block to the ui array on a welcome screen, question page, or ending. End pages accept display blocks only.
Configuration
| Property | Type | Required | Default | Allowed values or validation | Description |
|---|---|---|---|---|---|
type | string | yes | n/a | social_links | Selects the block. |
links | { platform, url }[] | yes | n/a | platform: facebook, x, instagram, linkedin, youtube, tiktok, discord, reddit, github, website, or email. url: at least 1 character. | Icons to show, in order. |
size | string | no | medium | small, medium, large | Icon size. |
colored | boolean | no | true | true, false | When true, icons use their platform’s colours. When false, they use the form’s text colour. |
visible_if | condition array | no | none (always shown) | Same rules as field visibility conditions. | Shows the block when the condition is true. |
hide_if | condition array | no | none (never hidden) | Same rules as field visibility conditions. | Hides the block when the condition is true. |
Submission value
This block collects no answer, so it adds no value to submission data.
Example
{
"type": "social_links",
"links": [
{ "platform": "x", "url": "https://x.com/acme" },
{ "platform": "linkedin", "url": "https://www.linkedin.com/company/acme" },
{ "platform": "website", "url": "https://acme.example" }
],
"size": "medium",
"colored": false
}