Duff Cloud Services Docs

Appearance

Visual Editor ​

The Visual Editor lets you change a page while looking at a live preview of your own site. You open a single page, edit the parts you want, review everything you have staged, and then queue those changes for your next release — all without touching code.

Open it from Content Pages in the portal and choose a page to edit. Each page opens at its own editor address (/pages/<page>), so you always work on one page at a time.

The live preview ​

The editor shows your real site rendered in a preview panel. When you open a page, the preview starts automatically and stays in sync as you make edits, so what you see is what your visitors will get after the change is released.

Use the toolbar controls to check your work at different sizes:

  • Device selector — switch between desktop, tablet, and mobile widths.
  • Zoom — zoom the preview in or out to inspect detail or see the whole page.

Editing text inline ​

To change text, double-click the words you want to edit directly in the preview and type your new copy. There is no separate form to hunt through — you edit the text where it lives on the page.

As soon as you change something, the edit is held in a pending-changes tray in the toolbar. Nothing is published yet.

Reviewing and saving changes ​

The toolbar keeps a running list of everything you have staged on the page. From there you can:

  • Discard — drop your staged changes and return the page to its current state.
  • Save — queue your changes for deployment.

Saving queues your changes — it does not publish instantly

When you click Save, your text changes are queued for deployment. They go live with your next release, not the moment you save. To understand how a queued change becomes a live release, see Releases & Version History.

Section actions ​

Right-click (or use the section menu on) a section of the page to reach richer actions for that block:

  • Edit Section Text — open the section's text for editing.
  • Manage Section Images / Replace Image — swap or manage the images used in that section.
  • Edit list — edit repeating content such as cards or list items.
  • AI Edit Section and AI Edit Page — ask the built-in assistant to draft a change for you (see below).

Images ​

You can replace an image straight from the preview by selecting it and choosing a new one. Uploaded images are served from the DCS image library — see Images & Media for how uploads, alt text, and responsive variants work.

Blog posts and events ​

When you open a blog post or event page, the editor gives you a full rich-text (WYSIWYG) editor for the post body, plus fields for the title and summary. You write and format the content in place and see it reflected in the preview.

Forms ​

Pages that have a managed form attached open a Form Manager panel where you can review and adjust the form's fields. For everything a form can do — where responses land and how sensitive submissions are handled — see Form Submissions.

The AI assistant ​

The editor includes an AI assistant you can open alongside your work. The assistant stages changes rather than applying them directly: it drafts edits into the same pending-changes tray, and you review them and click Save to queue them — so you always stay in control of what actually ships. The assistant panel stays open next to the toolbar so the Save and Discard controls remain within reach while you review its suggestions.

Next steps ​