Saltar al contenido principal

Cómo añadir contenido enriquecido (A+) a una ficha de producto

 

El contenido enriquecido, también llamado contenido A+, amplía la descripción de una ficha de producto mediante imágenes, textos estructurados, comparativas y contenido multimedia.

Puedes utilizarlo para explicar mejor las características del producto y ofrecer al cliente información adicional antes de la compra.

Importante: no puedes publicar el contenido A+ directamente. El equipo de Catalogación de PcComponentes debe revisar e implementar el HTML o la imagen en la ficha de producto.
Contenido
  1. Elige el formato de contenido A+
  2. Solicita el directorio para las imágenes
  3. Prepara el contenido
  4. Envía el contenido a Catalogación
  5. Revisión y publicación
  6. Comprueba el contenido antes de enviarlo
1️⃣ Elige el formato de contenido A+

Puedes preparar el contenido enriquecido de dos formas:

HTML en la descripción Imagen A+
Formato Contenido estructurado mediante HTML dentro de la descripción. Una única imagen que contiene todo el contenido.
Visualización El contenido se adapta mejor a los diferentes tamaños de pantalla. El contenido se muestra como una única pieza y no se reorganiza según el tamaño de pantalla.
Modificaciones Permite modificar elementos concretos del contenido. Para cambiar cualquier elemento debes editar y sustituir la imagen completa.
Preparación Requiere preparar y revisar correctamente el código HTML. Requiere preparar el diseño con las dimensiones indicadas.

Elige la modalidad antes de contactar con Catalogación, ya que el material que debes preparar es diferente en cada caso.

2️⃣ Solicita el directorio para las imágenes

Contacta con el equipo de Catalogación, poniendo en copia a tu account manager, e indica qué modalidad de contenido A+ vas a utilizar.

Se preparará un directorio en el CDN de PcComponentes para alojar las imágenes. Una vez subidas, recibirás las URLs definitivas que debes utilizar en el contenido.

Ten en cuenta: no utilices imágenes alojadas en servidores externos. Las imágenes del contenido A+ deben estar alojadas en el directorio facilitado por PcComponentes.
Ten en cuenta: antes de enviar las imágenes, utiliza nombres de archivo en minúsculas, sin tildes, sin ñ, sin espacios y sin caracteres especiales. Esto ayuda a evitar errores en las URLs y enlaces de imágenes rotos.
3️⃣ Prepara el contenido

Sigue las indicaciones correspondientes a la modalidad que hayas elegido.

Si utilizas HTML

  • Utiliza HTML limpio. Evita etiquetas como <span> y no incluyas atributos style o class.
  • Estructura el contenido. Puedes utilizar encabezados como <h1> y <h2>, además de los elementos habituales de texto y listas.
  • Mantén el fondo blanco. No incluyas fondos negros u oscuros ni estilos que modifiquen el fondo de la descripción.
  • Revisa la codificación. Comprueba especialmente las tildes, la ñ y otros caracteres especiales. Si tu editor genera problemas de codificación, puedes utilizar las entidades HTML equivalentes.
  • Comprueba las imágenes. Abre cada URL en el navegador antes de enviar el HTML y confirma que la imagen carga correctamente.
  • Revisa todo el contenido. Comprueba que no quedan enlaces rotos ni elementos sin cargar.
Ten en cuenta: los errores de codificación pueden hacer que un texto que se ve correctamente en tu editor muestre caracteres extraños cuando se publica en la ficha.

Para consultar las recomendaciones generales sobre descripciones de producto, revisa Crear una ficha de producto perfecta.

Vídeos

Puedes incluir vídeos alojados en YouTube o Vimeo. Recomendamos utilizar YouTube y facilitar el vídeo en formato embed.

Si utilizas una imagen A+

  • Dimensiones: prepara la imagen a 837 × 2156 px.
  • Diseño: utiliza un fondo claro y mantén una línea visual coherente en todo el contenido.
  • Información: prioriza las características y ventajas que ayuden al cliente a entender el producto.
  • Legibilidad: evita textos demasiado pequeños, bloques excesivamente densos o comparativas difíciles de leer en una pantalla móvil.
Ten en cuenta: la imagen se muestra como una única pieza. Su contenido no se reorganiza automáticamente según el tamaño de pantalla, por lo que debes comprobar especialmente su legibilidad en móvil.
4️⃣ Envía el contenido a Catalogación

Envía el contenido a catalogacion-marketplace@pccomponentes.com y pon en copia a tu account manager.

El proceso depende de si el producto es nuevo o ya existe:

  • Producto nuevo con HTML: integra el contenido en el fichero que vas a importar en Mirakl y avisa a Catalogación al realizar el envío. Indica claramente qué referencias incluyen contenido A+.
  • Producto ya existente con HTML: envía el código HTML a Catalogación para que pueda implementarlo en la ficha.
  • Imagen A+: envía la imagen a Catalogación, tanto si el producto es nuevo como si ya está publicado.
Para productos nuevos: indica en el correo las referencias concretas que contienen A+. Por ejemplo: «Se han enviado 10 productos. Las referencias X, X y X incluyen contenido A+».

Si vas a crear los productos mediante fichero, consulta Creación de producto: plantilla.

Para solicitar cambios sobre una ficha publicada, también puedes consultar ¿Cómo puedo modificar un artículo ya creado?.

5️⃣ Revisión y publicación

El equipo de Catalogación revisará el contenido antes de implementarlo en la ficha de producto.

Si detecta errores, el contenido tendrá que corregirse antes de poder publicarse.

Los problemas que debes revisar especialmente son:

  • Contenido o bloques de texto con fondo negro u oscuro.
  • Tildes, ñ u otros caracteres que se muestran incorrectamente.
  • Imágenes que no cargan por URLs incorrectas.
6️⃣ Comprueba el contenido antes de enviarlo

Antes de enviarlo a Catalogación, comprueba que:

  • El contenido se visualiza sobre fondo blanco o claro, según el formato utilizado.
  • Las tildes, la ñ y los caracteres especiales se muestran correctamente.
  • El HTML no contiene etiquetas o atributos innecesarios como <span>, style o class.
  • Todas las imágenes están alojadas en el CDN facilitado por PcComponentes.
  • Todas las URLs de imágenes funcionan.
  • No hay imágenes ni elementos rotos.
  • Los vídeos de YouTube o Vimeo funcionan correctamente.
  • El contenido es legible tanto en escritorio como en móvil.
  • Si utilizas una imagen A+, tiene unas dimensiones de 837 × 2156 px.
  • Has indicado claramente las referencias de los productos a los que corresponde el contenido.

 

¿Te sirvió?