Skip to main content
Use a component target for content that belongs together: a case study, product guide, offer, or image with a CTA.
Use a real destination and classes from your website.

​
Replace or insert

  • replace: keep the target element and replace its children.
  • after: insert a block after the target. The original stays in place.
The default variant restores the original, or removes the inserted block.

​
Reuse a component

Create a component with save_component, then pass its ID to save_variant. Editing it updates every draft that references it. Publish when the changes are ready.

​
Supported content

Components contain HTML and supported styles. Scripts, forms, event handlers, and external stylesheets are removed. Use links for actions; imported buttons become plain content. Keep interactive logic in your application. For a dropdown, use controls. For questions and answers, see quizzes.
Simple embedded CSS can be inlined. Media queries, custom fonts, keyframes, and remaining style tags are discarded. Existing site classes work well for responsive layouts.Review import warnings and the saved result. The server importer is stricter than the browser allowlist; see the HTML reference.