Work with Sprocket Rocket AI

The Sprocket Rocket AI chat sits beside whatever you have open: a page, a module, an email, a blog, or a template. On a page, say what the page is for, which sections it needs, the copy that matters, and anything that must not change. Sprocket Rocket works on the page's HubSpot draft, and every change shows on the canvas as it lands. On a page, select Editor in the rail to build by hand instead, and Chat to come back.

The home chat

Opening an installation lands on the home chat: a new chat with Sprocket Rocket, and no page open yet. It starts with cards such as Build a new page, Edit an existing page, Build a module, Start an A/B test, and Write an email, which fill the composer for you to finish, and suggestions that send straight away. Ask about your site, or say what you want to build, and Sprocket Rocket finds the right page or makes one:

• "Which of my pages need work?" Sprocket Rocket reads your HubSpot traffic and ranks your published pages by views, bounce rate, or the biggest drop since the period before. Select a page on the card to open it.
• "Open the pricing page." Sprocket Rocket finds it and opens it.
• "Build a landing page for our webinar." Sprocket Rocket creates the page, opens it, and starts building.
• "Move the spring sale page to landing pages." Sprocket Rocket moves a page between website pages and landing pages. The URL and content stay the same. On an open page, "make this a landing page" works too.

When it isn't clear whether a new page should be a website page or a landing page, Sprocket Rocket asks first. HubSpot limits how many of each a portal can have; when the type you asked for is full, the page is created as the other type and Sprocket Rocket tells you.

Nothing is created in HubSpot until you ask for a page. The chat moves to the page Sprocket Rocket opens and carries on there, with everything you said in the home chat. To build the page yourself instead, select Create new page in Pages, or Or add modules on the empty canvas. An open page, email, blog, template or module has its own cards and suggestions for that kind of work.

Reading traffic needs analytics in the portal's HubSpot connection. Without it, Sprocket Rocket shows a card to reconnect.

One chat, wherever you work

From any screen, the chat can open the thing you're asking about and carry on there: "open the hero module", "fix the subject line on the spring newsletter", "make a new 404 page", "change the blog's post template". It can list, open, and create pages, modules, emails, blogs, and templates. What it opens appears beside the chat, and the conversation moves with it, so you never lose what you said.

When a page needs new modules, Sprocket Rocket builds them in the background, each in its own subthread. Each module is placed on the page when it's ready, and a line in the chat says so, such as Placed Pricing Table on Home, with Open to go to the page. Your screen doesn't move. See Build and change modules for how module work runs.

Build a page

Sprocket Rocket builds from the modules the portal has: Sprocket Rocket modules, your theme's modules, and the portal's own custom modules. It adds, removes, moves, and arranges them, and fills in their content. You can drag modules and edit text yourself at the same time; your edits and the AI's land on the same draft.

On a Sprocket Rocket theme, each module is a complete section, so the AI keeps it full width. "Add three cards" changes the cards inside the module. It only puts separate modules side by side when you ask for that, for example "put the form next to the hero". On custom, Marketplace, and child themes, it arranges modules from what you ask. See Sections and columns for how the grid works.

Rebuild or match a site

Paste a link into the chat and say what you want: "rebuild this page", "make the hero like this one", "use their pricing table". Sprocket Rocket reads the page you linked: screenshots, fonts, colors, button styles, and each section's layout, hover effects, and video. It then builds the page from your modules and fills in the copy. When a section needs a module you don't have, it proposes one on a module card, with the section's own code to work from.

When a rebuild replaces pages on an old site, Sprocket Rocket offers redirects from the old URLs to the new pages.

Behavior checks in a real browser

A screenshot can't show a hover effect or a video that starts playing. Sprocket Rocket can open the page in a real browser and hover, click, scroll, press keys, and wait, then measure what changed. It does this after placing or changing a module with tabs, an accordion, a slider, hover effects, or video, and when you say something "doesn't work". Ask about mobile and it checks at a 390px phone width. When you're matching another site, it can run the same steps on that site to compare.

It also looks at its own render of the page after it makes changes, so it can catch what it got wrong before you do.

Chats and history

A chat on a page stays with that page. A chat with no page follows what it's working on: a module, an email, a blog, or a template. A page opens on a new chat unless Sprocket Rocket is working on it.

Your recent chats are under the clock in the rail. Hover it to see them, grouped into Today, Yesterday, and Earlier, or click it to keep the list open. Each chat names what it worked on, and opening one also opens that page or item. Background module work is listed as a subthread under the chat that started it: select the count beside a chat to show them. A dot on the clock means a chat is working or just finished.

• + in the rail starts a new chat. It closes what you have open and goes back to the home chat.
• Chat in the rail returns to the chat you have open in this browser tab. A new tab starts a new chat.
• If the page was deleted, the chat stays as a record until you select Delete chat. Deleting a chat removes its messages. Changes it already made to the page stay.

A page has one AI turn at a time, across all of its chats. If Sprocket Rocket is already working on the page in another chat, yours or a teammate's, the app opens that chat instead of starting a second turn.

Sprocket Rocket keeps working when you leave the chat or close the tab. Come back and the chat picks up where it is.

Attach images

Select the image button in the composer to attach an image. You can upload a new image or pick one already in the portal's File Manager. Uploaded images go into the File Manager, so Sprocket Rocket can place them on the page. An image you paste into the composer is a reference only: Sprocket Rocket can see it, and copies it into the File Manager if it needs to put it on the page.

See Images and alt text for the other ways Sprocket Rocket finds images.

The message queue

You can keep typing while Sprocket Rocket works. Select Add to queue and your message waits under the composer, in order. The queue holds up to ten messages and is saved with the chat, so other tabs see it too.

Each queued message has three actions:

• Steer sends the message to Sprocket Rocket now. It keeps working and takes it into account, without starting over.
• Edit takes the message out of the queue and puts it back in the composer.
• Remove from queue deletes it.

Select Stop to stop Sprocket Rocket. Stopping also pauses the queue, so the next message doesn't start on its own. Send a new message, or select Send on a paused one, and the queue carries on in its original order.

When a module Sprocket Rocket asked for is ready, or a card you applied needs more page work, its follow-up joins the same queue. See Sprocket Rocket finishes the page.

Answer Sprocket Rocket's questions

When your answer decides the work, Sprocket Rocket asks before it starts. Questions from Sprocket Rocket opens above the composer with one to four questions, one at a time.

• The option marked Recommended is listed first. Some questions say Pick one or more.
• Press a number key to pick an option.
• Use Or type your own answer when no option fits. What you type wins over a selected option.
• Skip question moves on without answering. Back and Next move between questions.
• Send answers sends them to Sprocket Rocket as your next message.
• Answer in the chat instead closes the panel so you can reply in your own words.

Restore points

Every change Sprocket Rocket makes saves a restore point, the same as your own edits. Open Version history from the toolbar to see them: the AI's changes are marked Sprocket Rocket. Select Restore to put the page back to a version from before that change. See Version history.

Hand a request over from the docs

The documentation assistant, Ask Sprocket Rocket, answers questions about Sprocket Rocket. When your question is really a request to change your own page, its answer includes Do this with Sprocket Rocket AI. The link opens the app and asks where Sprocket Rocket should work: a page you recently worked on with Sprocket Rocket AI, or an installation, for a new page or one from its page list. Your question is typed into the Page Builder chat's composer and waits for you. It is never sent on its own.