Auto-opens the designer on page load using exact data.
Opens the editor from data attributes on a button and wires every event callback through script attributes.
Demonstrates handling SDK initialization failure with a notification popup.
Uses the JS args builder for an exact product + printing.
Starts with a model; user picks variants and printings.
Opens with a full explicit JSON payload.
Adds and removes product variants and printings on an existing print job using Edit mode.
Shows how showSelectedVariants / showSelectedPrintOptions react when sent variant or
printing codes are not found in the catalogue.
Opens with a minimal JSON payload (model only).
Opens using custom product data (Own schema) instead of PromoTron catalog.
Retrieves motive area + visualization images after creation.
Shows possible result action configurations, which determine what happens when the print graphics is
confirmed.
Opens the editor with one, two, or three custom footer buttons.
Open and modify existing print jobs using their GUID.
Display print jobs in read-only mode for review and confirmation.
Direct URL integration without JavaScript - perfect for emails and QR codes.
Embed the editor directly into a page element for seamless integration.
Subscribes to all editor events (print job, logo, text, proofreading) and logs them, plus the onClose reason.
Link print jobs to users, orders, and cart items for e-commerce integration.
Attach arbitrary metadata to print jobs via HTML attribute, JS builder, or print job arguments, and verify the properties echo back in the created event.
Show instructions to the customer in the editor via the EDITOR:DESIGN_INSTRUCTION custom property, and update or hide them in Edit mode.
Offer brand colors in the logo and text color selectors via EDITOR:DESIGN_COLOR_<n> custom properties, and automatically recolor logos when exactly one color is supplied.
Where errors are reported and how to handle them: onClose('Error'), getInitialized(), invalid custom buttons and rejected API calls.
Configure multiple print positions and technologies in a single print job.
Example of injecting custom CSS into the designer from the host page, to modify the editor's appearance and behavior.
Logo upload and gallery, the selected logo (logo.selected event), and preselecting a logo by GUID or URL.
Replaces product images with rendered logo visualizations using data-td-action="RenderVisualization" - by variant, and by variant + print position + technology across multiple products.
