Cómo añadir campos personalizados en WooCommerce sin usar código

La posibilidad de personalizar los campos de la página de producto es cada vez más solicitada por vendedores y clientes. Por un lado, como revela una estadística realizada por Deloitte, el 36% de los clientes buscan productos o servicios personalizables. Por otro, añadir campos a la página de producto permite obtener numerosos beneficios, desde aumentar las ventas, pasando por incrementar el valor medio del carrito, hasta vender productos o servicios especiales.

En este artículo, veremos qué son los campos personalizados en WooCommerce, cómo introducirlos en tu sitio y por qué son un recurso valioso para tu negocio.

¿Qué son los campos personalizados en WooCommerce?

Al crear una página de producto en WooCommerce, el vendedor debe ingresar determinada información estándar proporcionada por WooCommerce. Entre esta información encontramos el nombre del producto, descripción breve y larga, precio, cantidad de productos en inventario, imagen destacada, y así sucesivamente.

Toda esta información tiene un campo dedicado en la página de creación. Aunque estos datos pueden ser suficientes para vender determinados tipos de productos, en otros casos es necesario permitir a los clientes elegir entre diferentes opciones.

Por supuesto, existen las variaciones en WooCommerce, que se utilizan principalmente para elementos como talla y/o color, pero incluso estas pueden resultar insuficientes en algunos casos.

Aquí es donde entran en juego los campos personalizados: elementos de diferentes tipos que se pueden integrar dentro de la página del producto para ofrecer un producto personalizable a los clientes.

¿Por qué añadir campos personalizados a las páginas de productos?

Añadir campos personalizados ofrece numerosas ventajas. Intentemos enumerar algunas de ellas:

• Venta de productos personalizados – Hay categorías de productos que no pueden venderse sin la aportación directa del cliente. Tradicionalmente, esto se traducía en un largo intercambio de solicitudes de presupuestos y ofertas, durante el cual es muy fácil desanimar al comprador. La incorporación de campos personalizados, con distintos costes asociados a cada opción, permite automatizar este proceso y vender incluso los productos y servicios más complejos.
• Aumento de las ventas – Como ya se ha mencionado, más de un tercio de los clientes buscan una experiencia personalizada durante su proceso de compra, en un sector que cada vez hace más hincapié en la individualidad. El uso de campos personalizados puede hacer que los clientes se sientan protagonistas y aumentar así las ventas.
• Aumento del valor medio del carrito – Con la adición de opciones de pago que los clientes pueden elegir, el valor del producto (y, por tanto, del carrito) aumentará, opción tras opción. Esto significa más valor para cada pedido y cada cliente, además de fidelidad a través de la satisfacción.

Para comprender mejor el potencial de los campos personalizados, veamos algunos ejemplos prácticos y sencillos.

Ejemplos prácticos de uso de campos personalizados

Aunque algunos vendedores puedan pensar que los campos personalizados tienen una aplicación limitada, pueden utilizarse con una gran variedad de productos. Veamos algunos ejemplos:

• Productos personalizables – Esta categoría incluye todos los productos que giran en torno a la personalización por parte del cliente, como camisetas, gadgets, artesanía, tazas, tarjetas y mucho más. La personalización suele implicar subir una imagen, insertar una etiqueta, elegir el material y mucho más.
• Productos gastronómicos – Como pasteles o dulces, en los que puedes personalizar el mensaje de felicitación, o cajas de comida, en las que puedes personalizar el contenido, la fecha de entrega, peticiones especiales como opciones veganas o sin gluten, etc.
• Servicios – Como servicios de reserva, sesiones de fotos u otros. El cliente puede especificar ciertas peticiones, alergias, necesidades durante el alojamiento, la elección de la hora de entrada y salida, ciertas indicaciones (como para servicios de masaje y más), entre otros.

Además de estos y otros casos, muchos productos pueden beneficiarse de los campos personalizados para mejorar la experiencia del usuario y el valor medio del carrito.

Añadir campos personalizados con un plugin

En general, si se quiere añadir una función a la versión básica de WooCommerce, como los campos personalizados, hay dos maneras de hacerlo: o bien se puede insertar un código personalizado en el sitio para añadir esta función e integrarla con el funcionamiento del sitio, o bien se puede utilizar un plugin dedicado a este aspecto.

En general, el uso del plugin es aconsejable, pero la elección recae siempre en el vendedor.

Por qué evitar el uso del código personalizado

Para añadir funciones utilizando un código personalizado, en primer lugar se requiere cierta familiaridad con el lenguaje de programación, para saber exactamente dónde poner la mano y qué líneas de código añadir o eliminar.

Incluso si puedes encontrar el código en la web, lo cual es posible gracias a los foros de WordPress y WooCommerce, no recomendamos utilizarlo si no estás familiarizado con él, ya que podrías poner en peligro tu sitio o causar problemas difíciles de resolver.

Cuanto más compleja sea la funcionalidad que quieras integrar, más competente tendrás que ser en términos de lenguaje de programación.

Para ello, suele ser mejor recurrir a un plugin dedicado.

Ventajas del plugin: velocidad, sencillez y flexibilidad

Detrás de un plugin como YITH WooCommerce Product Add-ons & Extra Options hay un equipo de desarrolladores con años de experiencia que son capaces de introducir funcionalidades sin alterar el delicado equilibrio de la plataforma.

Además, el plugin es utilizado regularmente por miles de tiendas, lo que permite a los desarrolladores introducir nuevas funcionalidades y recoger opiniones para garantizar su correcto funcionamiento durante un largo periodo de tiempo.

Por último, los plugins son muy fáciles de instalar: una vez elegido un plugin, basta con instalarlo con un clic en tu sitio y activarlo para mostrar de inmediato esta nueva funcionalidad.

En cuanto a Product Add-ons, te permite insertar múltiples campos personalizados en sus páginas de producto, de diferentes tipos, desde texto a imágenes, desde selección múltiple a menús desplegables.

En la siguiente sección te mostraremos en detalle lo fácil que es utilizar este plugin.

Cómo añadir campos personalizados con YITH WooCommerce Product Add-Ons

Como verás en los puntos siguientes, añadir un campo personalizado utilizando este plugin es realmente muy sencillo. De hecho, después de instalarlo y activarlo, todo lo que tienes que hacer es ir al escritorio del plugin y crear un bloque de opciones:

Entonces, en cada bloque podrás insertar todos los campos que quieras, eligiendo entre un práctico menú que muestra los más comunes. La existencia de numerosos bloques potenciales te permite crear diferentes campos personalizados y aplicarlos solo a productos específicos, de modo que cada elemento de tu sitio muestre solo las opciones adecuadas para él.

En el ejemplo de la imagen, el sitio ofrece tanto servicios de redacción como anillos y camisetas, y es evidente que cada uno de estos productos o servicios requiere campos personalizados diferentes.

¿Qué opciones de campos personalizados puedes elegir?

Tipologías de campos disponibles (texto, selector, subida de archivos, fecha, etc.)

Después de añadir un bloque, puedes elegir qué opción añadir. El sistema te ofrece tres campos estándar: encabezado, texto o separador (donde puedes configurar tus campos mediante HTML), o varias opciones populares entre los vendedores:

Tras esto, podrás ver:

• Casilla de verificación: el cliente puede seleccionar tantos elementos como quiera de una lista.
• Radio: el cliente debe elegir entre varias opciones.
• Texto de entrada y área de texto: el cliente puede añadir texto, como un mensaje en una tarta, una camiseta, una taza o instrucciones sobre el servicio que está comprando.
• Muestra de color: para poder elegir un color entre varias opciones.
• Número: el cliente puede elegir un valor numérico (la posibilidad de añadir un coste en función de lo alto que sea este valor lo hace ideal para servicios como la redacción de textos publicitarios, de forma que se puede asignar un coste en función de la longitud del texto).

Y muchos más como estos, incluida la posibilidad de elegir una fecha, subir un archivo, elegir entre varias imágenes, etc.

Una vez elegida la opción, puedes personalizar distintos aspectos de cada campo, como el título, la descripción, el estilo y la lógica condicional.

Lógica condicional y opciones de precios adicionales

Al añadir un campo a tu producto, puedes decidir si implica o no un incremento de coste sobre el precio base. En algunos casos, el campo adicional puede ser simplemente una opción necesaria para vender el producto, mientras que en otros puede estar asociado a un aumento o disminución del precio de venta.

Por ello, cada campo ofrece la posibilidad de alterar el precio en un valor fijo previamente decidido:

Otro factor de gran importancia se refiere a la lógica condicional. Es decir, hay campos personalizados que puedes querer mostrar solo si el cliente está interesado en ellos.

Por ejemplo, imagina la venta de un libro de un autor independiente. En este caso, puede ser interesante insertar una casilla de verificación para que el cliente elija si quiere o no la dedicatoria en el volumen que está comprando.

El plugin permite crear una lógica condicional para que, si el cliente marca la casilla de dedicatoria, aparezca un campo de texto en la página del producto para añadir el nombre al que debe ir dirigida la dedicatoria. Evidentemente, este campo de texto debe permanecer oculto si el cliente no está interesado en la dedicatoria en sí.

Tomando el ejemplo del precio, el vendedor podría asignar un coste adicional a la dedicatoria pero dejar el campo de texto como gratuito.

Sin competencia técnica necesaria

Como puedes ver en las imágenes, el funcionamiento del plugin es muy sencillo e intuitivo, tanto que podrás utilizarlo libremente a los pocos minutos de la primera instalación.

Lo único que puede resultar algo más complejo es la lógica condicional, pero esto también requiere solo un par de pruebas para dominarlo por completo.

De este modo, no se requiere que el vendedor tenga conocimientos de lenguaje de código o programación, pudiendo introducir estas funcionalidades con un simple clic.

Y así es como podría aparecer un producto con campos adicionales en tu tienda:

En este ejemplo, puedes ver la presencia de diferentes campos personalizados en la página.

Muestra los campos personalizados solo para determinados productos o categorías

Como hemos visto antes, el plugin te da la opción de elegir dónde y cuándo mostrar los campos personalizados, para que puedas personalizar cada producto de forma diferente. Para elegir a qué productos o categorías de productos aplicar un bloque de opciones, basta con especificarlo en la página de edición del bloque.

En el campo «muestra este bloque de opciones en», encontrarás dos opciones posibles:

• Todos los productos – Las opciones contenidas en el bloque aparecerán indistintamente en todos los productos del sitio, así que ten cuidado.
• Categorías y productos específicos – Si eliges esta opción, podrás elegir posteriormente en qué productos o categorías mostrar las opciones de personalización de ese bloque.

Como puedes ver, incluso en este caso, es muy simple e intuitivo.

Conclusión: mejora la experiencia de compra con los campos personalizados

Añadir campos personalizados a las páginas de producto de WooCommerce sin tener que escribir una sola línea de código no solo es posible, sino también extremadamente fácil gracias a plugins como YITH WooCommerce Product Add-ons & Extra Options. Esta solución representa una verdadera oportunidad para todos los vendedores que quieren ofrecer una experiencia de compra a medida, al tiempo que aumentan el valor percibido de tu producto y mejoran la tasa de conversión.

Como hemos visto, las ventajas son múltiples: desde la posibilidad de vender productos personalizados con un proceso automatizado e inmediato, pasando por el aumento del valor medio del carrito de la compra gracias a las opciones de pago, hasta el aumento de la satisfacción del cliente, que puede sentirse parte activa en la construcción de la compra.

Todo se hace a través de una interfaz sencilla, intuitiva y totalmente visual. Con unos pocos clics puedes añadir campos de texto, selectores, opciones de color, subida de archivos, menús desplegables y mucho más. La posibilidad de definir reglas de lógica condicional y aplicar cada campo a categorías o productos específicos hace que el sistema sea extremadamente flexible.

En conclusión, la adopción de campos personalizados es una estrategia accesible también a quienes carecen de conocimientos técnicos y quieren ofrecer una experiencia de compra más rica y atractiva. Un pequeño paso desde el punto de vista técnico, pero un gran salto para tu comercio electrónico.