Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

¿Cómo creo un formulario de contacto?

1. Agregar el código en contact.tpl:

<!-- Código para un formulario de contacto -->
<div class="form">
    {% if contact %}
        {% if contact.success %}
            <div class="contact-ok">El mensaje ha sido enviado con éxito, muchas gracias.</div>
            {% else %}
            <div class="contact-error">"Debes completar los datos de contacto."</div>
        {% endif %}
    {% endif %}
    <form action="" method="post">
        <p>
            <label for="name">Nombre</label>
            <input type="text" id="name" name="name"/>
        </p>
        <p>
            <label for="email">{{ "Email" | translate }}</label>
            <input type="text" id="email" name="email"/>
        </p>
        <p>
            <label for="phone">Teléfono"<small>({{ "Optional" | translate }})</small></label>
            <input type="text" id="phone" name="phone"/>
        </p>
        <p><label for="message">Mensaje <small>Opcional</small></label></p>
            <textarea id="message" name="message" cols="20" rows="5"></textarea>
            <input type="submit" value="Enviar" name="contact"/>
    </form>
</div>

2. Para que efectivamente se muestre la información de contacto en la tienda se deberá agregar el código que está a continuación: 

{% if store.contact_intro %}

    <p>{{ store.contact_intro }}</p>
{% endif %}
{% if store.address %}
    <p><strong>Dirección:</strong> {{ store.address }}</p>
{% endif %}
{% if store.email %}
    <p><strong>Email:</strong> <a href="mailto:{{ store.email }}">{{ store.email }}</a></p>
{% endif %}
{% if store.phone %}
    <p><strong>Teléfono:</strong> {{ store.phone }}</p>
{% endif %}
{% if store.blog %}
    <p><strong>Blog:</strong>{{ store.blog | a_tag_blank(store.blog) }}</p>
{% endif %}
 
<!-- Redes Sociales -->
{% if store.facebook %}
    <a target="_blank" href="{{ store.facebook }}">{{ "facebook.jpg" | static_url | img_tag("Facebook") }}</a>
{% endif %}
{% if store.twitter %}
    <a target="_blank" href="{{ store.twitter }}">{{ "twitter.jpg" | static_url | img_tag("Twitter") }}</a>
{% endif %}

Sin compromiso de compra ni estadía mínima. No hay costo de registro o cancelación.