¡Use el generador de páginas de productos personalizados de WooCommerce (complemento gratuito)!
Publicado: 2018-07-23¿Necesita un configurador de productos WooCommerce y un creador de páginas de productos personalizados? En este artículo, le mostraré cómo usar un complemento gratuito para personalizar el diseño de la página del producto WooCommerce y agregar campos personalizados. Usaré campos de productos flexibles, un complemento gratuito de WooCommerce. ¡Lee más y sígueme paso a paso a través de la configuración!
¿A veces le falta una manera fácil de ajustar el diseño o agregar más campos a sus productos de WooCommerce ?
¡Permítame mostrarle el complemento gratuito para WooCommerce para agregar campos personalizados y administrar una sola página de producto !
Tabla de contenido
- Creador gratuito de páginas de productos de WooCommerce
- Personalice los productos de WooCommerce con campos de productos flexibles
- Configuración personalizada del producto: una guía paso a paso
Creador gratuito de páginas de productos de WooCommerce
Flexible Product Fields es un complemento muy poderoso. Este creador de productos de WooCommerce le permite agregar diversos tipos de campos, lo que enriquecerá la página de su producto con facilidad.
Es posible que desee agregar los siguientes tipos de campo:
- Texto
- área de texto
- Número
- Correo electrónico
- URL
- Caja
- Casilla de verificación múltiple
- Seleccionar
- Radio
- Selección múltiple
- radio con colores
- Tiempo
- Color
- Título
- Párrafo
- Imagen
- HTML
- Fecha
- Subir archivo
- radio con imagenes
Le mostraré cómo instalar y configurar este complemento más adelante en este artículo.
Cree un producto personalizado de WooCommerce: un anillo
En esta guía, usaré un anillo como ejemplo. Al final, te mostraré otros casos de uso de ejemplo.
Echa un vistazo de nuevo a nuestra página de productos personalizada con nuevos campos:
Esta es la configuración básica y el estilo de los campos en el tema predeterminado de WooCommerce: Storefront
Ahora, decidí agregar las siguientes opciones adicionales a mi anillo:
- Seguro
- Tamaño
- Grabado
- y envoltorio de regalo
Puedes añadir el tuyo, por supuesto.
Seguro
El campo de seguro es un cuadro de selección:
Un cliente puede agregar un seguro. El "seguro básico" es la primera opción predeterminada. Un cliente puede renunciar al seguro (opción 'No necesito seguro').
El precio del seguro se calcula como un porcentaje del precio del anillo:
- Seguro Básico - 5% del precio del producto
- Seguro Avanzado - 10% del precio del producto
- Seguro Ultimate - 20% del precio del producto
También puede establecer un precio fijo para las opciones del campo. Te mostraré la configuración más tarde.
Tamaño
El siguiente campo es el 'Tamaño':
Este será otro campo de selección que agregaremos a nuestra página de productos.
Grabado y envoltura de regalos
Otro campo es 'Grabado'.
Este será un campo de texto que agregaremos.
Los clientes pueden proporcionar su texto para grabar en el anillo.
También hay una opción de 'Envoltura de regalos' agregada con una casilla de verificación adicional:
Ahora le mostraré cómo configurar todos los campos que acabo de agregar con nuestro creador de páginas de un solo producto de WooCommerce
Personalice los productos de WooCommerce con campos de productos flexibles
Creador de páginas de productos de WooCommerce
Creador de productos WooCommerce. Este complemento le permite agregar un campo adicional a la página del producto. ¡Agrega precios y lógica condicional también!
Descárgalo gratis o Ir a WordPress.orgMire este video para descubrir lo que este generador de productos personalizados de WooCommerce tiene para ofrecer en su versión gratuita:
Obtener e instalar el complemento
Primero, necesita laversión gratuita de Flexible Product Fields .Puede descargarlo gratis desde WordPress.org o instalarlo directamente desde la sección de complementos de su tienda buscando campos de productos flexibles :
Personaliza los campos del producto
A continuación, elija Productos → Campos de productos en su menú de WordPress:
Ahora puede comenzar a personalizar la página de su producto.
Configuración personalizada del producto: una guía paso a paso
Mira la pantalla de configuración:
Asigné el grupo de campos a un producto: Ring .
Déjame guiarte paso a paso con la configuración del complemento.
Agregar un nuevo campo
Primero, elijo el campo Seleccionar de la lista de campos disponibles y defino su etiqueta .
A continuación, en la pestaña General , configuré las opciones como puedes ver a continuación:
Lea acerca de las opciones mejoradas de productos adicionales para los productos de WooCommerce .Agregar precio al campo
En la pestaña Precios , configuro el Tipo de precio como un Porcentaje como dije anteriormente en este artículo:
Lea más sobre cómo agregar campos de precios adicionales a un producto de WooCommerce .Añadir la selección de tallas
A continuación, creé y configuré las opciones del campo Tamaño . También es del tipo Select .
Agregue el campo de texto para el grabado
Es hora de agregar el campo Grabado. Este es el tipo de campo Texto . Además, configuré el marcador de posición . Mirar:
Agregue una casilla de verificación para envolver regalos
El último campo es el campo 'Envoltorio de regalo'. Es un tipo de campo Checkbox . Un cliente puede seleccionar esto o no.
¡Eso es todo! Configuramos con éxito el configurador de productos personalizados de WooCommerce para un anillo.
Resumen
En este artículo, ha aprendido a configurar el configurador de productos personalizados de WooCommerce en su tienda. Estamos buscando sus comentarios en la sección de comentarios a continuación.
Además, ya hemos creado muchos más casos de uso como:
- reserva de habitaciones
- pedidos de catering
- configurador de coches
- configurador de computadora