Editing Pages

Edit a page

Helpful editor actions

• Preview Page: open a draft or live preview inside the builder before publishing. Use the desktop, tablet, and mobile controls to change the preview width, press Escape to return to editing, or use Cmd/Ctrl+Click on preview actions to open in a new tab. Clicking internal page, blog, or podcast links inside the inline preview keeps you in the matching draft or published preview route instead of jumping out of the preview frame.
• Open Live Page: view the published page in a new tab.
• Help & Guides: open the lower-left help panel to search docs, continue a guide, or start and replay a Quick Tour for the current workspace area.
• Version History: review past versions and restore.
• Undo / Redo: step through recent edits. Common widget moves, property changes, and AI rewrites restore faster while still keeping generated changes grouped into a single undo action.
• Clean settings closes: opening and closing widget settings without making a change does not add extra undo history.
• Text editing: double-clicking text enters focused editing more predictably, with word selection tuned for faster copy edits.
• Text typing: rich text and dynamic text widgets preserve in-progress typing more reliably during quick edits, reducing caret jumps and lost keystrokes.
• Toolbar placement: text and column controls try to stay inside the visible editor area. Dropdowns can flip upward near the bottom of the screen, and column controls shift inward near page edges.
• 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.
• Drag-and-drop indicators clear more reliably and avoid showing placements that cannot accept the item being moved.
• Side-by-side drag placements are easier to read when you want to wrap widgets into columns, and the editor keeps the last visible placement if the pointer moves quickly during a drop.
• If a widget cannot be dropped in the current position, the editor gives clearer feedback before you release it.
• Column drags inside rows and sub-columns resolve to the intended column, so drops between neighboring columns are easier to place accurately.
• Image widget toolbars stay reachable in media-heavy columns, and toolbar placement avoids covering more of the selected media while you edit.
• Header rows and wider column gaps stay more stable while editing. Header hover does not create extra draft changes, and column resize bars stay easier to grab in tight header layouts.
• 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 custom width, height, X/Y position, or behind-frame color on desktop or mobile.
• Use Mobile Overlay when a row background image needs separate overlay behavior on smaller screens.
• Shape dividers at the top or bottom of a row keep their selected divider colors at the row edge in both the builder and published pages, helping colored dividers blend cleanly with the section.
• Row and column padding drag handles update the on-canvas spacing and the matching row's numeric badge while you drag, then save the final value when you release the mouse.

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.
• Tall sections and widgets automatically use a reachable scroll trigger when the selected start point would otherwise require more of the element to fit in the viewport than the screen can show.
• Adjust speed, delay or stagger, easing, repeat behavior, and motion distance for supported movement effects.
• Choosing a new animation plays a preview once, then leaves the canvas in its final readable state while you keep editing.
• Use Play Animation to review the effect before publishing.

Link selector

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. Choose Lightbox when the video should open on the same page after the visitor clicks, or Page when the link should open the video destination.
• Booking: choose an active event type, then choose Lightbox to keep visitors on the current page or Booking Page to send them to the full booking page.
• Quiz: choose an active quiz, then choose Lightbox to open it over the current page or Quiz Page to send visitors to the standalone quiz page.
• Member Area: link to sign-in, account creation, password reset, the member dashboard, member courses, member communities, member events, account settings, or a specific available member area item.
• 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.

The link selector warns when a selected page, post, podcast episode, popup, funnel, or funnel step is not live yet. Unavailable choices are shown lower in selection lists so published destinations are easier to choose first.

After you use a link, the selector keeps up to five available destinations in the Recent menu for that website. Select one to reuse its full destination and link settings. Destinations that were removed or are no longer available are cleared from the list automatically.

When you select an existing inline link in website or email text, use the shared link actions to edit it, open a safe destination in a new tab, or remove the link. Links that depend on a live-page interaction stay disabled for editor preview; test those interactions on the live page instead.

Store links

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.
• Generated buttons preserve button text, link, alignment, icon, color, hover, padding, and radius choices more reliably when a row or button is generated from a prompt.
• 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.
• Ask AI on a widget: use the sparkle button on supported widgets to update text, cards, lists, accordions, badges, forms, and menus with a custom prompt or shortcut chips such as Improve, Shorten, Lengthen, Add item, Add field, or Add CTA.
• Menu AI only links to pages that already exist on the website, which helps you refine labels, add a one-level submenu, or update the menu CTA without inventing broken destinations.

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.
• After an AI page or website generation is applied, Hiveality saves the generated draft automatically. Let the apply action finish before leaving the editor, then publish when you are ready.
• Import a clean HTML draft: connected assistants and API key workflows can turn approved clean HTML into an editable page draft that uses your saved fonts and colors where possible. Review the returned image and warning report before publishing.
• Clean HTML imports preserve more authored layout details, including section width, background image fit/position, fixed-background behavior, overlays, column spacing, column padding, and vertical alignment.
• 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.