Reuse, fork, and share components

Save local reusable blocks, fork originals without overwriting them, upload reviewed HTML, and share or import components.

PageDesigner supports four different reuse operations. Choose the one that matches your intent.

Save a selected sectionCopy Anchor Link

1. Select the complete reusable section.
2. Select the lower-right Save as Block action.
3. Enter a descriptive name.
4. Select Save Block.
5. Find the result under Saved Components in Blocks.

You can also press Ctrl + Shift + S.

What is savedCopy Anchor Link

The saved snapshot contains the selected component's HTML structure, styling, and nested elements. A later placement is a copy. Editing the placed copy does not update the saved block or other pages.

Name for the next editorCopy Anchor Link

Remove campaign dates, customer names, temporary prices, private links, and tracking identifiers before saving a general reusable block.

Fork a componentCopy Anchor Link

Forking is for a reusable model that needs a permanent structural or code-level variation.

1. Open the Model Marketplace.
2. Open Custom → Fork.
3. Choose a Hosted or local custom component.
4. Select Download HTML.
5. Edit the downloaded .html file in a trusted code editor.
6. Return to Custom → Upload.
7. Upload the file or paste the reviewed markup.
8. Give the new component a name and category.
9. Save it.

The original model is not modified.

When not to forkCopy Anchor Link

Do not fork just to change the heading, image, price, or link on one page. Place the regular model and edit the page copy.

Fork when the reusable version needs a different structure, enduring brand variation, or a reviewed change that should be available on many future pages.

Upload a custom componentCopy Anchor Link

The Upload dialog accepts:

• a forked .html file;
• hand-prepared HTML from a trusted developer;
• markup pasted into the HTML field.

Provide:

• Component name
• Category
• HTML file or HTML code

Treat this as a developer boundary.

Review before uploadCopy Anchor Link

• Use semantic HTML.
• Use Paymenter theme tokens.
• Use mobile-first utility classes.
• Include meaningful alt text.
• Use safe links and attributes.
• Do not include <script>, inline on* handlers, or javascript: URLs.
• Do not paste secrets, private data, or code from an untrusted source.

Page-level JavaScript belongs in the controlled Custom Code workflow, not a reusable canvas component.

Share one componentCopy Anchor Link

1. Select the exact component.
2. Select Share Component.
3. Enter a descriptive component name.
4. Create the share.
5. Copy the returned link.
6. Send it only to the intended recipient.

Before sharing, remove private names, draft text, unreleased prices, private image URLs, and internal tracking values.

Sharing creates a transferable package. It does not create a synchronized component that receives future edits.

Import a shared componentCopy Anchor Link

1. Open the Model Marketplace.
2. Select Import Component.
3. Paste the share link or component UID.
4. Select Import.
5. Find the imported result under Shared Components.
6. Drag it onto the page and review every detail.

If import fails, confirm:

• the link or UID is complete;
• the sender's visibility allows your account to import;
• your role can download Hosted components;
• your license is active;
• the Hosted API is reachable.

Deleting reusable blocksCopy Anchor Link

Deleting a local reusable source does not remove copies already placed on pages. Still verify the source is no longer needed before deletion.

Do not delete a source to fix a single page copy. Edit or remove the copy on that page.

Governance recommendationsCopy Anchor Link

• Use a naming convention.
• Assign an owner for commonly used components.
• Keep a small approved set for pricing, legal, support, and checkout-adjacent content.
• Review models after brand or theme changes.
• Version structural variants in their names when the difference matters.
• Prefer a fork over editing an unknown HTML export in place.
• Test every reusable component on a clean draft before wider use.

---