Tienda online

Personalizar la página web: logo, diapositivas, banners y redes

La página web se personaliza en el administrador avanzado, en Tienda > Editar tienda, pestaña Configuración de la Web: ahí cambias el logo y, en Contenido Web, las diapositivas, los banners inferiores, las novedades y destacados, las redes sociales y tu hoja de estilos.

Actualizada el 4 min de lectura

Todo se personaliza en el administrador avanzado (http://mi_tienda.tpvenlanube.es/administrator), casi siempre en Tienda > Editar tienda, pestaña Configuración de la Web. La web es gratuita como catálogo; para vender desde ella necesitas la tienda online: Cómo funcionan la página web y la tienda online.

Cambiar el logo de la web

  1. En el administrador avanzado, ve a Tienda > Editar tienda.
    Menú Tienda del Panel de control TPV con la opción Editar Tienda
  2. Abre la pestaña Configuración de la Web.
    Editar Tienda con la pestaña Configuración de la Web abierta y el logo actual en el campo Imagen
  3. Pulsa Browse... y elige la imagen del logo. Tiene que ser un PNG de 300 píxeles de ancho por 75 de alto como máximo, con un nombre de archivo sin espacios.
  4. Guarda los cambios.
  5. Limpia la caché del navegador para ver el logo nuevo.

El logo se muestra en todas las páginas de la web, tanto en el encabezado, junto al menú principal, como en el pie:

Encabezado de la web en el ordenador con el logo junto al menú principal
Encabezado en el ordenador
Encabezado de la web en una tableta con el logo y los iconos del menú
Encabezado en una tableta
Encabezado de la web en el móvil con el logo reducido
Encabezado en el móvil
Pie de la web con el logo, los menús Sobre nosotros e Información y los iconos de redes sociales
Pie de la web

Cambiar las diapositivas de la portada

La página de inicio tiene un carrusel de diapositivas en la parte de arriba.

Portada de la web con el carrusel de diapositivas bajo el menú
  1. En el administrador avanzado, ve a Tienda > Editar tienda y abre la pestaña Configuración de la Web.
  2. Abajo, en el apartado Contenido Web, despliega Diapositivas.
  3. Publica o despublica el carrusel y elige sus imágenes: hasta tres, que van cambiando solas cada pocos segundos.
    Módulo Diapositivas con el interruptor Publicado y tres imágenes, cada una con su interruptor y su botón para elegir archivo
  4. Guarda los cambios.

Para que las imágenes se vean con calidad, usa un tamaño mínimo de 990 x 400 píxeles. Pueden ser más grandes, pero mantén esa proporción para que no se recorte ninguna zona. El resultado se ve en la página de inicio:

Página de inicio con la diapositiva y debajo las pestañas Novedades, Destacados y Recomendados
Página de inicio con la diapositiva vista en una tableta
Las diapositivas en una tableta

Cambiar los banners inferiores

En la parte de abajo de la web hay dos imágenes que vienen puestas por defecto en todas las webs: BannerEnvíos y BannerRegalo. Para poner las tuyas:

Banners inferiores por defecto, Envíos seguros y No sabes qué regalar, sobre el pie de la web
  1. En el administrador avanzado, ve a Tienda > Editar tienda > Configuración de la Web.
  2. Abajo, en Contenido Web, pulsa Banners inferiores.
  3. Activa una o las dos imágenes y elige cada una desde tu ordenador. Si quieres, escribe en URL al hacer click la dirección a la que llevará al pulsarla: otra página de tu web o de cualquier otra.
    Módulo Banners inferiores con dos imágenes, cada una con su interruptor, su botón Seleccionar archivo y el campo URL al hacer click
  4. Guarda los cambios.

Para que los banners se vean con calidad, usa un tamaño mínimo de 505 x 174 píxeles. Pueden ser más grandes, pero mantén esa proporción.

Mostrar u ocultar Novedades y destacados

En la página de inicio, justo debajo de las diapositivas, está el módulo de novedades y destacados, con una pestaña para los últimos productos registrados y otra para los destacados. Para publicarlo o despublicarlo:

  1. Ve a Tienda > Editar tienda > Configuración de la Web.
  2. En Contenido Web, despliega Novedades y destacados (en algunas versiones, Novedades, destacados y recomendados) y marca o desmarca Publicado.
    Módulo Novedades y destacados de Contenido Web con la casilla Publicado marcada
  3. Guarda los cambios.

Elegir los productos destacados

Los productos destacados salen en la portada, en el módulo de novedades y destacados.

Portada de la web con la sección Productos destacados y debajo Novedades productos
  1. En el administrador avanzado, ve a Catálogo > Productos y pulsa el nombre del producto.
  2. En la pestaña Información del producto, marca Destacado en la Web Online.
    Ficha del producto con las casillas Publicar en la Web Online y Destacado en la Web Online marcadas
  3. Pulsa Guardar cambios.

La próxima vez que entres en la web o recargues la página, el producto será uno de los destacados.

Enlazar tus redes sociales

Los iconos de redes sociales, con sus enlaces, aparecen en la parte de abajo de todas las páginas.

Pie de la web con los iconos de redes sociales y el enlace a Facebook señalado
  1. Ve a Tienda > Editar tienda > Configuración de la Web.
  2. En Contenido Web, despliega Redes sociales y pega la dirección de cada una de tus redes en su campo.
    Módulo Redes sociales con la casilla Publicado y un campo para la dirección de cada red
  3. Guarda los cambios.

Solo aparecen en la web las redes que tienen dirección; las que dejes vacías no muestran su icono.

Usar tu propia hoja de estilos (CSS personal)

Puedes tener una hoja de estilos propia para adaptar el diseño de la web:

  1. Ve a Panel de control TPV > Tienda > Editar tienda, pestaña Configuración de la Web.
  2. En la sección Contenido Web, apartado Personalización de la plantilla, pulsa Editar.
  3. Edita el archivo en la ventana que se abre y pulsa Guardar.
  4. Comprueba que CSS Personal está activado.
    Apartado Personalización de la plantilla con CSS Personal activado y el botón Editar
  5. Pulsa Guardar cambios, arriba a la derecha de Editar tienda.

Para ver los efectos del CSS, abre la web en una ventana de incógnito, limpia el navegador o pulsa Control + F5: el navegador suele guardar en caché las hojas de estilos.

Preguntas frecuentes

Preguntas frecuentes

¿Qué tamaño tiene que tener el logo de la web?

Una imagen PNG de 300 píxeles de ancho por 75 de alto como máximo, con un nombre de archivo sin espacios. Se ve en todas las páginas, en el encabezado y en el pie.

¿Qué tamaño recomendáis para las diapositivas?

Un mínimo de 990 x 400 píxeles. Pueden ser más grandes, pero conviene mantener esa proporción para que no se recorte ninguna zona. El carrusel admite hasta tres imágenes.

¿Cómo hago que un producto salga en Destacados?

Abre el producto en Catálogo > Productos y, en la pestaña Información del producto, marca Destacado en la Web Online. Guarda los cambios y aparecerá en la sección de destacados de la portada.

¿Por qué no veo los cambios en la web?

Porque el navegador guarda en caché las imágenes y las hojas de estilos. Abre la web en una ventana de incógnito, limpia el navegador o pulsa Control + F5 para recargarla.

También te puede servir

Soporte técnico

¿No encuentras lo que buscas?

De lunes a jueves de 9:00 a 18:00 y los viernes de 9:00 a 15:00 (hora de España). Si hace falta, te ayudamos por conexión remota.