Editing Renders

Allow users to edit previously generated renders.

Via Embedded Editor

Use the render parameter to load an existing render for editing:

<embed 
  src="https://app.templated.io/editor?embed=CONFIG_ID&render=RENDER_ID" 
  width="100%" 
  height="700" 
/>

When a render is loaded:

1. A clone of the original template is created
2. The render's layer values are applied
3. Users can modify and save as a new template

Via API

To "edit" a render via API, you'll re-render the same template with updated values:

// Original render
const originalRender = await fetch('/v1/render', {
  method: 'POST',
  headers: { 'Authorization': 'Bearer API_KEY' },
  body: JSON.stringify({
    template: 'TEMPLATE_ID',
    layers: { title: { text: 'Version 1' } }
  })
});

// "Edited" render - same template, new values
const editedRender = await fetch('/v1/render', {
  method: 'POST',
  headers: { 'Authorization': 'Bearer API_KEY' },
  body: JSON.stringify({
    template: 'TEMPLATE_ID',
    layers: { title: { text: 'Version 2 - Updated!' } }
  })
});

Use Cases

• Customer revisions — Let customers edit their orders
• Iterative design — Quick tweaks without starting over
• Version history — Keep original, create edited versions

Tips

• Store the original payload to enable re-editing
• Use name parameter to track versions
• Combine with external-id for user sessions

See also: Embedded Editor URL Parameters

Updated on: 11/01/2026