User Manual Quickstart General Concepts Frame Features Resources Style Reference Change Log Glossary Acknowledgements Api Reference Authorization Iframe Api Embedd as iFrame Load and save edits Js Api Backend Api

Embedd as iFrame

This is the most easy way to embedd an editor in any webpage or system. It just needs a few lines of code an you have an editor embedded in your website, your shop or wherever you can insert html.
Try it yourself: Just open any of your templates (Should have a configured Buyer Side). Open the token Window and click on Embedd. A ready made code example for this document with the shop token embedded and the template name integrated will get displayed.

login menu

Now visit one of the countless webpage test offerings e.g. click here to open codepen

Copy and paste the embedd code into the html window of codepen. And voila a your first buyer configurable Printess Document will be loaded and the editor in buyer mode will open.

The following parameters should get customized when embedding into your ecommerce infrastructure:

…&FF_Name=Peter%20Meyer&FF_Email=peter.meyer%40printess.com

Every form field assignment has to be prefixed by “FF_” followed by the name or the ID the form-field. The URI-Encoded value comes after the “=”. In the example a form field named “Name” is set to “Peter Meyer” and a form field named “Email” is set to “peter.meyer@printess.com


All parameters must be URL-encoded (e.g. a space will be represented by ‘%20’)

login menu

Load and save edits

There is also a button for saving customer edits of the document just like an add to card button would do to save a customer order into a shoping basket. The return value of this API call is an ID under which this customer edit can either get ordered as a print file or get loaded again by supplying it to as template name, or if the editor is already open by using loadJson like in the example code.