Formularios personalizados en Shopify

Ya sea que necesites crear nuevos campos, agregar clases o ID's, tanto si es solo por poder darles algún estilo de CSS o agregar eventos en Google Analytics aquí te enseñare a "personalizar" un poco los formularios de esta poderosa herramienta.{loadmoduleid 114}En todos los casos las modificaciones las tendremos que hacer modificando el código del sitio, lo bueno es que esto lo puedes hacer desde el mismo panel de Shopify o utilizando la herramienta que la misma plataforma te ofrece para trabajar con los archivos desde local: Theme Kit, misma que quizá más adelante explicaré un poco, pero que puedes ir conociendo aquí: https://shopify.github.io/themekit/Sin más, pasemos al tema, Shopify te permite agrega formularios en cualquier parte, solo debes agregar al código en la parte que lo requieras la sentencia {% form 'EL FORMULARIO' %} y cerrándola con {% endform %}, dentro de las cuales van los campos que necesitamos, tal como en cualquier html, es decir, un formulario simple podría verse como algo así:

Donde vemos algunas etiquetas conocidas de HTML y otras del propio Shopify, concretamente del lenguaje que utiliza, que es liquid.Hasta aquí, todo normal, vemos un primer IF que muestra un mensaje si el formulario fue enviado correctamente o en cambio, si se envió y se genero un error, pero, ¿que pasa si necesitamos otros campos además de los que el template crea? 

Si este artículo te pareció interesante te invito a seguirme o compartir mi contenido