{"id":3531,"date":"2020-07-02T15:56:29","date_gmt":"2020-07-02T14:56:29","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=3531"},"modified":"2025-12-03T09:03:59","modified_gmt":"2025-12-03T08:03:59","slug":"cambiar-logo-tienda-prestashop","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/cambiar-logo-tienda-prestashop\/","title":{"rendered":"C\u00f3mo cambiar el logo de tu tienda PrestaShop"},"content":{"rendered":"<p>Si est\u00e1s poniendo en marcha tu propio ecommerce o est\u00e1s trabajando en nuevo dise\u00f1o, necesitar\u00e1s <strong>a\u00f1adir o cambiar el logo de tu tienda PrestaShop<\/strong>. S\u00e9 que si ya llevas trabajando a\u00f1os con este <a href=\"https:\/\/www.lucushost.com\/blog\/gestor-de-contenidos\/\">gestor de contenidos<\/a> <i>te mover\u00e1s como pez en el agua<\/i>, pero si todav\u00eda est\u00e1s empezando se te puede complicar m\u00e1s de lo que esperabas.<\/p>\n<p><!--more--><\/p>\n<p>Para que esto no pase y no te tome mucho m\u00e1s tiempo del necesario, a continuaci\u00f3n voy a explicarte c\u00f3mo cambiar el logo de tu tienda PrestaShop, tanto si utilizas la versi\u00f3n 1.6 como 1.7.<\/p>\n<p>\u00bfVamos a ello?<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Como_cambiar_el_logo_de_tu_tienda_PrestaShop\">C\u00f3mo cambiar el logo de tu tienda PrestaShop<\/a><ul><li><a href=\"#1o_Accede_al_backoffice_de_tu_tienda_online\">1\u00ba. Accede al backoffice de tu tienda online<\/a><\/li><li><a href=\"#2o_Sube_tu_logo_a_PrestaShop\">2\u00ba. Sube tu logo a PrestaShop<\/a><ul><li><a href=\"#A_Cambiar_el_logo_de_tu_tienda_en_PrestaShop_16\">A) Cambiar el logo de tu tienda en PrestaShop 1.6<\/a><\/li><li><a href=\"#B_Cambiar_el_logo_de_tu_tienda_en_PrestaShop_17\">B) Cambiar el logo de tu tienda en PrestaShop 1.7<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#Ya_tengo_el_nuevo_logo_en_PrestaShop_y_ahora_que\">Ya tengo el nuevo logo en PrestaShop, \u00bfy ahora qu\u00e9?<\/a><\/li><li><a href=\"#Resumen_final_sobre_el_cambio_de_logo_en_PrestaShop\">Resumen final sobre el cambio de logo en PrestaShop<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Como_cambiar_el_logo_de_tu_tienda_PrestaShop\">C\u00f3mo cambiar el logo de tu tienda PrestaShop<\/span><\/h2>\n<p>Si acabas de <strong><a href=\"https:\/\/www.lucushost.com\/blog\/como-instalar-prestashop\/\">instalar PrestaShop<\/a><\/strong> hay dos tareas que tienes que hacer casi de forma obligatoria.<\/p>\n<p>Lo primero de todo es poner <strong><a href=\"https:\/\/www.lucushost.com\/blog\/como-poner-prestashop-en-espanol\/\">PrestaShop en espa\u00f1ol<\/a><\/strong> y, en cuanto tienes el panel de control en tu idioma, a\u00f1adir el logo a tu tienda online.<\/p>\n<p>Puede parecer una tonter\u00eda, pero <strong>cambiar el logo de tu tienda PrestaShop<\/strong> y a\u00f1adir el de tu negocio har\u00e1 que tu web vaya cogiendo forma y te motive para seguir avanzando \ud83d\ude42<\/p>\n<p>Si no sabes muy bien c\u00f3mo hacerlo, no te preocupes. Te explico paso a paso <strong>c\u00f3mo a\u00f1adir tu logo en PrestaShop 1.6 y PrestaShop 1.7.\u00a0<\/strong><\/p>\n<p>\u00a1Ojo! Aunque parece un cambio insignificante, al fin y al cabo es subir un nuevo logo a tu tienda, siempre recomendamos hacer los cambios antes en un staging o <strong><a href=\"https:\/\/www.lucushost.com\/blog\/activar-modo-mantenimiento-prestashop-17\/\">poner PrestaShop en modo mantenimiento<\/a><\/strong>. Aunque no es habitual, puede descuadrarse algo en el tema, que el logo no cargue correctamente&#8230; En definitiva, te ahorras sustos innecesarios.<\/p>\n<h3><span id=\"1o_Accede_al_backoffice_de_tu_tienda_online\">1\u00ba. Accede al backoffice de tu tienda online<\/span><\/h3>\n<p>Lo primero que debes hacer si quieres a\u00f1adir o cambiar el logo de tu tienda online es acceder al backend de PrestaShop.<\/p>\n<p>Recuerda que puedes hacerlo escribiendo en el navegador la siguiente direcci\u00f3n (incluyendo tu nombre de dominio y la carpeta admin que hayas establecido en el formulario de instalaci\u00f3n):<\/p>\n<ul>\n<li>http:\/\/www.TuDominio.com\/admin123<\/li>\n<\/ul>\n<p>\ud83d\udccc \u00bfNo recuerdas la clave de acceso? Si perdiste los datos de acceso o no eres capaz de acceder al backoffice, aqu\u00ed te dejo una gu\u00eda para <strong><a href=\"https:\/\/www.lucushost.com\/blog\/cambiar-contrasena-prestashop\/\">cambiar la contrase\u00f1a de PrestaShop<\/a><\/strong>.<\/p>\n<h3><span id=\"2o_Sube_tu_logo_a_PrestaShop\">2\u00ba. Sube tu logo a PrestaShop<\/span><\/h3>\n<p>Una vez que est\u00e9s dentro del panel de administraci\u00f3n de PrestaShop, podr\u00e1s subir el logotipo de tu negocio para que se muestre en la cabecera de tu p\u00e1gina web, en las facturas, en los correos electr\u00f3nicos, as\u00ed como en el <a href=\"https:\/\/www.lucushost.com\/blog\/favicon\/\">favicon<\/a>, es decir, el icono de tu web en el navegador.<\/p>\n<p>Aunque el proceso es bastante similar en PrestaShop 1.6 y PrestaShop 1.7, prefiero explic\u00e1rtelo por separado, ya que en el men\u00fa se utiliza una terminolog\u00eda diferente.<\/p>\n<h4><span id=\"A_Cambiar_el_logo_de_tu_tienda_en_PrestaShop_16\">A) Cambiar el logo de tu tienda en PrestaShop 1.6<\/span><\/h4>\n<p>Si utilizas la <strong>versi\u00f3n 1.6 de PrestaShop<\/strong>, podr\u00e1s a\u00f1adir tu logo pulsando sobre la opci\u00f3n \u00abPreferencias\u00bb &#8211; \u00abTemas\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3544 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/menu-prestashop-1-6-preferencias-temas.png\" alt=\"Men\u00fa de PrestaShop 1.6: Secci\u00f3n Preferencias - Temas. \" width=\"206\" height=\"379\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/menu-prestashop-1-6-preferencias-temas.png 206w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/menu-prestashop-1-6-preferencias-temas-163x300.png 163w\" sizes=\"(max-width: 206px) 100vw, 206px\" \/><\/p>\n<p>A continuaci\u00f3n ver\u00e1s una pantalla como esta:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3536\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-6.png\" alt=\"Cambiar el logo de tu tienda en PrestaShop 1.6\" width=\"1240\" height=\"245\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-6.png 1240w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-6-300x59.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-6-1024x202.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-6-768x152.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-6-700x138.png 700w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><\/p>\n<p>Como tienes cuatro pesta\u00f1as diferentes, aqu\u00ed te explico en qu\u00e9 consiste cada una de ellas:<\/p>\n<ul>\n<li><strong>Logotipo<\/strong>: aparecer\u00e1 en el header o cabecera de tu web y deber\u00e1 tener unas dimensiones m\u00e1ximas de 52 x 65 px en el tema por defecto.<\/li>\n<li><strong>Logos de facturas y correos electr\u00f3nicos<\/strong>: se mostrar\u00e1n en los encabezados de facturas y correos electr\u00f3nicos. Si no estableces ning\u00fan logo, PrestaShop coger\u00e1 el que hayas establecido para tu tienda online.<\/li>\n<li><strong>Iconos<\/strong>: sube el favicon de tu tienda online, es decir, ese peque\u00f1o icono que se utiliza para identificar una p\u00e1gina web en las pesta\u00f1as del navegador. El favicon deber\u00e1 subirse en formato .ICO. Si no tienes tu logo en ese formato, puedes obtenerlo a trav\u00e9s de esta <strong><a href=\"https:\/\/addons.prestashop.com\/en\/create-favicon.php?pab=1\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">herramienta de PrestaShop<\/a><\/strong>.<\/li>\n<li><strong>M\u00f3vil<\/strong>: Puedes a\u00f1adir un logotipo personalizado para dispositivos m\u00f3viles o, si lo prefieres, puedes desactivar esta opci\u00f3n o dejar por defecto el logotipo de tu tienda online.<\/li>\n<\/ul>\n<p>Sube los archivos de tu equipo en cada una de las pesta\u00f1as y pulsa sobre \u00abGuardar\u00bb para que se apliquen los cambios.<\/p>\n<h4><span id=\"B_Cambiar_el_logo_de_tu_tienda_en_PrestaShop_17\">B) Cambiar el logo de tu tienda en PrestaShop 1.7<\/span><\/h4>\n<p>\u00bfTienes la versi\u00f3n m\u00e1s reciente de PrestaShop? El proceso es muy similar, ya ver\u00e1s.<\/p>\n<p>Primero localiza la secci\u00f3n \u00abPreferencias\u00bb del men\u00fa y pulsa sobre \u00abDise\u00f1o\u00bb &#8211; \u00abTema y logotipo\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3534\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/menu-prestashop-1-7-dsieno-tema-y-logotipo.png\" alt=\"Men\u00fa de PrestaShop 1.7: Secci\u00f3n Dise\u00f1o - Tema y logotipo. \" width=\"188\" height=\"395\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/menu-prestashop-1-7-dsieno-tema-y-logotipo.png 188w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/menu-prestashop-1-7-dsieno-tema-y-logotipo-143x300.png 143w\" sizes=\"(max-width: 188px) 100vw, 188px\" \/><\/p>\n<p>Ahora se abrir\u00e1 una pantalla como la que te muestro a continuaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3537\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-7.png\" alt=\"Cambiar el logo de tu tienda en PrestaShop 1.7\" width=\"1660\" height=\"457\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-7.png 1660w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-7-300x83.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-7-1024x282.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-7-768x211.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-7-1536x423.png 1536w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/cambiar-logo-prestashop-1-7-700x193.png 700w\" sizes=\"(max-width: 1660px) 100vw, 1660px\" \/><\/p>\n<p>En este caso se muestran tres pesta\u00f1as diferentes:<\/p>\n<ul>\n<li><strong>Logo:<\/strong> el logotipo de tu tienda online se mostrar\u00e1 en el header de tu p\u00e1gina y deber\u00e1 tener unas dimensiones m\u00e1ximas de 40 x 200 px en el tema por defecto.<\/li>\n<li><strong>Mail logo \/ Invoice logo:<\/strong> a\u00f1ade los logos que quieres que se muestren en las cabeceras de los correos electr\u00f3nicos y facturas de tu tienda online. Si no a\u00f1ades ninguno, PrestaShop tomar\u00e1 por defecto el logotipo de tu tienda online.<\/li>\n<li><strong>Favicon:<\/strong> sube el icono que quieres que se muestre en la pesta\u00f1a del navegador. Si no tienes el logo en formato .ICO, puedes ayudarte de la herramienta que te facilita PrestaShop para crear el favicon autom\u00e1ticamente a partir de tu logotipo. Es muy f\u00e1cil:\n<ul>\n<li>Sube tu imagen en formato .JPG, .JPEG o .PNG.<\/li>\n<li>Pulsa sobre \u00abGenerate Favicon\u00bb y desc\u00e1rgalo en tu equipo.<\/li>\n<li>Vuelve al backend de PrestaShop y sube el archivo.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3538\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/crear-favicon-prestashop.png\" alt=\"C\u00f3mo crear un favicon con la herramienta de PrestaShop\" width=\"1027\" height=\"517\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/crear-favicon-prestashop.png 1027w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/crear-favicon-prestashop-300x151.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/crear-favicon-prestashop-1024x515.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/crear-favicon-prestashop-768x387.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/07\/crear-favicon-prestashop-700x352.png 700w\" sizes=\"(max-width: 1027px) 100vw, 1027px\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Por \u00faltimo, pulsa en \u00abSave\u00bb para aplicar los cambios. \u00a1Listo!<\/p>\n<h2><span id=\"Ya_tengo_el_nuevo_logo_en_PrestaShop_y_ahora_que\">Ya tengo el nuevo logo en PrestaShop, \u00bfy ahora qu\u00e9?<\/span><\/h2>\n<p>Si acabas de personalizar tu tema a\u00f1adiendo el logo de tu ecommerce, s\u00ed, hay algo que debes tener en cuenta. De hecho, es algo que recomendamos hacer siempre que se apliquen mejoras de dise\u00f1o, nuevas funcionalidades o cualquier otra tarea para <strong><a href=\"https:\/\/www.lucushost.com\/blog\/optimizar-tienda-prestashop\/\">optimizar PrestaShop<\/a><\/strong>.<\/p>\n<p>Por tanto, ahora toca <strong><a href=\"https:\/\/www.lucushost.com\/blog\/prestashop-borrar-cache\/\">borrar la cach\u00e9 de PrestaShop<\/a><\/strong>. Realmente es algo que puedes hacer en solo un par de clics desde la secci\u00f3n \u00abPar\u00e1metros avanzados\u00bb &#8211; \u00abRendimiento\u00bb en el panel de administraci\u00f3n de la web.<\/p>\n<p>Si utilizas <strong><a href=\"https:\/\/www.lucushost.com\/blog\/litespeed-cache-prestashop\/\">LiteSpeed Cache para PrestaShop<\/a><\/strong>, ve a la configuraci\u00f3n de este m\u00f3dulo, que lo tienes disponible en la secci\u00f3n \u00abPar\u00e1metros avanzados\u00bb. Se abrir\u00e1 una nueva ventana y desde la pesta\u00f1a \u00abManage\u00bb podr\u00e1s vaciar toda la cach\u00e9 o incluso eliminarla solo de ciertas p\u00e1ginas o categor\u00edas de productos.<\/p>\n<p>De esta forma, te aseguras que los cambios se actualicen correctamente en el <a href=\"https:\/\/www.lucushost.com\/blog\/frontend-backend\/\">frontend<\/a> de tu tienda y tus visitas puedan ver ya los nuevos recursos.<\/p>\n<p>\u00bfTienes dudas sobre c\u00f3mo hacerlo? Si tienes tu <strong><a href=\"https:\/\/www.lucushost.com\/hosting-prestashop\">alojamiento PrestaShop<\/a><\/strong> en LucusHost no dudes en ponerte en contacto con nosotros. El equipo de soporte t\u00e9cnico estar\u00e1 encantado de echarte una mano \ud83d\ude42<\/p>\n<h2><span id=\"Resumen_final_sobre_el_cambio_de_logo_en_PrestaShop\">Resumen final sobre el cambio de logo en PrestaShop<\/span><\/h2>\n<p>Si est\u00e1s empezando con tu tienda online, una de las primeras cosas que debes hacer es <strong>a\u00f1adir o cambiar el logo de tu tienda PrestaShop<\/strong>. Como ves, tanto en la versi\u00f3n 1.6 y 1.7 de este <strong>gestor de contenidos<\/strong> es muy sencillo de hacer, \u00a1no te llevar\u00e1 ni un minuto! Adem\u00e1s, es algo que puedes hacer aunque utilices <strong><a href=\"https:\/\/www.lucushost.com\/blog\/plantillas-para-prestashop\/\">plantillas de PrestaShop gratuitas<\/a><\/strong>.<\/p>\n<p>Eso s\u00ed, lo \u00fanico que debes tener en cuenta es que, si no a\u00f1ades un logotipo para las cabeceras de tus correos o facturas, PrestaShop coger\u00e1 por defecto el logo de tu tienda online. En muchos casos esto no supone un problema, pero otras veces, por temas de espacio o dise\u00f1o, te conviene subir una versi\u00f3n diferente de tu logo (\u00fanicamente el isotipo, <span class=\"elementor-icon-list-text\">imagotipo vertical,<\/span> logotipo en negativo, etc.).<\/p>\n<p>No olvides tampoco subir el favicon de tu tienda online en formato .ICO. Si no tienes tu logo en este formato, puedes utilizar cualquier herramienta online para hacer la conversi\u00f3n o utilizar la que te facilita PrestaShop. \u00a1Eso ya es cuesti\u00f3n de gustos!<\/p>\n<p>\u00bfAlguna duda? Si necesitas ayuda, d\u00e9jame un comentario e intento echarte una mano \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si est\u00e1s poniendo en marcha tu propio ecommerce o est\u00e1s trabajando en nuevo dise\u00f1o, necesitar\u00e1s a\u00f1adir o cambiar el logo de tu tienda PrestaShop. S\u00e9 que si ya llevas trabajando a\u00f1os con este gestor de contenidos te mover\u00e1s como pez en el agua, pero si todav\u00eda est\u00e1s empezando se te puede complicar m\u00e1s de lo que esperabas.<\/p>\n","protected":false},"author":3,"featured_media":3528,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[84],"tags":[87,80],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/3531"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=3531"}],"version-history":[{"count":13,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/3531\/revisions"}],"predecessor-version":[{"id":13826,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/3531\/revisions\/13826"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/3528"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=3531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=3531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=3531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}