¡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.

Creador de productos personalizados WooCommerce
Página de producto flexible: puede lograr ese resultado con nuestro creador de páginas de productos para WooCommerce

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:

Creador de productos personalizados WooCommerce
Página de producto flexible: puede lograr ese resultado con nuestro creador de páginas de productos para WooCommerce

Esta es la configuración básica y el estilo de los campos en el tema predeterminado de WooCommerce: Storefront

Por supuesto, puede usar CSS para diseñar estos campos.

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:

Generador de opciones de productos adicionales para WooCommerce
Seleccionar (desplegable) se puede utilizar como un campo de seguro

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.

Creador de productos WooCommerce Campos de productos flexibles
El tamaño es otro campo de selección

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:

Creador de productos únicos de WooCommerce
Anillo: Grabado (marcador de posición)

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.org
Más de 10 000 instalaciones activas
Última actualización: 2023-03-13
Funciona con WooCommerce 7.1 - 7.5.x

Mire 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 :

Algunas funciones que explicamos en este artículo, como Precios o Lógica condicional, están disponibles en la versión PRO .
Instalación de WooCommerce del creador de productos
Instalar y activar campos de productos flexibles

Personaliza los campos del producto

A continuación, elija Productos → Campos de productos en su menú de WordPress:

Campos de productos en el menú
Aquí puede encontrar campos de productos flexibles

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:

Creador de productos personalizados WooCommerce
Personalización de mi producto de anillo con campos de producto flexibles

Asigné el grupo de campos a un producto: Ring .

En la versión gratuita de los Campos de productos flexibles, debe asignar los productos uno por uno. Sin embargo, en la versión PRO, puede seleccionar todos los productos de una categoría o todos los productos en la tienda.

Déjame guiarte paso a paso con la configuración del complemento.

  1. 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:

    Generador de opciones de productos adicionales para WooCommerce
    Adición de opciones de seguro en el campo Seleccionar

    Lea acerca de las opciones mejoradas de productos adicionales para los productos de WooCommerce .
  2. Agregar precio al campo

    En la pestaña Precios , configuro el Tipo de precio como un Porcentaje como dije anteriormente en este artículo:

    Personaliza la página de tu producto
    Agregar precio de tipo porcentual en la pestaña Precios

    Lea más sobre cómo agregar campos de precios adicionales a un producto de WooCommerce .
  3. 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 .

    Los valores de tamaño seleccionan el campo desplegable
    Definición de etiquetas de tamaño y valores con el generador de páginas de productos de WooCommerce
  4. 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:

    Creador de productos personalizados de WooCommerce
    Agregar una opción de grabado a un producto
  5. 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.

    Generador de opciones de productos adicionales para WooCommerce
    Agregar una casilla de verificación para envolver regalos

¡Eso es todo! Configuramos con éxito el configurador de productos personalizados de WooCommerce para un anillo.

¿Necesitas otros campos? Consulta nuestra guía donde explicamos todos los campos → de Campos de producto flexibles.

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