A hub is a Blank page you fill with your own mix of text, images, cards, buttons, forms, and polls on one scannable page. Edit it any time to add, reorder, hide, or swap those pieces as your campaign changes.
User Permissions | Admins and Editors. |
Note: Hubs are built with Blank page, which isn't on in every organization yet. If you don't see Blank page under Pages in the editor toolbar, contact your Flowcode CSM.
Find the page builder
In the Flow Editor, find the editor toolbar to the left of the canvas.
To add a new hub page, under Pages, click Blank page ("A page with no content.").
To edit an existing hub, click the page on the canvas. The page toolbar replaces the editor toolbar.
To build a hub from scratch (cards, routing, and lead capture), see Build a hub for an event or campaign.
Add a component
Click the page, then click a tool in the page toolbar: Text, Image, Video, Button, Card, Form, or Poll. Hover over an icon to see its name.
Move the pointer over the page and click the ⊕ where the component should go.
The tool stays selected, so each click on the page adds another one. Click the tool again to stop adding.
Note: Each page holds one Form or one Poll. To collect more answers, add another Blank page.
Edit text and cards
Click a component to open its settings on the right.
Text:
Type in the text box.
Select Paragraph, Heading 1, or Heading 2.
Set Text alignment, Text size, Text color, and Font weight.
Card:
Set the Header and Subheader.
Under Card presentation, select Stacked or Overlay.
Card image:
To swap it, hover over the thumbnail under Image and click the ×, then upload a new one.
Or click the thumbnail and select Replace image.
Select a crop (Freeform, Landscape(16:9), Square (1:1), or Portrait(4:5)) and click Save.
Note: Text has no inline formatting. Font weight makes the whole block bold or regular, and pressing Enter doesn't start a new line. For a new line or a bold phrase, add another Text component.
Move a component
Click a component. A green handle appears on its left edge.
Drag the handle up or down and drop the component where you want it.
To place two components side by side, drag one next to the other until they snap into a row.
Duplicate or delete a component
Click the component.
At the bottom of its settings, click Duplicate or Delete.
Duplicate adds a copy directly below with the same content and style. Form can't be duplicated.
Important: Delete has no confirmation step. It also removes the destination connected to that component, and anything after it on the canvas. To undo, click the undo arrow at the top of the editor, or press Cmd+Z (Ctrl+Z on Windows).
Publish and test
After you click Publish, your changes are live. Until you do, the Publish menu shows "There are changes that are unpublished" and visitors keep seeing the last published version. Discard changes reverts the editor to that version.
Hide a component without deleting it
Click the Card, Button, or Image.
In its settings, scroll to State and turn off Show on page.
Click Publish.
The editor marks it with a crossed-out eye icon, and visitors don't see it. Text, Video, Form, and Poll have no Show on page switch, so delete them instead.
Troubleshooting
"I can't find the page builder, Blank page, or the Page V2 option."
Blank page is enabled per organization. Contact your Flowcode CSM to turn it on.
"I can't find add module."
Click the page on the canvas first. The page toolbar appears only while a page is selected.
"I want to hide a module but I only see Delete."
Hide only works on Card, Button, and Image. Turn off Show on page under State.
"Publish is greyed out and says 'Please resolve the error before publishing'."
A card or button has no destination (a red dot sits beside it). Click a destination type under Destinations, then the + beside it.
"My changes don't show on the live page."
You haven't published yet. Click Publish.
FAQs
Can I make one word bold or add a line break?
No. Formatting applies to the whole Text component. Use separate components for separate lines.
How long can a card header be?
On the page, the Header and Subheader each show up to 2 lines, and longer text is cut off.
Can I use these tools on an older Landing page?
No. They work only on Blank page pages. To rebuild an old page, add a Blank page to the same flow.
Does renaming a page change Analytics?
New pages are named Page v2 1 and so on. Rename a page with the pencil icon next to its name. Renaming doesn't relabel past data.