Liquid, Javascript
Hola de nuevo! Estaba intentando agregar un nuevo campo al formulario de contacto pero no lo consigo. Actualmente el formulario solicita el nombre, correo electronico, telefono y notas pero me gustaria agregar el campo: Numero de pedido
¿Alguien sabe como hacerlo?
Mil gracias.
El codigo que tengo actualmente en "page.contact.liquid" es este:
<!-- /templates/page.contact.liquid -->
<h1 class="small--text-center">{{ page.title }}</h1>
<div class="rte">
{{ page.content }}
</div>
<div class="contact-form form-vertical">
{% form 'contact' %}
{% if form.posted_successfully? %}
<p class="form--success">
{{ 'contact.form.post_success' | t }}
</p>
{% endif %}
{{ form.errors | default_errors }}
<label for="ContactFormName" class="label--hidden">{{ 'contact.form.name' | t }}</label>
<input type="text" id="ContactFormName" name="contact[{{ 'contact.form.name' | t }}]" placeholder="{{ 'contact.form.name' | t }}" autocapitalize="words" value="{% if form[name] %}{{ form[name] }}{% elsif customer %}{{ customer.name }}{% endif %}">
<label for="ContactFormEmail" class="label--hidden">{{ 'contact.form.email' | t }}</label>
<input type="email" id="ContactFormEmail" name="contact[email]" placeholder="{{ 'contact.form.email' | t }}" autocorrect="off" autocapitalize="off" value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}">
<label for="ContactFormPhone" class="label--hidden">{{ 'contact.form.phone' | t }}</label>
<input type="tel" id="ContactFormPhone" name="contact[{{ 'contact.form.phone' | t }}]" placeholder="{{ 'contact.form.phone' | t }}" pattern="[0-9\-]*" value="{% if form[phone] %}{{ form[phone] }}{% elsif customer %}{{ customer.phone }}{% endif %}">
<label for="ContactFormMessage" class="label--hidden">{{ 'contact.form.message' | t }}</label>
<textarea rows="10" id="ContactFormMessage" name="contact[{{ 'contact.form.message' | t }}]" placeholder="{{ 'contact.form.message' | t }}">{% if form.body %}{{ form.body }}{% endif %}</textarea>
<input type="submit" class="btn" value="{{ 'contact.form.send' | t }}">
{% endform %}
</div>
Hola @jutope,
Gracias por publicar tu consulta.
Para poder incluir este nuevo campo en tu formulario, tendrás varias alternativas disponibles. Una de ellas, como mencionaste en tu mensaje, será realizando cambios en el código para que este nuevo campo se incluya.
Si deseas alterar el código, podrás encontrar recomendaciones sobre cambios que puedes realizar en esta página de nuestra web de Desarrolladores. También he encontrado este y este otro post de nuestro Foro en Inglés donde se han facilitados códigos y alternativas para crear campos nuevos en los formularios.
Si estás utilizando un tema creado por Shopify, tendrás la opción de solicitar asistencia técnica de diseño. Esta asistencia contará con una cantidad de minutos de ayuda gratuitos dependiendo del plan que tengas contratado. En caso de que uses un tema de terceros o que no dispongas de minutos, podrás contratar a uno de los Expertos de Shopify para que te ayude con los cambios en el código de tu formulario. Si quieres ver cómo puede solicitar asistencia o contactar con nuestros Expertos, podrás hacerlo desde este enlace.
Otra alternativa será crear un formulario de contacto totalmente diferente y personalizable que te permitirá crear tantos campos como necesites. Para ello, deberás recurrir a una de las aplicaciones disponibles en nuestra Tienda de Aplicaciones, ya que estas te facilitarán la creación de tu formulario sin necesidad de alterar el código manualmente.
He realizado una búsqueda y a continuación te muestro algunas que son populares entre los comerciantes:
Si deseas ver todas las opciones disponibles, tan solo tendrás que acceder a la web de la tienda y realizar una búsqueda personalmente.
Espero que esta información te sea útil. Respecto a tu tienda, ¿hay alguna otra consulta que tengas acerca de tu tienda?
To learn more visit the Shopify Help Center or the Community Blog.
Una de las cosas que más presión genera a la hora de emprender con un negocio es conver...
By Teo Aug 20, 2024¿Alguna vez has visitado una página web lenta con imágenes pixeladas? ¿Qué haces cuando...
By Ann Aug 13, 2024¿Ya has puesto en marcha tu idea de negocio? ¿Has marcado tus objetivos y cómo consegui...
By Teo Aug 6, 2024