Skip to content
Close
Book Demo
Install Free
Book Demo
Install Free
CTA_BG

Page Editor

This page covers everything you click and do around the PowerPlay Agent: browsing your pages, creating new ones, previewing, page settings, and publishing.
01

Browse your pages and images

From the PowerPlay home, use the tabs:

  • Site Pages — your HubSpot website pages.
  • Landing Pages — your HubSpot landing pages.
  • Images — AI-generated images created while using PowerPlay, ready to reuse on your pages.
The PowerPlay home: Site Pages, Landing Pages, and Images tabs, with each page's name, last-updated time, and status.
The PowerPlay home: Site Pages, Landing Pages, and Images tabs, with each page's name, last-updated time, and status.
The Images tab collects every image the Agent has generated, ready to reuse.
The Images tab collects every image the Agent has generated, ready to reuse.
02

Create a new page

  1. On the home screen, click the create action on the Site Pages or Landing Pages tab.
  2. Pick a theme.
  3. Pick a template.
  4. PowerPlay creates a draft page and opens it in the Page Editor.
Creating a page: choose a theme, then pick a template from the thumbnail grid.
Creating a page: choose a theme, then pick a template from the thumbnail grid.
03

The editor workbench

Click any page in the list to open the Page Editor. It shows a live preview on the left and the PowerPlay Agent chat panel on the right.

Use the Desktop, Tablet, and Mobile toggles in the toolbar to preview how the page looks at different viewport sizes.

The Page Editor: live preview on the left, the PowerPlay Agent on the right, and the toolbar across the top.
The Page Editor: live preview on the left, the PowerPlay Agent on the right, and the toolbar across the top.
The mobile viewport toggle shrinks the preview to a phone-sized frame.
The mobile viewport toggle shrinks the preview to a phone-sized frame.
04

Edit page settings

Click the Settings (gear) icon in the toolbar to switch the left panel from the preview to the page settings form. From here you can edit:

  • Search & sharing — the page title and description used in browser tabs, search results, and social previews.
  • Featured image — the image shown in social previews.
  • Custom code — advanced header and footer code (e.g. analytics or chat-widget snippets).

Changes are saved to the draft; publish the page in HubSpot to make them visible to visitors.

The page settings panel replaces the preview when you click the gear icon.
The page settings panel replaces the preview when you click the gear icon.
05

Toolbar reference

The editor toolbar, from left to right.
The editor toolbar, from left to right.
Button What it does
Back Return to the page list.
Page settings Toggle the page settings form.
Viewport Preview at desktop, tablet, or mobile size.
Refresh Reload the live preview.
Edit in HubSpot Open the page in HubSpot's CMS editor.
Open preview Open the standalone page preview in a new tab.
06

Publishing your changes

PowerPlay edits drafts only. When you're happy with a page:

  1. Click Edit in HubSpot to open the page in HubSpot.
  2. Review the draft.
  3. Publish from HubSpot.

This keeps you in full control of what goes live.

Next
Account & Settings

Invite your team, manage roles, and keep your themes in sync.
Account & Settings