Data-Bound Sections

A data-bound section is a design that shows the information of a record you choose — a provider, a service, a product, a post — instead of fixed sample text. You pick the record once; the section fills itself and stays up to date.

A provider spotlight section selected in the Page Builder with the Providers picker in the Settings panel

A data-bound section selected in the editor. The Settings panel shows a picker for the records to display and a limit.

Why data-bound sections exist

Ready-made sections come with sample wording. For some designs — a provider profile, a service page, a product showcase — the content is already in TruCMS. A data-bound section reads it for you, so you never retype a name, a price, a rating or a photo, and the section cannot drift out of date.

Insert a section from the Template Library → Select it → Pick the record in Settings → The section fills with real data → Save the page

Using one

  1. Open the Page Builder and insert a section or full page from the Template Library. Booking and Shop layouts are the ones that use your records.
  2. Click the section on the canvas to select it. If it is data-bound, its name appears in the selection and the Settings panel shows a picker (for example Providers, Services, Product or Posts).
  3. Search and choose one or more records. For lists, set Max items to the number you want to show.
  4. The section reloads with the real data within a moment. Change the choice at any time and it updates again.
  5. Choose Save Content.

Until you choose a record, the section shows its sample wording, so it is obvious when a pick is still missing.

What you can bind to

PickerShowsComes from
ProvidersNames, photos, specialities, ratings, next free times and booking buttons of the staff you pick.Booking
ServicesNames, durations, prices, descriptions and booking links of the services you pick.Booking
LocationsNames, addresses, opening details and the services available at the locations you pick.Booking
Single Booking Service / Provider / Location (full page)A whole story page about one service, staff member or place: introduction, details, the team, reviews, a live booking form pre-selected for it.Booking
ProductOne product: gallery, price, options, specifications and reviews.TruCommerce
ProductsA set of products, for example a “drop” or “shop the look” section.TruCommerce
Product CategoriesCategories with their images and product counts.TruCommerce
Category (full page)A whole page about one category.TruCommerce
PostsPublished blog posts, for example a featured story.Blog

Full-page bindings

A full page layout asks for the record only once. Every section of the page then follows that single record, so a service story page is built around one service from top to bottom.

How the data stays current

When you save, TruCMS stores the page with the real data already filled in, so public pages stay fast and keep working. It also remembers which records each page shows. From then on:

Changes not showing?

If a change to a record does not appear on a page after a while, check that scheduled tasks are running (see FAQ), then open the page in the Page Builder and save it once.

Good to know

Page Builder · Template Library in the Builder · Dynamic Blocks & Shortcodes · Scheduled Tasks