PrestaShop: Cómo instalar un tema o plantilla en tu tienda
Antes de empezar: ¿Qué es un tema o plantilla en PrestaShop?
Piensa en tu tienda online como una casa. El contenido (productos, categorías, textos) son los muebles y las pertenencias. El tema o plantilla es la estructura de la casa: las paredes, las ventanas, la distribución de las habitaciones y la decoración general. Un tema define el diseño visual de tu tienda: colores, tipografías, disposición de los bloques, menús, etc.
Cuando instalas un tema PrestaShop, cambias por completo la apariencia de tu tienda sin tocar el contenido. Es la forma más rápida y efectiva de darle una identidad visual profesional a tu negocio online.
En este tutorial PrestaShop completo, te explicaré paso a paso cómo instalar, cambiar y personalizar un tema, incluso si nunca has tocado código en tu vida. Vamos a ello.
Requisitos previos antes de instalar un tema PrestaShop
Antes de lanzarte, asegúrate de tener esto preparado:
- Acceso al panel de administración de tu PrestaShop (el back-office). Normalmente se accede a través de
tudominio.com/admin. - El archivo del tema en formato
.zipo.zipcon subcarpetas. Lo puedes descargar desde el marketplace oficial de PrestaShop, desde un desarrollador externo o desde un proveedor de temas. - Una copia de seguridad de tu tienda. Es fundamental por si algo sale mal. En el peor de los casos, podrás restaurar tu tienda a su estado anterior.
- Versión de PrestaShop compatible. Verifica que el tema es compatible con la versión de tu PrestaShop (1.6, 1.7, 8.x, etc.). Instalar un tema incompatible puede romper tu tienda.
[WARNING] Nunca instales un tema en producción sin antes probarlo en un entorno de pruebas. Si tu tienda ya tiene clientes, un error puede dejarla inaccesible. Si no tienes un entorno de pruebas, al menos haz una copia de seguridad completa de archivos y base de datos.
Método 1: Instalar un tema PrestaShop desde el panel de administración (método recomendado)
Este es el método más sencillo y seguro. PrestaShop incluye un gestor de temas integrado.
Paso 1: Accede al gestor de temas
- Inicia sesión en tu back-office de PrestaShop.
- En el menú lateral izquierdo, busca la sección "Diseño" o "Theme & Logo" (dependiendo de la versión).
- Haz clic en "Theme Manager" o "Gestor de temas".
Verás una lista de los temas que ya tienes instalados. El tema por defecto suele llamarse "Classic" o "Default".
Paso 2: Sube tu archivo de tema
- En la parte superior derecha de la pantalla, busca el botón "Añadir nuevo tema" o "Instalar un tema".
- Se abrirá un asistente. Haz clic en el botón "Seleccionar archivo" y busca el archivo
.zipde tu plantilla en tu ordenador. - Una vez seleccionado, haz clic en "Subir" o "Cargar".
PrestaShop subirá el archivo y lo procesará. Este proceso puede tardar unos segundos o minutos, dependiendo del peso del tema.
Paso 3: Activa el tema
- Cuando la subida termine, verás el nuevo tema en la lista de temas disponibles.
- Para activarlo, pasa el ratón sobre el tema y haz clic en el botón "Activar" o "Usar este tema".
- Confirma la acción en el mensaje de advertencia.
¡Listo! Tu tienda ahora muestra el nuevo tema. Puedes ir a la parte pública de tu web para ver el resultado.
[TIP] Si el tema no aparece después de subirlo, verifica que el archivo
.zipno esté corrupto y que sea compatible con tu versión de PrestaShop. También revisa que la carpeta raíz del zip contenga un archivo llamadotheme.yml(para PrestaShop 1.7+) oconfig.xml(para PrestaShop 1.6). Sin estos archivos, PrestaShop no reconocerá el tema.
Método 2: Instalar un tema PrestaShop manualmente por FTP
Este método es útil si tienes problemas con el gestor de temas o si prefieres control total sobre los archivos. Necesitarás un cliente FTP como FileZilla.
Paso 1: Prepara el archivo del tema
- Descomprime el archivo
.zipdel tema en tu ordenador. - Obtendrás una carpeta con el nombre del tema (por ejemplo,
mi-tema).
Paso 2: Conéctate a tu servidor por FTP
- Abre tu cliente FTP.
- Conéctate a tu servidor usando las credenciales FTP que te proporcionó tu proveedor de hosting. Si usas Syspanel (el panel de control de tu hosting), recuerda que el acceso a la gestión de archivos también está disponible desde allí. El puerto de acceso a Syspanel es el 2106.
Paso 3: Sube la carpeta del tema
- Navega hasta el directorio raíz de tu tienda PrestaShop. Normalmente es
/public_htmlo/www. - Dentro, busca la carpeta
/themes. - Sube la carpeta completa de tu tema dentro de
/themes. Debe quedar así:tudominio.com/themes/mi-tema.
Paso 4: Activa el tema desde el back-office
- Vuelve a tu panel de administración de PrestaShop.
- Ve a "Diseño" > "Theme Manager".
- Ahora deberías ver tu tema en la lista. Actívalo como se explicó en el método anterior.
[INFO] Si no ves el tema después de subirlo por FTP, verifica que los permisos de la carpeta sean correctos (generalmente 755 para carpetas y 644 para archivos). Puedes ajustar los permisos desde tu cliente FTP o desde el administrador de archivos de Syspanel.
Método 3: Instalar un tema desde el marketplace de PrestaShop
PrestaShop tiene su propio marketplace donde puedes comprar o descargar temas oficiales.
- Ve a la web oficial de PrestaShop y busca su sección de temas.
- Elige un tema y cómpralo o descárgalo (algunos son gratuitos).
- El archivo descargado será un
.zip. Sigue el Método 1 para instalarlo desde el panel de administración.
Cómo cambiar el tema PrestaShop sin perder tus configuraciones
Cambiar un tema PrestaShop no elimina tus productos, clientes ni pedidos. Esos datos se guardan en la base de datos y son independientes del tema. Sin embargo, la configuración específica del tema anterior (menús personalizados, módulos de la home, banners, etc.) no se transferirá automáticamente al nuevo tema.
Para minimizar el impacto:
- Haz una copia de seguridad de tu configuración actual. Puedes exportar la configuración de módulos y posiciones desde el back-office.
- Revisa los módulos que usa tu antiguo tema. Muchos módulos son compatibles con varios temas, pero otros están diseñados específicamente para un tema concreto. Asegúrate de que los módulos esenciales (carrito, búsqueda, etc.) estén activos en el nuevo tema.
- Ajusta los menús: Los menús de navegación suelen configurarse por separado. Ve a "Diseño" > "Posiciones" o "Menús" para reorganizar los enlaces.
[WARNING] Si tu tema anterior tenía un módulo de banner personalizado y el nuevo no lo incluye, ese banner desaparecerá. No es un error, es una limitación lógica. Tendrás que recrearlo con los módulos del nuevo tema.
Personalizar PrestaShop: Ajustes básicos después de instalar el tema
Una vez que has instalado y activado tu nuevo tema, es hora de personalizarlo para que se adapte a tu marca.
Configura el logotipo y el favicon
- Ve a "Diseño" > "Theme & Logo".
- En la pestaña "Logos", sube tu logotipo en formato
.png,.jpgo.svg. Recomendamos un fondo transparente para un resultado profesional. - Sube también un favicon (el icono que aparece en la pestaña del navegador). Debe ser un
.icoo.pngde 16x16 o 32x32 píxeles.
Ajusta los colores y la tipografía
Muchos temas modernos permiten cambiar colores y fuentes desde el panel de administración, sin tocar código.
- Busca la opción "Personalizar" o "Customize" en tu tema (puede estar dentro de "Theme Manager" o en un módulo específico del tema).
- Desde ahí podrás cambiar el color de fondo, el color de los botones, los enlaces, etc.
- Algunos temas ofrecen Google Fonts integradas para cambiar la tipografía de títulos y textos.
Configura la página de inicio
La página de inicio es la primera impresión que un cliente tiene de tu tienda. Personaliza las secciones:
- Sliders o banners: La mayoría de temas incluyen un módulo de slider. Sube imágenes de alta calidad (1920x500 píxeles aproximadamente).
- Productos destacados: Configura qué productos aparecen en la home (novedades, más vendidos, etc.).
- Bloques de texto: Añade información sobre tu tienda, envíos, devoluciones, etc.
Gestiona los módulos y posiciones
- Ve a "Diseño" > "Posiciones".
- Aquí verás las "ganchos" (hooks) donde se colocan los módulos (por ejemplo, "Display Home", "Display Footer", etc.).
- Arrastra y suelta los módulos para reordenarlos o activarlos/desactivarlos.
[TIP] No sobrecargues la home con demasiados módulos. Un diseño limpio y claro convierte más que uno saturado. Prioriza la información relevante: ofertas, categorías principales y enlaces a las páginas de contacto y envíos.
Problemas comunes al instalar un tema PrestaShop y sus soluciones
Error: "El tema no es compatible con la versión de PrestaShop"
- Solución: Verifica la versión de tu PrestaShop (en el back-office, en "Parámetros avanzados" > "Información"). Busca un tema compatible con esa versión. Contacta con el desarrollador del tema para obtener una versión actualizada.
Error: "No se puede cargar el archivo"
- Solución: Revisa que el archivo
.zipno esté dañado y que sea un archivo de tema válido. Si lo has descargado, prueba a descargarlo de nuevo. A veces el navegador corta la descarga.
La tienda se ve en blanco o con errores después de activar el tema
- Solución: Activa el modo de depuración de PrestaShop para ver el error exacto. Puedes hacerlo editando el archivo
config/defines.inc.phpy cambiando_PS_MODE_DEV_atrue. El error te indicará si hay un problema con un módulo o con el tema. Desactiva el tema y vuelve al anterior si el problema persiste.
El tema se ve "roto" o desordenado
- Solución: Es muy probable que el tema necesite módulos adicionales que no están instalados. Ve a "Módulos" > "Catálogo de módulos" y busca los módulos recomendados por el tema. También puedes comprobar si el tema tiene un archivo de configuración que se puede importar desde el back-office.
FAQ: Preguntas frecuentes sobre temas y plantillas PrestaShop
¿Instalar un tema PrestaShop afecta a mi SEO?
No directamente. El contenido (URLs, textos, productos) se mantiene. Sin embargo, el nuevo tema puede cambiar la estructura de los encabezados (H1, H2, etc.), los tiempos de carga y la disposición de los enlaces internos. Un tema bien optimizado y ligero puede mejorar tu SEO, mientras que uno pesado y mal codificado puede perjudicarlo. Haz pruebas de velocidad después de instalar.
¿Puedo tener dos temas instalados y alternar entre ellos?
Sí, PrestaShop te permite tener varios temas instalados. Solo puedes tener uno activo a la vez, pero puedes cambiar entre ellos cuando quieras desde el Theme Manager. Es útil para hacer pruebas.
¿Necesito conocimientos de programación para personalizar PrestaShop?
No necesariamente. La mayoría de temas modernos ofrecen opciones de personalización desde el panel de administración. Para cambios avanzados (modificar el HTML, CSS o crear un tema hijo), sí necesitarás conocimientos básicos de programación o contratar a un desarrollador.
¿Cada cuánto tiempo debería cambiar el tema de mi tienda?
No hay una regla fija. Cambia el tema cuando tu diseño esté desactualizado, cuando quieras mejorar la experiencia de usuario o cuando necesites nuevas funcionalidades. No lo cambies constantemente porque puede confundir a tus clientes habituales y afectar al posicionamiento.
¿Qué hago si el tema que quiero instalar tiene errores de compatibilidad con mis módulos?
Primero, contacta con el desarrollador del tema. Si no hay solución, busca módulos alternativos compatibles con tu nuevo tema. En el peor de los casos, tendrás que elegir entre mantener tu tema actual o cambiar de tema y buscar módulos equivalentes.
Conclusión: tu tienda con nueva imagen en pocos pasos
Instalar un tema PrestaShop es un proceso sencillo si sigues los pasos correctos. Ya sea desde el panel de administración, por FTP o desde el marketplace, lo importante es verificar la compatibilidad y hacer una copia de seguridad antes de empezar.
Recuerda que la personalización no termina con la instalación. Dedica tiempo a ajustar los colores, los módulos y la página de inicio para que tu tienda refleje la identidad de tu marca. Un diseño profesional y funcional aumenta la confianza de tus clientes y, por tanto, tus ventas.
Si encuentras algún problema durante el proceso, no dudes en consultar la documentación oficial de PrestaShop o contactar con tu proveedor de hosting. Y si usas Syspanel para gestionar tu hosting, recuerda que tienes acceso al administrador de archivos y a las herramientas de copia de seguridad desde el puerto 2106, lo que te facilitará la tarea antes y después de instalar tu nuevo tema.
[INFO] Este tutorial PrestaShop cubre las versiones 1.6, 1.7 y 8.x. Si usas una versión anterior (1.5 o inferior), te recomendamos actualizar tu tienda para poder disfrutar de las últimas funciones y seguridad.
Ahora sí, ¡ve y dale a tu tienda la apariencia que merece!
