AllDesignWebsite PagesEditing Pages

Editing Pages

Open a page, edit content, and use preview tools.

Edit a page

1

Open Website Pages

2

Select a page

Choose a page from Manage Pages.

3

Make changes

Update content, layout, and widgets in the editor.

4

Save Draft

Click Save Draft to save your edits.

Helpful editor actions

  • Preview Page: open a preview before publishing. Use Cmd/Ctrl+Click on preview actions to open in a new tab.
  • Open Live Page: view the published page in a new tab.
  • Version History: review past versions and restore.
  • Undo / Redo: step through recent edits. AI widget rewrites are grouped so one undo action can roll back the generated change.
  • Header and Footer: edit shared layout areas that appear across multiple pages. Header and Footer
  • Clipboard: reuse copied widgets across pages. Clipboard
  • Widgets: add widgets and polish layouts. Widgets

When another editor is in the page

  • The page can open in View-only mode while someone else is editing the draft.
  • Use the collaboration status pill to see whether the page is in Editing, View-only, Waiting, Paused, or Conflict.
  • Paused means the active editor stepped away during a shared-editing session. Their session can still resume editing if they return soon.
  • Open the collaboration status panel to see who is here now, whether another session is actively editing or only viewing, and when someone was last active.
  • Choose Request editing when you want the current editor to hand the page off.
  • If you receive a request, use the checkpoint handoff option to save a recovery copy and pass along the latest shared draft. Choose Keep editing if you are not ready to release the draft yet.
  • Open the collaboration status panel to send quick notes, see short message previews, and dictate a message before you send it.
  • Short tab or app switches keep your editing session for a brief grace period, so returning to the page is less likely to force a fresh handoff.
  • If your workspace allows it and the page stays stuck in Waiting, use Force takeover to move editing access to your session.
  • If the draft changes in another tab or session, reload the latest draft before you continue editing.

Row layout tools

  • Hover a row and use the width control to cycle between Layout, Full, and Compact.
  • Open row settings and use Gap Below when you need extra space after a row without changing the spacing inside the row.
  • Sticky Stack rows now release more consistently into the next normal row on published pages, including when consecutive sticky rows use different stacking layers, and scroll updates avoid unnecessary visual flicker.
  • Published headers and footers skip unused empty rows so accidental blank bands do not appear on live pages. Intentional empty rows in page content are preserved.
  • Empty rows explain whether you need to add a column or can drop widgets into existing columns. Use Add column or the remove icon directly from the placeholder when the row is still empty.
  • When adding a row near a header, body, or footer boundary, use the Add to choice in Add New Row before choosing AI Generate, Browse Templates, or Start Blank.
  • Compact rows use the global mobile row inset automatically on phones and tablets.
  • Turn on Mobile Inset for Layout or Full rows that should keep card-like left and right spacing on phones and tablets. The inset amount comes from Layout.
  • Use row background frame controls when a background image needs a different focal point on mobile.
  • Use Mobile Overlay when a row background image needs separate overlay behavior on smaller screens.

Animation controls

Use a widget's Animation action when you want motion on the published page.

  • Choose when the animation starts, including when the widget becomes visible while scrolling.
  • Set the scroll start point for on-visible animations.
  • Adjust speed, delay or stagger, easing, repeat behavior, and motion distance for supported movement effects.
  • Use Play Animation to review the effect before publishing.

Use the link selector when buttons, text, icons, shapes, or menu items need a destination.

  • Team: link directly to an active team member profile when Team Profiles are enabled.
  • Video: choose a video from the library or paste a supported YouTube, Vimeo, Loom, or Wistia URL. Lightbox mode opens the video on the same page after the visitor clicks; page mode opens the video destination.
  • File: open the file manager without leaving the link dialog.
  • Store: link to store home, checkout, cart, a category, a product page, or product cart actions.

Use the link selector's Store tab when a button, text link, or image should send visitors into your storefront.

  • Link to the store home, checkout, cart, a category, or a specific product.
  • For product links, choose whether the link opens the product page, adds the item to the cart, or adds the item and sends the visitor to checkout.
  • Product link options respect active prices, variants, stock, and product availability so sold-out or unavailable selections are not offered for cart actions.

AI row, section, and column tools

Use AI tools when you want a new section or a faster rewrite of existing page content.

  • AI Row Generator: describe a new row, choose a quick section direction such as hero, features, about/story, testimonials, call to action, pricing, or FAQ, preview the generated row, then apply it to the page.
  • The prompt box includes a microphone button when you want to dictate the row brief instead of typing it.
  • Layout: pick a layout style, use Shuffle when you want a new variation, and include content above or below the insertion point when the row should match the surrounding page.
  • Images: choose None for the fastest generation, Good for faster AI images, or High for higher-quality image generation.
  • Preview before applying: review the visual preview and any warnings before adding the generated row to the page.
  • Ask AI on a row: regenerate the whole section, make it more premium, make it more minimal, rewrite all copy, make copy more concise, or provide a custom prompt.
  • Rewrite all copy keeps the row layout, images, colors, and widget order in place while refreshing the words.
  • Ask AI on a column: rewrite the column copy, change tone, make copy more concise, or use a custom prompt without changing the layout.
  • Row and column AI actions use nearby page content so new or rewritten copy fits the page flow more closely and avoids repeating existing sections.

Generate a page vs rewrite page copy

Use the right AI workflow based on what you want changed:

  • Generate a page: use the AI Page Generator when you want a new page or a larger page draft. You review the generated structure before applying it.
  • Rewrite page copy: use Agent Bee when the page structure, layout, fonts, colors, widgets, and images should stay in place and only the words should change.
  • Edit a specific row or widget: use the row, column, or widget AI tools from the page canvas when you want a local section change.

If you ask Bee how to edit a page, Bee should point you to page-editing docs. If you directly ask Bee to rewrite the current page copy, Bee starts the rewrite preview flow.

Updated Jun 1, 2026

Was this helpful?