Instalar tema PrestaShop en Syspanel | Personalizar tienda

¿Quieres darle un lavado de cara a tu tienda PrestaShop pero no sabes por dónde empezar con la instalación de una plantilla? No te preocupes, estás en el lugar correcto. En esta guía te voy a explicar paso a paso cómo instalar un tema en PrestaShop desde Syspanel, el panel de control que utilizamos para gestionar tu hosting. Además, te daré trucos para personalizar PrestaShop y resolver las dudas más comunes que suelen tener los usuarios al trabajar con una plantilla PrestaShop.

Vamos a simplificar todo el proceso para que, aunque no tengas experiencia técnica, puedas hacerlo tú mismo de forma segura y rápida. Recuerda que todo lo haremos desde Syspanel (accesible por el puerto 2106) y desde el backoffice de PrestaShop.

¿Qué necesitas antes de empezar?

Antes de lanzarte a instalar un tema, asegúrate de tener a mano lo siguiente:

Acceso a Syspanel: tus credenciales de hosting (usuario y contraseña) y la URL de acceso, que siempre incluye el puerto 2106 (ejemplo: tudominio.com:2106).
El archivo del tema: normalmente en formato .zip o .rar. Si lo has comprado, descárgalo desde tu cuenta del vendedor. Si es gratuito, asegúrate de que sea compatible con tu versión de PrestaShop.
Copia de seguridad: antes de tocar nada, haz una copia de seguridad de tu tienda. Así, si algo sale mal, puedes restaurar todo en segundos.
Versión de PrestaShop: verifica que el tema sea compatible con la versión que tienes instalada (1.6, 1.7 o 8.x). Una incompatibilidad puede romper la tienda.

[WARNING] No instales temas de fuentes no oficiales o pirateadas. Pueden contener malware, enlaces ocultos o dejar tu tienda vulnerable. Siempre compra o descarga desde marketplaces oficiales como PrestaShop Addons o desarrolladores de confianza.

Paso 1: Acceder a Syspanel y localizar los archivos de PrestaShop

El primer paso es entrar a Syspanel, el panel de control de tu hosting. Aquí gestionas todo lo relacionado con tu servidor: archivos, bases de datos, dominios, etc.

¿Cómo acceder a Syspanel?

Abre tu navegador y escribe la dirección: https://tudominio.com:2106 (sustituye tudominio.com por tu dominio real).
Introduce tu usuario y contraseña de Syspanel (los mismos que usas para acceder al panel de hosting).
Una vez dentro, verás un menú con varias opciones. Busca la sección "Archivos" o "Administrador de archivos" (depende de la versión, suele estar en el panel izquierdo).

Localizar la carpeta de temas de PrestaShop

Cuando estés en el administrador de archivos:

Ve a la carpeta public_html (o www), que es la raíz de tu sitio web.
Dentro de public_html, busca la carpeta themes. Ahí es donde PrestaShop almacena todas las plantillas instaladas.
No te confundas: dentro de themes hay carpetas como classic (el tema por defecto) o cualquier otro que hayas instalado antes.

[TIP] Si no ves la carpeta themes, asegúrate de que estás en la ruta correcta. A veces el hosting tiene subcarpetas adicionales (como public_html/prestashop). Si tu PrestaShop está en una subcarpeta, navega hasta ella primero.

Paso 2: Subir el tema a través de Syspanel

Ahora que ya sabes dónde está la carpeta themes, vamos a subir el archivo de la plantilla.

Opción A: Subir el .zip directamente (recomendado para principiantes)

En el administrador de archivos de Syspanel, haz clic en el botón "Subir" (suele tener un icono de flecha hacia arriba).
Selecciona el archivo .zip de tu tema desde tu ordenador.
Espera a que termine la subida. Verás el archivo en la lista dentro de la carpeta themes.
Una vez subido, selecciona el archivo .zip y haz clic en "Extraer" o "Descomprimir". El sistema creará automáticamente una carpeta con el nombre del tema.
Después de extraer, elimina el archivo .zip para mantener ordenado el servidor (puedes borrarlo seleccionándolo y usando la opción "Eliminar").

Opción B: Subir la carpeta ya descomprimida

Si prefieres no usar la extracción automática:

Descomprime el tema en tu ordenador (con WinRAR, 7-Zip, etc.).
En Syspanel, usa el botón "Subir" y selecciona la carpeta entera (o arrastra la carpeta desde tu escritorio si el administrador lo permite).
Asegúrate de que la carpeta se suba directamente dentro de themes, no en una subcarpeta extra.

[INFO] La Opción A es más rápida y evita errores de permisos. Si tu tema pesa mucho (más de 50 MB), la subida puede tardar unos minutos, ten paciencia.

Verificar que el tema se ha subido correctamente

Después de subir y extraer, dentro de themes deberías ver una nueva carpeta con el nombre de tu plantilla (por ejemplo, mi-tema-prestashop). Si ves archivos como theme.yml, index.php o una carpeta assets, todo está bien.

Paso 3: Instalar el tema desde el backoffice de PrestaShop

Ahora vamos a la parte visual: activar la plantilla desde el panel de administración de tu tienda.

Accede a tu backoffice de PrestaShop (normalmente en tudominio.com/adminXXXXXX).
En el menú izquierdo, ve a "Diseño" > "Temas y logotipo" (en PrestaShop 1.7 y 8.x) o "Preferencias" > "Temas" (en versiones antiguas).
Verás una lista de los temas disponibles. Entre ellos debe aparecer el que acabas de subir. Si no aparece, refresca la página o revisa que la carpeta esté en themes y no en otro lugar.
Haz clic en el botón "Usar este tema" o "Activar" (depende de la versión).
PrestaShop te preguntará si quieres conservar los módulos actuales. Puedes elegir "Sí" para mantener los que ya tienes configurados, o "No" si quieres empezar desde cero con los módulos del nuevo tema.

[WARNING] Al activar un tema nuevo, la apariencia de tu tienda cambiará de inmediato. Si tienes clientes navegando, hazlo en horas de bajo tráfico o activa el modo mantenimiento desde "Parámetros de la tienda" > "Mantenimiento".

Paso 4: Configurar y personalizar la plantilla

Una vez instalado, el tema no estará al 100% listo. Necesitas ajustarlo a tu marca y contenido.

Ajustes básicos desde el backoffice

Logotipo: Ve a "Diseño" > "Temas y logotipo" y sube tu logo en la sección "Logotipo de la cabecera". También puedes cambiar el favicon.
Colores y fuentes: Muchos temas modernos incluyen un panel de configuración propio. Búscalo en "Módulos" > "Módulos instalados" y busca el nombre del tema (ejemplo: "Configurador de [nombre del tema]").
Menús: En "Diseño" > "Posiciones", puedes reorganizar los bloques del menú principal, pie de página, etc.
Módulos específicos: Algunos temas requieren módulos adicionales (sliders, banners, etc.). Instálalos desde "Módulos" > "Catálogo de módulos" si no están ya incluidos.

Personalización avanzada (CSS/HTML)

Si sabes algo de código, puedes retocar el tema:

Ve a "Diseño" > "Temas y logotipo" y haz clic en "Editor de código" (en versiones modernas).
También puedes editar archivos directamente desde Syspanel: en la carpeta themes/tu-tema/assets/css/ o themes/tu-tema/templates/.
Cuidado: cualquier cambio en los archivos del tema se perderá si el tema se actualiza. Es mejor usar un tema hijo o un módulo de personalización.

[TIP] Si no quieres complicarte, muchos temas vienen con un panel de opciones visual (como "Theme Settings") donde puedes cambiar colores, fuentes y diseños sin tocar código. Explora todas las pestañas de configuración del tema.

Solución de problemas comunes (FAQ)

¿Por qué no aparece mi tema en el backoffice después de subirlo?

Causa: La carpeta del tema no está en la ruta correcta o está mal estructurada.
Solución: Revisa que la carpeta esté dentro de themes y que contenga un archivo theme.yml (en PrestaShop 1.7+) o config.xml (en versiones antiguas). Si falta, el tema está corrupto o no es compatible.

El tema se ve roto, sin estilos o con errores

Causa: Falta algún módulo requerido, o la versión de PrestaShop no es compatible.
Solución: Verifica los requisitos del tema en la documentación del vendedor. Instala los módulos que vienen con el tema (suelen estar en una carpeta modules dentro del .zip). También asegúrate de que tu PrestaShop esté actualizado.

No puedo acceder a Syspanel (puerto 2106)

Causa: El firewall de tu red o el hosting bloquea el puerto.
Solución: Prueba desde otra red (por ejemplo, desde tu móvil con datos). Si el problema persiste, contacta a tu proveedor de hosting para que verifique que el puerto 2106 esté abierto.

El tema ralentiza mi tienda

Causa: Temas con muchos scripts, imágenes pesadas o mala optimización.
Solución: Activa la compresión en Syspanel (en la sección "Servicios" > "Optimización"), usa un plugin de caché (como el de PrestaShop o Cloudflare) y reduce el tamaño de las imágenes del tema.

¿Puedo tener dos temas instalados a la vez?

Sí, puedes tener varios temas en la carpeta themes, pero solo uno puede estar activo a la vez. Puedes cambiar entre ellos desde el backoffice sin perder la configuración de cada uno.

Consejos finales para sacarle partido a tu plantilla PrestaShop

Haz pruebas en un entorno de desarrollo: Si tu hosting lo permite, crea una copia de tu tienda en una subcarpeta (ejemplo: tudominio.com/pruebas) y prueba el tema allí antes de activarlo en producción.
Actualiza el tema regularmente: Los desarrolladores lanzan parches de seguridad y compatibilidad. Revisa las actualizaciones desde el backoffice o la página del vendedor.
No abuses de módulos: Un tema lleno de módulos innecesarios ralentiza la tienda. Instala solo los que realmente uses.
Respeta los créditos: Algunos temas gratuitos piden mantener un enlace al desarrollador. Si lo quitas, violas la licencia. Si te molesta, compra la versión sin atribución.

Recuerda que instalar un tema en PrestaShop desde Syspanel es un proceso sencillo si sigues los pasos: subir el archivo, extraerlo y activarlo desde el backoffice. Con un poco de paciencia y los ajustes adecuados, tu tienda lucirá profesional y única.

¿Tienes alguna duda con tu plantilla PrestaShop? Déjala en los comentarios o contacta con nuestro equipo de soporte técnico. ¡Estaremos encantados de ayudarte a personalizar PrestaShop al máximo!