Customer Guide / Portlets & Forms

Portlets & Forms

Add interactive widgets and forms to your pages.

Portlets are reusable, runtime-deployable components you place on pages — a banner, a content list, a form, and more. The platform ships with built-in portlets, you can register new ones (including from a Deploy URL), and you can design your own with the portlet designer. Portlets are organised into folders and scoped per site, and the header shows how many are total and active.

Placing a portlet

  1. Open a page in the page editor.
  2. Drag a portlet from the palette into a page region.
  3. Open its settings to configure what it shows.
  4. Preview and publish.
The portlets catalogue, with Register and Deploy URL.
The portlets catalogue, with Register and Deploy URL.

Registering and editing a portlet

Use Register to add a portlet to the catalogue and edit its details — name, version, category and configuration. (Developers: the strict build-and-deploy rules are on the Portlet Build & Deploy page.)

Editing a portlet's details.
Editing a portlet's details.

The portlet designer

The Portlet Designer lets you compose custom widgets visually and preview them before using them on pages.

Designing a custom portlet.
Designing a custom portlet.

Dynamic forms

The Dynamic Forms builder creates forms — contact, registration, feedback — without code. Add fields, set validation, and choose what happens when a visitor submits.

The Dynamic Forms list.
The Dynamic Forms list.

Building a form, step by step

  1. Open Dynamic Forms and select New Form, then enter the form's basic details.
  2. Add and arrange fields, setting types and validation.
  3. Provide localized labels and messages so the form works in every language.
  4. Map the form to its data/API so submissions go where they should.
  5. Preview the form, then place it on a page as a portlet.
Step 1 — the form's basic details.
Step 1 — the form's basic details.
Step 2 — adding and configuring fields.
Step 2 — adding and configuring fields.
Step 3 — localized labels and messages.
Step 3 — localized labels and messages.
Step 4 — mapping the form to its API/data.
Step 4 — mapping the form to its API/data.
Step 5 — previewing the finished form.
Step 5 — previewing the finished form.