PageDesigner

Build, review, translate, share, and publish responsive Paymenter pages with a visual editor, reusable components, AI, and MCP.

PageDesigner is a visual page-building extension for Paymenter. It lets an authorized administrator create complete storefront pages, arrange reusable sections on a canvas, edit content and styles, preview multiple screen sizes, translate page copy, and publish the result at a chosen URL.

You do not need to write code for the normal workflow. Advanced teams can also use the built-in AI design agent, connect an external assistant through MCP, or add page-level HTML, CSS, and JavaScript.

What PageDesigner managesCopy Anchor Link

PageDesigner separates page-wide settings from the page's visible design:

flowchart LR
    A[Create an unpublished page] --> B[Build on the visual canvas]
    B --> C[Replace sample content]
    C --> D[Check desktop, tablet, mobile]
    D --> E[Save and open full Preview]
    E --> F[Complete SEO and translations]
    F --> G{Approved?}
    G -- No --> B
    G -- Yes --> H[Publish]
    H --> I[Verify the public page]

Choose your pathCopy Anchor Link

Core featuresCopy Anchor Link

• Drag-and-drop page construction with nested Layers navigation.
• A context-aware Properties panel for styles and element settings.
• Desktop, tablet, and mobile canvas views plus a real storefront Preview.
• Light and dark editor review with Paymenter theme color tokens.
• Text, image, link, button, video, layout, border, spacing, and typography controls.
• Reusable saved, custom, shared, official, AI-made, and community components.
• Complete-page sharing and a Page Marketplace that always downloads into an unpublished local draft.
• Per-page translations with editor-only locale review.
• Meta description, keywords, Open Graph image, and canonical URL fields.
• Built-in AI with Read only, Ask before changes, and Full access modes.
• Streamable HTTP MCP with tools, resources, prompts, page operations, catalog-aware copy, translation operations, and custom-code operations.
• Role permissions for page lifecycle, hosted library, downloads, custom components, sharing, AI, licensing, updates, and MCP.

Important conceptsCopy Anchor Link

Save is not publishCopy Anchor Link

Saving stores the current editor project. Publishing is a separate switch in Page Settings. An imported or marketplace page is deliberately created as an unpublished draft.

Publishing is not navigationCopy Anchor Link

A page can be public without appearing in the site menu. Show in Navigation and Navigation Order are separate settings.

Library items are starting pointsCopy Anchor Link

Placing a model or saved component creates a page copy. Edit that copy freely. Fork an original only when you want a new reusable variation; PageDesigner does not overwrite the hosted original.

The license does not replace permissionsCopy Anchor Link

A valid PageDesigner entitlement is required for management features, but each administrator still needs the matching Paymenter permission. A missing button can therefore mean either access is not licensed or the account lacks permission.

Published pages remain localCopy Anchor Link

Published HTML and CSS render from the Paymenter installation. If Hosted is temporarily unavailable, downloaded content remains on the page. Management features follow the current license and offline-grace decision.

Recommended reading orderCopy Anchor Link

1. Installation and licensing
2. Quickstart and page management
3. Editor interface
4. Build and edit content
5. Responsive design and accessibility
6. Components and Model Marketplace
7. Reuse, fork, and share components
8. Share pages and Page Marketplace
9. AI design agent
10. Languages, SEO, and publishing
11. Administration, permissions, and advanced code
12. MCP connected assistants
13. MCP tools reference
14. Troubleshooting and FAQ