1
Obtén tu API Key Pública
Desde el panel de administración de Colora, copia tu identificador de tienda único.
2
Agrega el Script a theme.liquid
En tu panel de Shopify ve a Tienda Online > Temas > Editar código. Abre el archivo theme.liquid y pega este código antes de </body>:
<!-- Colora 3D Customizer for Shopify -->
<script
src="https://cdn.colora.app/v1/embed.js"
data-key="TU-API-KEY"
data-theme="auto"
data-lang="es"
async>
</script>
3
Habilita el Bloque en tu Tema
En el editor visual de tu tema (Shopify 2.0), agrega un bloque personalizado con la clase colora-btn-personalizar en la plantilla de producto. El arte generado se adjuntará automáticamente al pedido.
Preguntas Técnicas Frecuentes sobre Shopify
¿Cómo se pasan los artes al panel de pedidos de Shopify?
Colora utiliza los Line Item Properties de la API de carrito de Shopify. Cuando el cliente confirma el diseño 3D, el enlace al PDF de producción a 300 DPI se adjunta al producto dentro del pedido del cliente.
¿Afecta la velocidad o el puntaje de rendimiento de mi tema?
No. El script de Colora se carga de forma asíncrona (async) y pesa solo ~28 KB. Los recursos 3D se descargan bajo demanda únicamente cuando el cliente interactúa con el producto, manteniendo tu velocidad de tienda verde en Google PageSpeed.
¿Funciona con Shopify Checkout nativo y Shop Pay?
Sí. Toda la transacción transcurre 100% dentro del checkout seguro de Shopify. Colora no procesa tus pagos ni cobra comisiones sobre tus ventas.