Saltar al contenido
themeforge
ES
Empieza gratis
Menú
  1. Inicio
  2. Referencia de atributos
  3. wp-field
Básico Formularios y plugins

Un campo de formulario con una clave fija

wp-field="key"

Sin wp-field, un campo de formulario llega al envío con la etiqueta que tiene en el diseño. Cambias «Your name» por «Name», y una plantilla de correo con {{ Your name }} o la integración con el CRM reciben un valor vacío sin avisar, aunque los envíos siguen llegando. wp-field fija la clave.

Dónde va

En el propio campo o en su envoltorio «etiqueta + campo». El valor es una clave en letras latinas: name, phone, guests.

La generación escribe la clave en el name y el data-name del campo; en el tema no cambia nada.

Ejemplo: un formulario de reservas

Marcado contacts.html
<form class="form">
  <label wp-field="name">Your name
    <input type="text" name="field" data-name="Your name"></label>
  <label wp-field="phone">Phone
    <input type="tel" name="field" data-name="Phone"></label>
  <input type="submit" value="Send">
</form>
En el panel Form entries
Form entries → Entry #128
  • name: Anna Kowalski
  • phone: +1 (555) 010-0142
En el sitio la página de contacto

Your name

Phone

Send

Los campos del envío aparecen con su clave, no con el texto de la etiqueta.

Lo importante

  • En la plantilla del correo y en los ajustes de reenvío, escribe la clave: {{ name }}.
  • El atributo es opcional: sin él, el formulario funciona con las etiquetas, como antes.
  • En los comentarios, las reseñas y el pago del pedido, WordPress fija los nombres de los campos por su cuenta: ahí no pongas wp-field.

Errores frecuentes

El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.

Así no
<label wp-field="action">Your name
  <input type="text" name="field" data-name="Your name"></label>

Un nombre reservado como action, o una clave con letras no latinas: la generación no la aplica, lo anota en el registro, y el campo se envía con su etiqueta.

Así sí
<label wp-field="name">Your name
  <input type="text" name="field" data-name="Your name"></label>

Una clave propia en letras latinas.

Se usa en recetas

Cuando quieras

Mira el panel de WordPress de tu sitio antes de pagar.