Cómo incrustar un formulario de contacto en Shopify con Custom Liquid
Una sección Custom Liquid en el editor de temas. Sin instalar app, sin conocimientos de Liquid — pega las dos líneas y guarda.
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Paso a paso
Problemas comunes
Preguntas frecuentes
¿Necesito una app de Shopify de la App Store?
No. Custom Liquid es una sección de tema integrada, y la propia recomendación de Shopify es usar el editor de temas antes de recurrir al código o a una app. No todos los temas la ofrecen — si el tuyo no la tiene, aún puedes añadir las dos líneas al código del tema, con la salvedad sobre las actualizaciones que aparece en los problemas comunes de arriba.
¿Puedo incrustarlo en la página de pago?
No — y no es una limitación del plan. La documentación de Shopify dice explícitamente que se pueden añadir secciones a cualquier página de tu tienda online salvo a las de tarjeta de regalo y a las de pago, así que no hay ningún bloque Custom Liquid donde meter el formulario, ni ninguna mejora de plan que lo añada. El proceso de pago se personaliza con apps de checkout. Pon el formulario en una página de contacto o en cualquier otra página de la tienda.
¿Funcionará en un sitio Storefront API personalizado (Hydrogen, Next.js)?
Sí — una tienda headless es tu propio front end, así que las dos líneas van ahí igual que irían en cualquier otra página. Una cosa que conviene comprobar: Hydrogen incluye una Content-Security-Policy por defecto, así que permite cdn.toimii.io en script-src y api.toimii.io en connect-src cuando construyas la tuya.
¿Vas a incrustar en otra plataforma?
Las mismas dos líneas de código, explicadas para cada plataforma.
¿Listo para probarlo?
Prueba gratuita de 30 días. Sin tarjeta de crédito. Listo en minutos.
Sin tarjeta de crédito. Listo en 2 minutos.