Getting Started with Custom Integrations

Customily offers several ways to integrate personalization into your ecommerce platform.

Standalone Integration

Integrate Customily into any ecommerce platform using an iframe-based approach. Customily handles the personalization experience, including the live preview and option set form. The iframe can host the complete experience or run in options-only mode when the preview is embedded directly into your page.

Articles in this section:

• Standalone Integration – End-to-end guide for embedding Customily in a modal iframe, from the Customize button to adding the personalized item to the cart.

  📄 Standalone modal iframe integration

• Custom Add to Cart Integration – Use your own Add to Cart button while still generating production files and saving personalization data.

  📄 Custom Add to Cart Integration

• Retrieving Personalization Details & Production Files – Access personalization details, preview images, and production file URLs using a personalization GUID or order ID.

  📄 Retrieving Personalization Details & Production Files

• Options-Only Mode Integration – Embed the live preview directly on your product page while running the personalization form inside an iframe.

  📄 Options-Only Mode Integration

customily.js

Build a fully custom personalization experience using Customily's JavaScript library. The library renders the live preview canvas and provides methods to update text, images, vectors, colors, and other personalization elements programmatically.

Articles in this section:

• customily.js Reference – Complete API reference for initializing the preview, loading templates, updating personalization elements, and exporting files.

  📄 customily.js API Reference

Design Studio API

Manage products, templates, publishing workflows, and other Design Studio resources programmatically.

Articles in this section:

• Design Studio API – Interactive Swagger documentation for the Design Studio backend API.