ContentCreator · Content-based editing

Working with Data Sources in ContentCreator

Data sources are FirstSpirit's home for structured, reusable content — news, products, locations, authors and more. Instead of retyping the same information on every page, you maintain it once as a dataset and let pages, teasers and even other channels pull it in automatically. This guide walks an editor through browsing a data source, editing a dataset, and placing datasets on a page in ContentCreator.

AI generated Heads up: This documentation was generated with AI and may contain inaccuracies or out-of-date details. Always verify critical information against the official FirstSpirit documentation before relying on it.

What are data sources?

A data source is a structured store of content in FirstSpirit — think of it as a table where every row is a self-contained record. In FirstSpirit each record is called a dataset. A single news article, one product, one office location: each is a dataset with the same set of fields.

The value of storing content this way is reuse. A news article maintained as a dataset can appear as a teaser on the homepage, in a filtered "latest news" list, on a category landing page and in a mobile app — all from one record. Edit the dataset once and every place that shows it updates.

The screenshots in this guide come from a FirstSpirit demo project. The data sources, field names and layout in your own project may differ depending on how it was set up by your administrators and developers.

Data sources vs. pages

It helps to separate two things in FirstSpirit:

PagesData sources
Organised in the site menu tree (Navigation).Organised as tables of records, independent of the menu.
One page = one URL in the site structure.One dataset = one reusable record, shown wherever it is referenced.
Good for unique, hand-crafted layouts.Good for repeating, list-like content (news, products, people).

In the ContentCreator editing panel you can see both worlds. The Navigation and Page tabs let you work on the current page and its sections, while the panel at the bottom switches between Media and Datasets — the latter is your quick access to structured records.

The ContentCreator editing view showing the Navigation and Page tabs on the left, a page in the preview, and Media and Datasets tabs at the bottom of the panel
The ContentCreator editing view: the page structure sits on the left (Navigation / Page), while the lower panel toggles between Media and Datasets.

Opening the data sources report

To browse structured content, open the Data sources report from the top toolbar (the stacked-database icon). The report fills the workspace with a left-hand list of the project's data sources and a table of the records inside the selected one.

A typical project groups its structured content into several data sources. In the demo project these include:

Data sourceHolds
NewsNews and blog articles.
ProductProduct records.
CategoryContent categories / topics.
LocationOffices or store locations.
AuthorAuthor profiles referenced by articles.
TagReusable tags applied to other records.
Global / TranslationStudioProject-wide and translation-related entries.

Selecting News shows every news dataset in a table. Each column maps to a field of the dataset — here Headline, Subheadline, Date, Author, Tags, Distribution and Image.

The Data sources report: a tree of data sources on the left with News selected, and a table of news datasets with columns for Headline, Subheadline, Date, Author, Tags, Distribution and Image
The Data sources report. Left: the project's data sources. Right: every dataset in the News source, one row per record.

Browsing datasets

The report offers different ways to look at the same records. Use the view switcher in the top-right of the report to move between a compact list and a card view that previews each dataset's headline, teaser and image — much closer to how the content will actually appear on the site.

The News data source shown as cards, each card previewing a headline, teaser text and image
Card view previews each dataset with its headline, teaser and image, making it easy to find the right record at a glance.
Use the search box at the top of the report to filter datasets by keyword. In large data sources this is far quicker than scrolling.

Anatomy of a dataset

Open a dataset (double-click a row, or use its context actions) to see the form behind the record. The fields are defined by your project, but a news article typically carries:

FieldWhat it holds
HeadlineThe article title, shown on teasers and the detail page.
Subheadline / Teaser TextShort summary text used in list and card previews.
Article TextThe full body, edited with a rich-text editor (paragraph styles, bold, italic, links, lists).
Image + Alternative TextThe lead image and its accessibility description.
Date · AuthorPublication date and the author record.
TagsCategory tags (e.g. Technology, Security, Smarthome) used to filter and group articles.
DistributionThe channels the record is delivered to — for example App and Website.
The edit form for a news dataset showing an image selector with alternative text, a teaser text field, and a rich-text article body with formatting toolbar
The edit form for a single dataset: image with alternative text, teaser text, and a rich-text article body. Save writes the change back to the record.
Note: The set of fields and their rules (which are required, how they validate) is defined once by developers in the data source's structure. As an editor you fill them in — you don't design the form.

Editing a dataset

Editing structured content is the same everywhere it is used, because there is only one record behind it:

  1. Open the Data sources report and select the data source (e.g. News).
  2. Find the dataset — scroll, switch to card view, or search by keyword.
  3. Open it to reveal the form, then change the fields you need (headline, teaser, image, body…).
  4. Click Save. The change is now stored on the record.
  5. Release the dataset when you are ready for it to go live, following your project's release workflow.
Because every teaser, list and channel references the same dataset, one edit updates all of them — there is no copy to keep in sync. This is the core benefit of content-based editing.

Displaying datasets on a page

Datasets live in the data source, but visitors see them on pages. You surface them by adding a section that is wired to pull records from a data source. What that section is called, which fields it exposes, and how it filters records is entirely up to how each project's templates are built — FirstSpirit itself doesn't ship a fixed "news" or "list" section. One common pattern is a section that shows the latest datasets from a given data source, optionally filtered by some category field; the walkthrough below uses such a section as an illustration.

On any page in edit mode, click the + (add content) button in an empty content area. In the section-template picker, search for the section you want and select it.

Adding a section to a page: the add-content button is clicked and the section-template picker shows a Latest News section template matching the search term latest
Example: adding a Latest News section from the template picker in a reference project. The section is project-defined and knows how to fetch and render datasets from its data source.

Configuring a data-driven section

Once added, the section opens its own small form — the fields here are defined by the template author, so the exact set varies by project. In the example used throughout this guide, the section lets you set a Headline and Subheadline for the block, plus a News Tag that decides which articles the section shows. Its tag choices happen to match the categories used on the example datasets:

  • Technology
  • Sustainability
  • Security
  • Smarthome
  • Locations
  • Mobility
  • Gadgets

Pick a tag and the section renders the matching datasets automatically — you never paste article content into the page, you point the section at the data. A different project might filter by a different field, offer no filter at all, or expose entirely different configuration options; the underlying mechanism — a section referencing a data source — is what matters, not this specific form.

The Latest News section form with Headline and Subheadline fields and a required News Tag dropdown showing an error message reading Please select a tag
Example section form from the reference project. The News Tag is required here — leaving it empty blocks release with a validation message.
Whatever fields a template author marks as required are enforced the same way: leave one empty and FirstSpirit blocks release with an input-error message (in this example, "Please select a tag" and "An input error will prevent releasing this object."). Fill the highlighted field before saving and releasing.

One change, every channel

Because the section pulls live from the data source, the published page always reflects the current datasets. Add a new article to the News data source and it appears in the news overview and in every matching "Latest News" section — no page edit required.

The published News Overview page with a search box, category filter tabs, and a grid of news article cards driven by the News data source
The published News Overview page. Its search, category filter and article cards are all rendered from the News data source.

The Distribution field on each dataset makes this multi-channel: a record marked for both Website and App feeds the web pages and a mobile app from the same content. Structured, reusable data is what makes that omnichannel delivery possible.

Tips & good practice

  • Edit the record, not a copy. Always change content in its dataset; never re-type article text directly onto a page.
  • Tag consistently. Tags drive which sections pick up an article. Use the agreed category tags so new articles appear where they should.
  • Fill required fields. Watch for validation messages — a record or section with errors can't be released.
  • Write good alternative text. The image alt text travels with the dataset to every channel, so it matters for accessibility everywhere.
  • Mind the Distribution. Check which channels a dataset targets before publishing — it may be feeding more than the page you're looking at.
  • Search before you scroll. Use the report's search box to find datasets fast in large data sources.