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