Let your customers design their print on your products, right on your website, and get back a print job with previews, a proofreading PDF and print-ready data.
TronDesigner lets your customers design their own print (logo, text, shapes) on a promotional product, right on your website, and gives you back a print job with the motive, preview images, proofreading PDF and print-ready data.
This portal is for developers integrating the TronDesigner editor into an e-shop, CMS or ERP front end. New to TronDesigner? Start with the business overview and the integration scenarios.
<script> tag, API key and initialization.| I want to… | Read |
|---|---|
| Open the editor from a button without writing JavaScript | HTML data attributes |
| Open the editor from JavaScript | JavaScript builder API |
| Pass a complete configuration as JSON | Editor arguments |
| Link to the editor from an e-mail, ERP or another app | Integration via URL |
| Use TronCloud catalog products, let the customer pick, or send my own products | Data modes |
| Create, edit or show a print job read-only | Open modes |
| Show the editor in a dialog or inside my page | Dialog and inline display |
| Control what happens after the customer confirms | Result actions · Custom editor buttons |
| Get the print job GUID back into my cart | Events and callbacks |
| Attach metadata or suggest design instructions and colors | Custom properties |
| Link print jobs to my customers, orders and cart items | Customers and orders |
| Preselect, upload or reuse logos | Logos · Logo visualizations |
| Download preview images, the motive or the proofreading PDF | Retrieving print jobs and files |
| Match the editor to my brand | Styling the editor |
| Find out why the editor doesn't open | Debugging and error handling |
| Integrate from my server | REST API · Webhooks |
Complete, copy-paste snippets for common e-shop pages are in Integration recipes.
data-td-* attribute in one table.| Production | Development | |
|---|---|---|
| Integration script | https://app.trondesigner.com/js/website-integration.js | https://app-dev.trondesigner.com/js/website-integration.js |
Script API (data-td-api) | https://app.trondesigner.com/api | https://app-dev.trondesigner.com/api |
| URL integration | https://integration.trondesigner.com | https://integration-dev.trondesigner.com |
| REST API | https://api-v1.trondesigner.com | on request |
| Admin Portal (API keys, webhooks, editor settings) | https://portal.trondesigner.com | https://portal-dev.trondesigner.com |
You need an active TronDesigner license and an API key from the Admin Portal (Settings → API Keys).