ManaPrint Customizer

Drop a live product personalization editor into any site with one script tag and a licence key.

Embed

<!-- 1. load the widget -->
<script src="https://customizer.manaprint.com/v1/customizer.js"></script>

<!-- 2. open the editor with your licence key -->
<script>
  ManaPrintCustomizer.open({
    key:      "mck_live_…",   // your publishable, domain-locked key
    apiBase:  "https://api.manaprint.com/public/api/client",
    template: { /* product config — productType picks the editor */ },
    onSave: function(design, previews, print) {
      // design + preview PNG(s) + print-ready artwork
    }
  });
</script>

How it works

• The widget bundles everything it needs (React, Fabric, the editor) — no dependencies on the host page.
• On open it validates your licence key against apiBase. An invalid or wrong-domain key blocks the editor.
• Uploads and print rendering go through the licenced API; usage is metered per customized item ordered.
• productType in the template selects the editor: photo/magnet, tshirt (front/back), or mug.

Need a key? Contact ManaPrint.