Additional Fields
Display more data from your source by adding additional fields to your items or details pages.
Adding Fields to the Item List
Additional fields appear below the item title on each item in your list.
Open the Items tab
- Open your widget in the Creator
- Go to the Items tab
- Find the Additional Fields section
Add a field
- Click Add Field
- Select a field type (Text, Heading, Image, YouTube Video, Badge, Link, File, Divider, or Embed)
- Choose which column from your data source to display
Style the field
- Click on the field to open the editor
- Adjust styling options (varies by field type)
- Drag fields to reorder them
Field Types
Text
Display text content from your data.
| Setting | Options |
|---|---|
| Font size | S, M, L |
| Font weight | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
Date Formatting
If your text column contains dates, you can apply a date format:
| Format | Example |
|---|---|
| None | Raw value from your data source |
| Short date | 20/02/2026 |
| Date & time | 20 Feb 2026, 3:00 PM |
| US date | 02/20/2026 |
| International | 20/02/2026 |
| ISO | 2026-02-20 |
| Long date | 20 February 2026 |
| Relative | 3 days ago |
Heading
Display larger heading text for emphasis.
| Setting | Options |
|---|---|
| Font size | S (24px), M (32px), L (40px) |
| Font weight | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
Image
Display images from your data. If the column contains multiple images, they will automatically display as a swipeable carousel with dot indicators.
| Setting | Options |
|---|---|
| Aspect ratio | 1:1, 3:4, 4:3, 4:6, 16:9 |
| Image fit | Cover (fill area), Contain (show full image) |
| Corners | None, Small, Medium, Large, Full |
| Spacing | Top and bottom padding (S, M, L) |
Image carousels: To display multiple images in a carousel, use an Airtable Attachment field with multiple files, a Notion Files & media property with multiple images, or comma-separated image URLs in a Google Sheets cell. Single images display normally without carousel controls.
YouTube Video
Embed a YouTube video from a URL in your data. Select a column containing YouTube URLs (e.g. https://www.youtube.com/watch?v=..., https://youtu.be/..., or https://www.youtube.com/shorts/...). Items without a video URL will show nothing.
| Setting | Options |
|---|---|
| Aspect ratio | 1:1, 4:3, 16:9 |
| Corners | None, Small, Medium, Large, Full |
| Spacing | Top and bottom padding (S, M, L) |
Badge
Display tags or categories as styled labels.
| Setting | Options |
|---|---|
| Font size | S, M, L |
| Font weight | Light to Bold |
| Text colour | Custom colour picker |
| Background colour | Custom colour picker |
| Shape | Pill (fully rounded), Rounded (rounded corners) |
| Spacing | Top and bottom padding (S, M, L) |
Link
Display clickable links from your data.
| Setting | Options |
|---|---|
| Font size | S, M, L |
| Font weight | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
File
Display a clickable file link from an attachment column. Useful for linking to PDFs, documents, spreadsheets, or any other files stored in your data source.
| Setting | Options |
|---|---|
| Link text | Static (same text for all items, e.g. “View Document”) or From Source (pull text from a column) |
| Opens in | New tab, Same tab |
| Font size | S, M, L |
| Font weight | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
Attachment columns: Select a column that contains file attachments (e.g. Airtable Attachment fields). If the column contains multiple files, the link will point to the first file. Items without attachments will show nothing.
Divider
Add a visual separator line between content. Dividers don’t require a data column.
| Setting | Options |
|---|---|
| Thickness | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
Embed
Render raw HTML, iframes, or third-party widget code directly from your data source. This is useful for embedding audio players, video widgets, interactive maps, or any other embeddable content on a per-item basis.
To use it, paste the embed code (HTML, <iframe>, or <script> tags) into a cell in your data source, then map an Embed field to that column.
Embed fields support labels — add a label like “Image source” or “Credit” to display a heading above or beside the embedded content.
Script execution: Embed fields support <script> tags — external scripts will load and execute automatically. This means third-party widgets like Elfsight, Typeform, Calendly, and others will work as expected.
Security note: Embed fields render raw HTML from your data source without sanitisation. Only use this field type with data you trust. The embedded code runs in the context of your published widget page and does not affect the Shareables Creator or other widgets.
Field Labels
Most field types (Text, Heading, Image, YouTube Video, Badge, Link, and Embed) support an optional Label that displays above or beside the field value.
| Setting | Options |
|---|---|
| Label text | Any text, or leave blank to hide |
| Label position | Top (above the value) or Side-by-side (next to the value) |
| Label styling | Font size, weight, and colour |
Labels are useful for adding context to your fields — for example, “Price,” “Location,” “Image source,” or any other descriptor.
Managing Fields
Reordering
Drag and drop fields to change their display order.
Removing
Click on a field, then click the delete button to remove it.
Adding Fields to Details Pages
Details pages have their own separate set of additional fields, allowing you to show different or more detailed information than the item list.
Open the Details tab
- Open your widget in the Creator
- Go to the Details tab
- Make sure the details page is enabled
- Find the Fields section
Add and configure fields
Follow the same process as the item list — add fields, select columns, and style them.
Details pages typically show more fields than the item list, since visitors have clicked through to see the full information about a specific record.
Tips
- Use Headings to create sections within your item or details page
- Use Dividers to visually separate groups of content
- Keep the item list fields minimal — save detailed information for the details page
- Match badge colours to your brand or use them to indicate status/categories