Cómo añadir especificaciones y atributos adicionales de productos a las páginas detalladas de productos de WooCommerce

Al gestionar una tienda WooCommerce, es posible que te encuentres con la necesidad de añadir un nuevo archivo al directorioAñadir información adicional en la página de detalles del productosituaciones, comoEspecificaciones del producto, propiedades específicas o parámetros técnicos. Este artículo detallará cómo añadir especificaciones y atributos de producto adicionales a WooCommerce, así como formas de ampliarlos mediante plugins.

Imagen [1] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Flux.com | Professional WordPress Repair Service, Global Reach, Fast Response

¿Por qué añadir especificaciones y atributos adicionales a los productos?

Añadir información adicional sobre los productos tiene varias ventajas:

  1. Mejorar la experiencia del usuario: Dar al usuario una comprensión más intuitiva de las características del producto.
  2. SEO mejoradoLas páginas de productos enriquecidas ayudan a mejorar el rendimiento SEO.
  3. Aumentar la tasa de conversión: La información detallada sobre los productos ayuda a los usuarios a tomar mejores decisiones de compra.
  4. Expositores especializadosEn el caso de los productos técnicos (por ejemplo, productos electrónicos, equipos mecánicos, etc.), es especialmente importante mostrar especificaciones detalladas.

I. Uso de la función de atributos de producto incorporada en WooCommerce

WooCommerce viene con un sencillo pero potente sistema de gestión de atributos que se puede utilizar para añadir especificaciones y atributos adicionales a cada producto.

1. Crear propiedades globales

Los atributos globales pueden aplicarse a varios productos, lo que resulta especialmente útil para tiendas con un gran número de productos similares. Los pasos son los siguientes:

  1. Vaya al backend de WordPress y navegue hasta Productos > Propiedades.
Imagen [2] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a las Páginas de Detalle de Producto de WooCommerce - Photon Flux.com | Professional WordPress Repair Service, Global Reach, Fast Response
  1. En "Añadir nuevo atributo"introduzca el nombre de la propiedad (por ejemplo, color, tamaño, etc.).
Imagen [3] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response
  1. Establezca la visibilidad del atributo y elija si desea utilizarlo para el filtrado de productos.
  2. golpe (en el teclado) Añadir propiedadesverá que la propiedad ha aparecido en la lista de propiedades de la derecha.
Imagen [4] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response
  1. Haga clic en la propiedad recién creada a la derecha de la propiedad Términos de configuraciónañadir valores específicos (por ejemplorosayazul (color)ymás verde(etc.).
Imagen [5] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response

2. Añadir atributos personalizados a productos individuales

Si sólo desea añadir información adicional para un producto específico, puede utilizar la opciónPropiedades personalizadas::

  1. entrar enofertasPara editar un producto, busque el producto que desea editar y haga clic en compilador.
Imagen [6] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response
  1. Desplácese hasta "Datos del producto", cambie a "causalidad"Tab.
Imagen [7] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response
  1. golpe (en el teclado) aumentar para seleccionar una propiedad global ya creada o para crear una propiedad personalizada.
Imagen [8] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response
  1. Rellene los valores de los atributos y marque la casilla "Visible en la página del producto".
Imagen [9] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response
  1. Guarde los cambios y visualice la página del producto, los nuevos atributos ya deberían aparecer en la sección de detalles del producto.

En segundo lugar, el uso de plug-ins para ampliar la visualización de la información sobre los productos.

Las funciones integradas de propiedades de WooCommerce son sencillas pero no lo suficientemente flexibles, especialmente cuando se necesita personalizar el formato de visualización o el diseño. Estas funciones se pueden ampliar fácilmente con la ayuda de plugins.

Añadir campos complejos con campos personalizados avanzados (ACF)

Para una gestión de campos personalizados más potente, considere la posibilidad de utilizar la función Campos personalizados avanzados (ACF) Plugin. Se trata de una herramienta muy flexible que le permite añadir cualquier tipo de campos personalizados a sus productos, como cuadros de texto, imágenes, cuadros desplegables, casillas de verificación, etc.

Pasos a seguir:
  1. Instalación y activación ACF Complementos.
  2. Para crear un grupo de campos personalizados: vaya a ACF > Añadir nuevo grupo de campos.
Imagen [10] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Flux.com | Professional WordPress Repair Service, Global Reach, Fast Response
  1. Añada los campos obligatorios y selecciónelosaplicabilidadde la página o tipo de producto (puede especificar una categoría de producto concreta).
Imagen [11] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Flux.com | Professional WordPress Repair Service, Global Reach, Fast Response
  1. existeEditar productoCuando lo haga, verá el cuadro de entrada del campo personalizado recién añadido.
  2. Tras guardar el producto, estos campos se muestran en la página de detalles del producto.

ACF no sólo permite añadir campos de texto sencillos, sino también tipos de contenido enriquecido comoCarga de archivos, imágenes, contenido HTML complejoetc., mejorando enormemente la flexibilidad de las páginas de producto de WooCommerce.

Imagen [12] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Flux.com | Professional WordPress Repair Service, Global Reach, Fast Response

En tercer lugar, en la página de detalles del producto para personalizar la visualización

La función "Información adicional"La ficha suele ser el lugar para mostrarEspecificación del productolugares, a veces queriendo mostrar esta información de una forma más estética o apropiada para la marca.

1. Uso del código de personalización del tema

Si tiene conocimientos básicos de HTML y CSS, puede personalizar la información que aparece en la página del producto modificando los archivos del tema. Puede editar los archivos producto-único.php busque la sección de código que muestra las especificaciones y los atributos de los productos y personalícela según sea necesario.

2. Uso de creadores de páginas (por ejemplo, Elementor)

Con la ayuda de plugins constructores de páginas como ElementorLa versión Elementor Pro le permite personalizar cada parte de la página de detalles del producto y añadir y diseñar la presentación de la información de atributos.

Los pasos son los siguientes:

  1. Instala y activa Elementor y Elementor Pro.
  2. entrar en plantilla(matem.) génerode nueva construcciónO seleccione una plantilla existente.
Imagen [13] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a las Páginas de Detalle de Producto de WooCommerce - Photon Flux Network | Servicio Profesional de Reparaciones de WordPress, Alcance Global, Respuesta Rápida
Imagen [14] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a las Páginas de Detalle de Producto de WooCommerce - Photon Flux.com | Professional WordPress Repair Service, Global Reach, Fast Response
  1. Ve a la página del editor y utiliza el editor de arrastrar y soltar de Elementor para poner el WooCommerce "Información complementaria" Widget de arrastrar y soltar en el diseño de la página de detalles del producto.
Imagen [15] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a la Página de Detalle de Producto de WooCommerce - Photon Flux.com | Professional WordPress Repair Service, Global Reach, Fast Response
  1. Personaliza su estilo y diseño según tus necesidades.
  2. Guarde y aplique la plantilla a todas o algunas de las páginas de productos.

En cuarto lugar, el uso de complementos de información adicional para mejorar la funcionalidad de la página del producto.

Además de los campos personalizados a través de ACF, hay una serie de plugins diseñados específicamente para WooCommerce que se pueden encontrar en la sección "Información adicional" o una ubicación personalizada para mostrar más detalles del producto.

Como: YITH WooCommerce Complementos de Producto y Opciones Extra

Este plugin no sólo le permite añadir opciones de producto adicionales, sino que también permite a los clientes seleccionar configuraciones de producto específicas en el momento de la compra (p. ej.Envoltorio de regalo, grabado personalizadoetc.), lo que mejora enormemente la experiencia del usuario.

Imagen [16] - Cómo Añadir Especificaciones Adicionales de Producto y Atributos a las Páginas de Detalle de Producto de WooCommerce - Photon Flux.com | Professional WordPress Repair Service, Global Reach, Fast Response

resúmenes

Añadir especificaciones y atributos adicionales del producto a las páginas de detalles del producto de WooCommerce es una forma estupenda de mejorar la experiencia del usuario. Con la función de atributos incorporada de WooCommerce, es fácil añadir información básica. Si se requieren campos más complejos y una presentación personalizada, esto se puede lograr con la ayuda del plugin ACF o un plugin de extensión dedicado de WooCommerce. Con estos métodos, la información puede mostrarse de forma flexible en función de las características del producto, aumentando así las tasas de conversión y la satisfacción del cliente.


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo fue escrito por: xiesong
EL FIN
Si le gusta, apóyela.
felicitaciones2 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios