FROM CACHE - es_header

Agregar campo en formulario contacto

Agregar campo en formulario contacto

jutope
Shopify Partner
40 1 5

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>

1 RESPUESTA 1

Ari
Shopify Staff (Retired)
583 133 89

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.