Cargando...

Agregue un campo de entrada a producto WooCommerce

Actualizado el 31 de mayo de 2024

¿Quieres usar WooCommerce para agregar un campo de entrada a la página de tu producto? Si desea agregar campos de entrada (como entrada de texto, casillas de verificación, botones de radio y muestras) a sus páginas de productos de WooCommerce, necesitará un poco de ayuda de un plugin.

Afortunadamente, el plugin Campos de productos avanzados para WooCommerce le permite agregar campos de entrada adicionales para que sus clientes puedan personalizar su producto antes de agregarlo al carrito. Además, estos campos de entrada pueden mostrarse condicionalmente e influir en el precio final del producto.

Una vez que haya terminado con este tutorial, podrá usar WooCommerce para agregar un campo de entrada a la página de su producto en solo 2 pasos.

¿Qué campos de entrada puede agregar?

Campos de productos avanzados para WooCommerce le permite agregar una amplia variedad de campos de entrada a sus productos de WooCommerce:

  • Campo de entrada de texto y área de texto
  • Listas deplegables
  • Casillas de verificación
  • Cargas de archivos
  • Botones de radio
  • Campos numéricos
  • Muestras de imagen
  • Muestras de color
  • selectores de fecha

Cómo agregar un campo de entrada a un producto de WooCommerce

En esta sección, lo guiaremos a través de los pasos para agregar su primer campo de entrada a un producto de WooCommerce. Tendrás que seguir 2 pasos principales:

  1. Instale el plugin de campos de productos, Campos de productos avanzados para WooCommerce .
  2. Cree un campo de entrada en su producto.

Paso 1: instale Campos de productos avanzados para WooCommerce

Para comenzar, compre campos de productos avanzados para WooCommerce en la tienda de Studio Wombat: studiowombat.com/advanced-product-fields-for-woocommerce

Luego sigue estos pasos:

  1. Vaya a Plugins → Agregar nuevo → Cargar plugin .
  2. Elija el archivo zip que descargó, cárguelo y luego haga clic en Activar.
  3. Ingrese su clave de licencia para activar el plugin.

Ahora que tiene instalados Campos de productos avanzados, puede usar WooCommerce para agregar un campo de entrada a un producto.

Paso 2: crea tu primer campo de entrada

En este ejemplo, agregaremos un campo de texto personalizado a un producto WooCommerce existente. Vaya a Productos → Todos los productos y edite un producto de su elección.

Busque la sección Campos personalizados dentro del cuadro Datos del producto :
La pestaña Campos personalizados en el backend del producto WooCommerce
Haga clic en Agregar su primer campo y verá que aparece una sección con todas las opciones para su nuevo campo de entrada.
Agregue un campo de entrada a producto WooCommerce-field-type-text-min-1
Revisaremos las configuraciones más importantes aquí:

  • Tipo:  este es el tipo de campo que desea crear. Puede elegir cualquier cosa, desde casillas de verificación hasta muestras de color. En este caso, vamos a seleccionar  Texto  como nuestro campo de elección.
  • Etiqueta:  la etiqueta es el texto que desea mostrar encima o debajo del campo de texto. De esta manera, le informas a tus clientes para qué sirve este campo.
  • Las siguientes opciones le permiten refinar aún más el campo de entrada. Puede limitar el número de caracteres, agregar precios adicionales al campo y mucho más.

Una vez hecho esto, simplemente  actualice  su producto desplazándose hacia atrás hasta la  sección Publicar  del producto. Consulte la página de su producto para ver el campo de entrada:
Agregue un campo de entrada a producto WooCommerce-image-7-1-scaled

¿Cómo funciona para el cliente?

En circunstancias normales, cuando su visitante navegue por la página de su tienda, verá un botón «agregar al carrito». Pero cuando su producto tiene campos de entrada adicionales adjuntos, los visitantes verán un botón de «seleccionar opciones» en su lugar.
Agregue un campo de entrada a producto WooCommerce-image-8-1-1
Al hacer clic en este botón, los clientes acceden a la página del producto, donde pueden personalizar su producto antes de agregarlo al carrito.

Todos los datos que ingrese el cliente serán visibles para el administrador de la tienda en la pantalla de administración de pedidos.

Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments