© Atnova Web Systems 2024

Banner html

El Banner HTML permite insertar imágenes o textos con estilo mediante código HTML.

Para crear un Banner HTML seguiremos estos pasos:

  • Desde el menú Banners seleccionar el botón Nuevo.

  • Nombre interno: Texto solamente visible en el administrador de la Tienda.
  • Nombre: Nombre del Banner (texto que indexan los buscadores y obligatorio para la accesibilidad web).
  • Dirección URL: Dirección que se carga en el navegador al hacer clic sobre el Banner. Cuando se trata de un enlace externo a la Tienda hay que poner delante http:// o https:// si se trata de un dominio con certificado SSL (la URL absoluta).
  • Descripción: Texto que será visible para los buscadores.
  • Ventana nueva: Si la activamos el enlace se abrirá en una ventana nueva.
  • Guardar traza: Si se activa, los clics que reciba el Banner se contabilizarán. Para poder verlos hay que entrar en Configuración> Indicadores de rendimiento> Páginas visitadas.
  • Visible: Esta casilla debe estar activada para que el Banner se visualice en la parte pública.
  • Ubicación: Permite determinar en qué zona de la Tienda debe mostrarse el Banner.
  • Página: Permite determinar la sección de la Tienda donde se mostrará el Banner, si no se especifica ninguna, se interpretará que es un Banner genérico y aparecerá en todas las secciones de la Tienda que tengan habilitado el uso de Banners.
  • Relevancia: Permite determinar el orden en el que se van a mostrar las imágenes (de menor a mayor o a igual valor por orden alfabético).
  • Para guardar el Banner pincharemos en el botón Aceptar.

Al guardar el Banner se abrirá la página que permite subir una imagen. En este caso como vamos a insertar un código HTML volveremos atrás pinchando en Banner.

En el menú superior aparecerá un nuevo botón denominado HTML.

Al pinchar en él se abrirá la siguiente página donde encontramos el campo Código HTML. Es en este campo donde debemos insertar el código.

Para generar un código HTML podemos utilizar el editor HTML de la Tienda. Por ejemplo:

  • Desde el menú Artículos pinchamos en Nuevo como si fuéramos a crear un artículo.
  • En el campo descripción redactamos el texto con el formato deseado.
  • Entramos en el editor de código y copiamos el código.
  • Este es el código que debemos insertar en el Banner HTML.