Getting Started with Custom Integrations

Last updated: June 15, 2026

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.

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

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

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

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.

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.