Retired compatibility node for existing graphs that flattened ordered HTML. New flows connect current Section editor outputs directly into Website Studio, then use HTML Export for delivery files.
Where: existing saved Flowgen graphs only (removed from Add and noodle-creation menus) — Open an older graph that already contains HTML Page Join
Key ideas
- Two inputs: It has an HTML Sections input (html dataType) that gathers every connected section, and an optional Design System input (design_system dataType) whose colors/CSS theme the page.
- Section ordering: Connected sections list in the node with up/down arrows so you control the stacking order before building; the combined output is page HTML/CSS.
- Preview & save: After Build Page a static preview image renders; Preview opens it and Save Page stores the page as an asset. Result history lets you flip between built versions.
- HTML Page Join / HTML Combine card: HtmlJoinNode uses the generic shared-card path. Compatibility-only node for older graphs; Website Studio now assembles ordered editable sections directly.
- Properties sidebar: genOutputNodes.tsx
- Opened surfaces: HTML preview; visual editor; save/version
Steps
- For new work, add Website Studio and connect Section outputs directly to its page socket in the desired order.
- Connect the Design System to Website Studio's Design System input.
- For an existing HTML Page Join graph, keep using it as-is or replace it with Website Studio when you next revise the flow.
- After replacement, verify downstream consumers use Website Studio's HTML or bundle output.
HTML Page Join / HTML Combine controls and presets
- Add path: Flowgen → Add → Existing saved graphs only.
- Card: HtmlJoinNode.
- Properties: genOutputNodes.tsx.
- Controls: Existing ordered sections; design system; combined HTML/CSS; reorder/join.
- Opened surfaces: HTML preview; visual editor; save/version.
Names you may encounter
- HTML Page Join.
- HTML Combine.
- HTML_JOIN.
Current replacement path
Website Studio assembles ordered editable sections directly. HTML Export is the later delivery step and does not belong between Section and Website Studio.
FAQ
Is the Design System required?
No — it's an optional second input. Without it the page builds from the raw sections; with it, the page is themed by the design system's colors and CSS.
How do I change the section order?
Use the up/down chevrons next to each section in the Sections Order list before clicking Build Page.
What replaces HTML Page Join?
Website Studio. Connect multiple Section outputs to its page socket; it preserves them as ordered editable components instead of flattening them into one HTML blob.