Inicio Diseño y personalización visual
🎨

Diseño y personalización visual

Personalización del diseño visual de la tienda: gestión de diseños y estilos, cabecera, logo, pie de página, colores y efectos visuales.
Por Alejandro F. Agente
• 10 artículos

¿Cómo personalizar el menú de navegación de tu tienda online?

Las pestañas de navegación las puedes gestionar, crear o modificar, desde el apartado "Contenidos > Menú Superior" de la administración de tu tienda Palbin.com. Puedes mostrar en ellas tu catálogo de productos, las categorías/subcategorías que quieres destacar, las páginas de contenido que muestran información relevante para el cliente, etc. Hay mucha flexibilidad para que puedas presentar la información como te interese. Si no consigues configurar lo que deseas, no dudes en preguntarnos y te asesoraremos. Paso 1 - Accede a tu administración En Contenidos > Menú Superior, para crear una nueva pestaña, completa su nombre en la columna izquierda titulada "Añadir nuevo elemento al menú" y elige el nombre que quieres que aparezca en tu nueva pestaña del menú superior. Imagen de administración de Palbin.com Paso 2 - Añade nuevo elemento al menú ¿Qué suele aparecer en el menú superior de una tienda online? Por ejemplo, "Quiénes Somos", "Zona Outlet", "Rebajas", "Blog", "Contacto", etc. Algunos ejemplos de las pestañas del menú superior: Ejemplo de menú superior 1 Ejemplo de menú superior 2 Ejemplo de menú superior 3 Paso 3 - Indica el tipo de elemento Las pestañas del menú superior de tu tienda online pueden estar vinculadas a distintos partes de tu tienda. Por ejemplo, las novedades, los productos más vendidos, una categoría concreta de productos, con el listado completo de tus productos, una página de contenido o incluso a un blog o web externa. Como siempre, dejamos que tú mismo decidas el aspecto que tendrá tu tienda online, por lo que la organización de las pestañas del menú superior es totalmente flexible y personalizable. Imagen de configuración de tipo de elemento en Palbin.com Paso 4 - Elige el tipo de elemento A pesar de que elijas categorías de productos, marcas de productos o listado de páginas de contenido, podrás seleccionar si quieres mostrar un listado completo de todas ellas o alguna en concreto. Imagen de selección de tipo de elemento en Palbin.com Si lo que deseas es incluir un elemento con las novedades, productos más vendidos o una página de contacto básica deberás seleccionar el tipo de elemento "Páginas predefinidas". Paso 5 - Ordena las pestañas Una vez creadas tantas pestañas como necesites, desde la columna de la derecha "Orden del Menú de Navegación", puedes editar, mover o reordenar las pestañas del menú superior de tu tienda online. Solo debes hacer click en el icono de las flechas "↕" y arrastrarlo hasta que quede en la posición que prefieras. Imagen de ordenación de pestañas en Palbin.com Paso 6 - Editar o eliminar una pestaña Si quieres modificar el nombre de la pestaña o el tipo de elemento al que dirige puedes hacerlo pulsando el botón "Editar". De igual forma, si lo que quieres es eliminar una pestaña puedes hacerlo desde el botón "Borrar". Paso 7 - Guardar Por último, recuerda hacer clic en "Guardar ordenación" para aplicar los cambios definitivos a tu tienda online.

Última actualización el Sep 12, 2025

¿Por qué la imagen de mis productos se ve mal?

Si tus imágenes no se ven como esperabas, aquí tienes las soluciones a los problemas más comunes. 1. ¿La imagen se corta o no está alineada? Esto sucede generalmente por una diferencia en las proporciones de tus fotos. - Solución: Consulta nuestra guía sobre Cómo evitar que las imágenes se corten para aprender a usar el Tamaño de lienzo o el Recorte manual. 2. ¿La imagen aparece girada? A veces, al subir una foto, esta cambia de orientación automáticamente. Esto ocurre por la pérdida de los datos EXIF (la información interna de la foto que dice cuál es el "arriba"). - Solución: Abre la imagen en cualquier editor de fotos (incluso el de tu móvil), gírala manualmente, guárdala de nuevo y vuelve a subirla a tu tienda. Esto "refrescará" la información de orientación. 3. ¿Tienes problemas con el formato o el peso? - Formato HEIC (iPhone): El sistema no acepta archivos .HEIC. Debes convertirlos a JPG o JPEG antes de subirlos. - Formatos permitidos: Solo puedes subir JPG, JPEG y PNG. - Peso excesivo: Si recibes un error de "foto demasiado grande", reduce el peso de tu imagen (recomendamos entre 200 KB y 300 KB). Puedes ver cómo optimizarlas en nuestra guía de Tamaño ideal de las imágenes. 4. ¿Quieres editar muchas imágenes a la vez? Si necesitas cambiar las miniaturas de todo tu catálogo de forma masiva, lo más ágil es usar nuestra herramienta de Importación por Excel. - Guía paso a paso: Cómo importar productos masivamente.

Última actualización el Jan 23, 2026

¿Cómo poner un carrusel de imágenes en mi tienda online?

Un carrusel o una galeríad e imágenes es la forma ideal de captar la atención de tus clientes con ofertas o novedades. En Palbin existen dos formas de crearlo dependiendo de cómo hayas configurado tu portada. Paso 0: Identifica tu método - Si usas la portada predeterminada: Tu ruta es Diseño > Banners (Opción A). - Si usas una página personalizada: Tu ruta es Contenido > Páginas (Opción B). Opción A: Portada Predeterminada (Sección Banners) Si no has creado una página de contenido específica para tu inicio, esta es tu opción por defecto. 1. Ve a Diseño > Banners y pulsa en "Añadir Nuevo Banner". 2. En tipo de banner, selecciona "Banner con Carrusel de Imágenes". 3. Configuración inicial: Elige la ubicación donde quieres que aparezca y ponle un Título (esto te servirá para identificarlo internamente). 4. Añadir imágenes: Pulsa el botón para seleccionar tu primera imagen. Podrás añadirle un título y un enlace directo. 5. Crear el carrusel: Usa el botón "+ Añadir otra diapositiva" para repetir el proceso y cargar todas las imágenes que desees. 6. Personaliza el movimiento: Elige el tipo de animación (desvanecer o deslizar), la velocidad de rotación y si quieres mostrar la paginación. Pulsa en "Crear" y listo. Opción B: Portada Personalizada (Editor de Contenido) Usa este método si diseñas tu página de inicio mediante componentes. 1. Ve a Contenido > Páginas, busca tu página de portada y pulsa en "Editar". 2. Usa la herramienta de añadir componente (icono + verde) que aparece al pasar el cursor por las secciones. 3. Selecciona el elemento **"Galería". ** 4. Se abrirá una nueva ventana donde puede seleccionar las imágenes para el carrusel. (Puedes seleccionar varias imágenes a la vez desde tu ordenador para subirlas de golpe). 5. Añadir enlaces: Una vez subidas, pulsa en el icono del lápiz sobre cada imagen para asignar el enlace a la sección que prefieras. 6. Configuración: Puedes modificar la velocidad y el tipo de transición. Recuerda pulsar en "Guardar" en la ventana y después en "Guardar página" para guardar los cambios en la página. Reglas de oro para un carrusel perfecto Para que el resultado sea profesional y no afecte a tu velocidad de carga, sigue estos consejos: - Uniformidad: Es fundamental que todas las imágenes del carrusel tengan el mismo tamaño y proporción. Si mezclas fotos horizontales con verticales, el diseño de tu tienda dará saltos al cambiar de imagen. - Tamaño recomendado: Para banners centrales, usa un ancho de 1024px a 1920px. - Peso ligero: Intenta que cada foto no supere los 200 KB - 300 KB. - Formato: Usa siempre JPG o JPEG. Evita el formato PNG, ya que ralentiza la carga de tu web. - Si necesitas editar tus fotografías, puedes hacerlo con esta herramienta.

Última actualización el Jan 23, 2026

¿Cómo cambio la imagen de cabecera de mi tienda?

La cabecera de nuestra tienda online debería tener un diseño atractivo y profesional, que transmita la filosofía y saber hacer de la empresa. Para subir una imagen de cabecera o modificarla, podemos hacerlo desde la sección de nuestra administración > Diseño > Cabecera y Logo. Allí encontraremos las cuatro opciones disponibles para mostrar la cabecera de tu tienda online. - Cabecera por defecto (logo integrado) - Cabecera con texto - Cabecera con imagen - Sin cabecera Cabecera por defecto Esta opción surgió a raíz de la actualización de los diseños responsive y te permite integrar el logotipo de tu tienda directamente en la cabecera. Cabecera por defecto Cabecera con texto Puedes editar el nombre y eslogan de tu tienda con múltiples tipografías, colores, alineados, tamaños y efectos. Prueba diferentes opciones y seguro que encuentras lo que buscas para tu negocio. Cabecera con texto Cabecera con imagen Puedes poner una imagen propia en la cabecera de tu tienda online. Para asegurarnos de una correcta visualización en cualquier dispositivo, la recomendación es que dicha imagen tenga un tamaño aproximado de 1600px (anchura) por 300px (altura). Cabecera con imagen Para sustituir una antigua imagen por otra nueva, se debe borrar primero la primera mediante el icono en forma de papelera del lateral superior derecho de la imagen. IMPORTANTE: Si no ves dicho icono, seguramente sea porque la imagen que subiste supere las dimensiones recomendadas para la cabecera de vuestra tienda online. Si es este el caso contactar con nosotros escribiendo a soporte@palbin.com. Sin cabecera También puedes configurar tu tienda de forma que no tenga cabecera. Esta opción es muy apropiada para aquellas tiendas que quieran colocar un llamativo banner central. Recomendaciones y observaciones ¿Qué ocurre si modificas la cabecera pero sigue apareciendo la antigua en la Home de vuestra tienda? Casi todos los cambios de diseño afectan a las imágenes de tu tienda, las cuales suele cachear tu navegador. Es decir, tu navegador (ya sea Chrome, Firefox, Explorer...) se guarda una imagen en tu ordenador para que navegues más rápido. Puede ocurrir que, tu navegador no te permita ver tu nueva cabecera inmediatamente. Nuestra recomendación: Para ver cualquier modificación de tu tienda más rápido, presiona las teclas CTRL y F5 para "refrescar" tu navegador y obligarle a descargar las imágenes de nuevo en ese preciso momento. Te facilitamos este vídeo tutorial para que te sirva de guía a la hora de gestionar la cabecera de tu tienda, tu logo y tu favicon: https://youtu.be/aCZyR2588sA?si=qaJag1H3PVPrKmoT

Última actualización el Sep 12, 2025

¿Cómo evitar que las imágenes de mis productos se corten?

Es común que al subir fotos, algunas parezcan "mordidas" o descuadradas. Esto sucede porque el sistema intenta encajar tu foto en un formato estándar (normalmente cuadrado) para que tu catálogo se vea alineado y profesional. Si tu foto es muy alargada o vertical, el sistema recortará los bordes para rellenar el hueco. Aquí te enseñamos cómo evitarlo con dos métodos: Método 1: Solución Rápida (Añadir espacio blanco) Es la opción ideal si tienes muchas fotos de diferentes tamaños y quieres que todas se vean completas sin esfuerzo. 1. Ve a la ficha del producto, en la sección Imágenes. 2. Asegúrate de que la opción "Seleccionar automáticamente el encuadre..." esté marcada. 3. Activa la casilla "Añadir espacio blanco alrededor de la miniatura". 4. Importante: Este cambio solo afecta a las imágenes que subas después de activar la casilla. Si ya tenías la foto subida, bórrala y vuelve a subirla para ver el cambio. Resultado: El sistema "alejará" tu foto y rellenará los laterales con blanco para que la imagen encaje entera en el formato elegido. Método 2: Control Profesional (Recorte Manual) Usa este método si quieres decidir exactamente qué parte de la foto debe verse (ideal para fotos con mucho aire o fondos complejos). 1. Desmarca la casilla "Seleccionar automáticamente el encuadre...". 2. Al subir tu imagen, se abrirá automáticamente una ventana de recorte. 3. Elige la proporción que prefieras (1:1 para cuadrados, 16:9 para panorámicos, etc.). 4. Mueve el recuadro sobre tu foto para elegir el encuadre perfecto y pulsa en "Recortar". ¿Qué formato elegir? En el desplegable de opciones verás varios términos. Aquí tienes una guía rápida: - Cuadrado (1:1): El estándar más usado y recomendado para tiendas online. - Horizontal / Super Horizontal: Ideal para productos alargados (ej. muebles, herramientas). - Vertical / Super Vertical: Perfecto para moda, ropa o botellas. - Original: Respeta el formato de tu archivo (cuidado: si tus fotos son distintas, tu catálogo se verá desalineado). Al guardar los cambios, se mantendrá como opción por defecto él: tamaño de lienzo, espacio blanco o guardado manual en todas las imágenes que vuelvas a subir en la ficha de tus productos, por lo que no tendrás que volver a activar las opciones, así no olvidaras que se agregara espacio en blanco o recortar la imagen al subirla. De esta forma, las imágenes no se cortarán por ninguno de los lados, tu tienda lucirá un diseño ideal y transmitirás una sensación de simetría y profesionalismo a tus clientes.

Última actualización el Jan 22, 2026

¿Cuál es el tamaño ideal de las imágenes de mi tienda?

Para que tu tienda luzca profesional y cargue con rapidez, es fundamental utilizar el tamaño adecuado en cada sección. Aunque nuestros sistemas comprimen y adaptan tus imágenes automáticamente, te recomendamos seguir estas medidas para lograr el equilibrio perfecto entre calidad visual y velocidad de carga: 1. Guía rápida de tamaños Productos - Tamaño recomendado: 1024px a 1600px - Proporción: Cuadrada (1:1) o Vertical Banners y Carruseles - Tamaño recomendado: 1024px a 1920px - Proporción: Horizontal (Panorámica) Cabecera de tienda - Tamaño recomendado: 1600 x 300 px - Proporción: Horizontal fija Cabecera de Categoría - Tamaño recomendado: 1600 x 640 px - Proporción: Horizontal Logo de negocio - Tamaño recomendado: 360 x 140 px - Proporción: Según diseño del logo Banners laterales - Tamaño recomendado: 245 px - Proporción: Ancho fijo Importante: En las imágenes de producto, usa siempre la misma proporción (ej. todas cuadradas) para que tu catálogo se vea alineado y ordenado. Así evitamos que las imágenes se corten. 2. Formatos y Peso (Rendimiento) Para que tu web no sea lenta (lo cual penaliza tu SEO), sigue estas reglas: - Peso máximo: Intenta que cada imagen pese entre 200 KB y 300 KB. - Formatos: Usa JPG o JPEG preferiblemente. El formato PNG solo se recomienda si necesitas transparencias, ya que es más pesado. 3. Optimización Automática (Gratis) Aunque esta herramienta tiene un coste externo de 30€/mes, en Palbin la tienes incluida gratis en todos los planes; está activada por defecto, pero puedes gestionarla en tu administración > Configuración > Aplicaciones Extra. - Adaptación al formato web: Las imágenes se ajustan automáticamente al tamaño exacto necesario para una buena visualización en cualquier dispositivo. - Carga inteligente de las imágenes: Las fotos que no se visualizan en pantalla no se cargan hasta que el usuario hace scroll, priorizando la carga de los elementos principales. La herramienta funciona en dos sentidos para mejorar la velocidad y el SEO. ¿Necesitas más detalle? - Cómo configurar el Carrusel de imágenes - Guía completa de Banners - Optimización de Cabeceras

Última actualización el Jan 22, 2026

¿Cómo configuro los banners? (HTML, Texto o Imagen)

Los banners informativos o publicitarios pueden ir localizados en diferentes lugares de la Home de tu tienda online. Estos pueden ser de 3 tipos: 1. Banners con texto. 2. Banners con imagen (también carrusel de imágenes) 3. Banners HTML (si tenemos el código HTML del banner que queramos incluir) A la hora de crear un banner, tienes la opción de enlazarlo a otra página mediante un clic, bien sea una página externa, una categoría de productos de tu tienda online u otra página de contenidos que hayas creado previamente desde tu administración. Estos enlaces guían a tus clientes hacia el contenido que a ti te interese. Una vez creados los banners, puedes ordenar su aparición en tu tienda online simplemente arrastrándolos a la posición correcta desde el símbolo que te indicamos en esta imagen: Imagen de banner Además, podrás seleccionar los banners que vayan a estar visibles en tu tienda, pudiendo guardar para otras ocasiones los banners promocionales o con ofertas, y publicarlo solo cuando sea necesario. Aquí puedes ver cómo. Imagen de banner Te facilitamos un sencillo videotutorial sobre el funcionamiento de los banners: https://youtu.be/5sERB4anj-E?si=3reQW2xHUs6N_wzZ Enlazando un banner con una página de contenido ¿Qué ocurre si, una vez creado el banner y enlazado a una página de contenido de tu tienda, éste te remite continuamente a la Portada? El error puede deberse a que, al crear la página de contenido a la que dirige tu link, no la hayas vinculado a ningún elemento de navegación. Por tanto, no sería visible en tu tienda online. Cómo puedes solucionarlo: crea una pestaña nueva en el menú superior de tu tienda ("Contenidos > Menú Superior") que contenga tu página de contenido. De esta manera, dicha página será visible y el banner funcionará correctamente.

Última actualización el Jan 27, 2026