Hoy vamos a ver un módulo para prestashop que nos permitirá mejorar el SEO o posicionamiento web de la página de inicio de nuestra tienda online Prestashop.
En muchas plantillas prestashop ocurre que la página de inicio incorpora una amplia cantidad de imágenes, pero prácticamente nada de texto. La página de inicio de una tienda online debe presentar una cantidad de texto significativa en la cual se incluya la palabra clave principal y relacionadas a través de las cuales queremos posicionar la página principal de la web. También es fundamental introducir un texto formateado como H1 en el cual se incluya la palabra clave principal.
Tanto el texto etiquetado como H1 como el resto de texto tipo párrafo (sin etiquetas de título) lo podemos incluir en Prestashop a través de un módulo conocido como ContentBox
Content Box es un módulo Prestashop GRATIS compatible con las versiones prestashop 1.5 y Prestashop 1.6.
Aquí tienes un enlace al módulo Content Box para Prestashop 1.4
1.- Características del módulo Contentbox para Prestashop
Este módulo nos permite insertar código HTML en los hooks que presente la plantilla Prestashop que estemos utilizando.
Los Hooks son zonas de la plantilla en la cual se pueden incluir módulos prestashop.
El módulo Content Box incluye un editor para que podamos formatear el texto sin necesidad de conocer el lenguaje de marcas HTML.
Con el módulo también podemos incluir imágenes e incrustar vídeos.
El módulo Contentbox permite añadir un contenido diferente en función de los diferentes idiomas que estén presentes en la tienda virtual. Es decir, el módulo es multi idioma. Además es también multi tienda.
Podemos usar varias instancias del módulo. Para ello tenemos una opción de generación del módulo con el nombre que queramos. De esta manera podremos crear varias instancias del módulo para situarlo en zonas diferentes de la plantilla prestashop que estemos utilizando.
2.- Generar el módulo Contentbox
Lo primero que debemos hacer es generar el módulo con el nombre que queramos. Para ello debemos ir a la parte inferior de la página oficial del módulo Content Box.
En la parte inferior verás un botón de color naranja que dice: “Generate your Module” (recuerda que esta versión del módulo es válida para Prestashop 1.5 y 1.6).
Al pulsar el botón se desplegarán los siguientes campos:
- Module’s name: aquí pondremos el nombre que queremos dar al módulo. Por ejemplo yo voy a poner: “cajontexto”
- Module’s description: aquí pondremos una descripción del módulo. Por ejemplo yo pondré: “módulo para introducir contenido de texto den la home”.
Generar el módulo Content Box
Una vez rellenado los campos pulsaremos el botón naranja que dice: “Generate your module”.
Hecho esto guardamos el archivo comprimido en el escritorio. Preparado para instalarlo en nuestra tienda virtual Prestashop.
3.- Instalar el módulo Content Box
Para instalar cualquier módulo en Prestashop debemos ir a: “panel de administración > módulos > modulos”.
Una vez aquí pulsaremos el botón que aparece en la parte superior denominado: “Añadir un nuevo módulo”. Al pulsarlo nos aparecerá un nuevo bloque en la página denominado: “AÑADIR NUEVO MÓDULO”.
Ahora pulsaremos el botón: “Elegir un fichero” y seleccionaremos el módulo que acabamos de generar y que hemos denominado: “cajontexto”.
Subir e instalar el Módulo Content Box en Prestashop
Tras seleccionarlo pulsaremos el botón: “Subir este módulo”.
Una vez se haya subido el módulo Content Box debemos proceder a instalarlo. Para ello haremos scroll para bajar hasta encontrar el módulo que acabamos de subir (si no lo encontramos podemos buscarlo por su nombre en el buscador de módulos). Cuando encontremos el módulo pulsaremmos el botón: “Instalar” situado en su parte derecha del módulo.
Nos aparecerá una ventana en la cual se nos avisará que el módulo no puede ser verificado por Prestashop ya que no es un módulo de Prestashop Addons. Haremos clic en el botón que dice: “Seguir con la instalación”.
4.- Personalización del módulo ContentBox para Prestashop
Una vez instalado el módulo se abrirá la ventana de configuración del mismo. Ahora podemos introducir texto e imágenes.
En el ejemplo introduciremos un título H1 y un texto tipo párrafo. En el título H1 deberás introducir la palabra clave principal de la página y en el texto la palabra clave principal y relacionadas.
Personalizar el Content Box
Una vez introducido el texto pulsaremos el botón de guardar que aparece un poco más abajo.
5.- Situar el módulo ContentBox en el Hook adecuado de la plantilla
Ya tenemos instalado y personalizado el módulo contentbox para prestashop, pero este no aparecerá en ninguna parte de la web puesto que no lo hemos colocado en ningún Hook (bueno miento, en el caso de la plantilla Elara el módulo se ha añadido automáticamente al hook del footer denominado displayfooter. Luego procederemos a desengancharlo)
Un hook es un lugar de la plantilla en la cual podemos colocar módulos. En el caso de la plantilla Elara vamos a colocar el módulo en el Hook denominado: “displayhome”.
En la plantilla Elara en este hook aparece el módulo denominado: “productos destacados de la página de inicio”. Ahora vamos a añadir el módulo que acabamos de instalar.
Nota: en el último apartado tienes donde se podría colocar en la plantilla por defecto de Prestashop 1.6, pero sigue leyendo para ver el procedimiento a utilizar.
Para ello vamos a: “panel de administración > módulos > posiciones de los modulos”.
Haremos clic en el botón: “Insertar un hook” situado en la parte superior derecha de la página. La traducción del inglés ha sido muy poco afortunada, en realidad en el botón debería decir: “Insertar un módulo en un Hook”.
Ahora seleccionaremos lo siguiente:
- Módulo: aquí seleccionaremos el nombre del módulo que acabamos de instalar. En el ejemplo seleccionamos: “cajontexto”
- Mover a: aquí seleccionaremos el hook de destino, que en el ejemplo es el hook denominado como: “displayhome”.
Ahora bajamos a la parte inferior de la pantalla y pulsamos el botón guardar.
Añadir módulo contentbox al hook displayhome
6.- Cambiar la posición del módulo ContentBox en el hook
Si miras la web verás que el módulo contentbox que acabamos de instalar aparece debajo de los productos destacados, pero nosotros queremos que aparezca encima de los mismos.
Para cambiar la posición iremos a: “Panel de administración > modulos > posiciones de los módulos”.
Ahora buscaremos el hook denominado: “displayhome”.
Una vez localizado haremos clic en la flecha que apunta hacia arriba situada en el módulo que hemos denominado: “cajontexto” con la finalidad de colocarlo por encima del módulo de productos destacados.
Cambiar posición del módulo Content Box en el hook
Hecho esto podemos ver que el content box ahora aparece por encima de los productos destacados.
7.- Desenganchar el contentbox del footer
Podrás observar que aunque hemos conseguido situar el módulo contentbox en la parte superior del hook displayhome, éste también aparece en el footer en el hook denominado displayfooter.
Vamos ahora a proceder pues a desenganchar el módulo contentbox del hook displayfooter.
Para ello vamos a: “panel de administración > modulos > posiciones de los modulos”
Ahora buscamos el hook denominado: “displayfooter”. Una vez localizado el hook, buscaremos el módulo contentBox que hemos generado con el nombre: “cajontexto”. Pulsaremos la flecha que apunta hacia abajo situada a la derecha del módulo junto al botón: “Modificar”. Al hacer clic en la flecha aparecerá la opción: “Desenganchar”. Pues bien, vamos a hace clic en la opción “Desenganchar” con el fin de desenganchar el módulo del hook displayfooter.
Desenganchar el Content Box del Hook displayfooter
Hecho esto podemos comprobar en la web que ya no aparece el contentbox en el footer de la tienda online prestashop.
8.- Donde colocar el Content Box en la plantilla por defecto de Prestashop 1.6
Una posición interesante para colocar el Content Box en la plantilla por defecto de Prestashop 1.6 podría ser justo debajo del slider y encima de las pestañas de productos populares, más vendidos y promociones especiales.
Módulo Content Box en la plantilla por defecto de Prestashop 1.6
Debemos tener en cuenta que el contenido de texto tiene más relevancia para el SEO cuanto más arriba esté situado en la página.
Para situarlo en dicha posición debemos situar el módulo en el hook denominado: “displayhometab”. Una vez situado en dicho hook debemos cambiar la posición del contentbox dentro del hook para situarlo en la parte superior.
Es decir las posiciones en el hook quedarían de la siguiente manera:
Posición del Módulo Content Box en el Hook
Para que el texto del contentbox no se quede demasiado pegado a las pestañas popular, lo más vendido y promociones especiales, debemos dejar algún salto de línea desde la última frase de texto del contentbox. Recuerda que si tienes problemas para insertar saltos de línea con el editor del contentbox, los puedes insertar directamente con el código
<p> </p>
Al igual que sucedía con la plantilla Elara debemos desenganchar el módulo del hook displayfooter.
Me encanta el diseño web y el mundo del ecommerce. Apasionado de Prestashop, Woocommerce/Wordpress y de la formación. Me gustaría que este blog te sirviera de ayuda para poner en marcha e ir mejorando y evolucionando tu tienda online. Ya seas un profesional del sector o no, seguro que encontrarás mucha información de valor e interés aquí.
Hola Joaquin, muy interesante y didáctico tu trabajo. Estoy aprendiendo mucho gracias a este y he instalado el content box porque el editor de paginas de la plantilla por defecto de prestashop 1.6 no me permitía anclarlo al displayhometab.
También he estado mirando el tema de añadir descripciones a las categorías y he visto que recomiendas la plantilla warehouse, crees que seria una buena opción instalarla en mi versión 1.6.1.2. Mi consulta por si me la pudieses resolver es que en la descripción de las categorías no se me muestra el salto de linea en el frontoffice incluso aplicado por código html con las etiquetas e incluso la que dejas aquí para que en caso de que no funcione esto mismo, alguna sugerencia de como podría hacerlo.
Gracias de antemano y felicidades por tan increíble trabajo
Buenas,
1.- La versión de la plantilla Warehouse para Prestashop 1.6 es mucho más pobre que para la versión 1.7. Sobre todo el tema del page builder que es mucho menos intuitivo, el resto es más o menos parecido.
2.- ¿Has probado con el código
& nbsp;
(el signo & va pegado a nbsp; pero lo he puesto separado para que el editor lo muestre)?Perfecto, ahora si funciona y a la perfección.
Otro problema que he descubierto respecto al modulo este de la caja de texto, es que no aparece en la versión móvil. Has comprobado si funciona en móviles?
Respecto a la plantilla de warehouse la recomendarías en la versión 1.6 de prestashop?
Gracias por compartir tan valida informacion
Afectos saludos
Buenas,
No lo he probado en móviles, de hecho hace mucho que no lo uso, ya que con la plantilla Warehouse, que es la que utilizo habitualmente, no es necesario este tipo de módulos.
¿En qué url tienes el módulo? ¿en la home?
En cuanto a la plantilla Warehouse, la versión para Prestashop 1.6 es más pobre en el constructor (page builder) que la versión para 1.7. Es mucho menos intuitivo. El resto de aspectos es muy similar a la versión de Warehouse para Prestashop 1.7.
¿ Existe un modulo equivalente para Prestashop 1.7 ?
O quizás esté ya implementada dicha funcionalidad en Prestashop 1.7…..
Hola Javier,
En Prestashop 1.7 hay algún módulo en la home en la cual podemos poner texto: Plantilla Prestashop 1.7
Existe otro módulo denominada HTML Box, que si es compatible con Prestashop 1.7. Próximamente escribiré un post sobre el: HTMLBox
Buenos días Joaquín.
Te sigo desde hace tiempo y la verdad me has sido muy útil. quisiera saber si me puedes ayudar para poner las etiquetas h1, h2 y h3, ya que en mi tienda solo aparecen las etiquetas h4, h5 y h6. Decirte que suelo modificar algunas cosas y hasta ahora me he desenvuelto bien, el problema lo tengo con las h… que no sé ni donde ponerlas, ni como. Muchas gracias
Hola Julia,
Me alegro que el blog sea de tu interés. En la home deberías por lo menos poner un H1 en la home (el h1 deberá contener la palabra clave por la que quieres posicionar la home). En la plantilla que viene por defecto en Prestashop 1.6 no hay muchas opciones para ello.
Una opción es usar el módulo Content Box que se comenta en el post. Puedes poner el H1 donde quieras, en la página. Aunque lo más lógico es que esté situado en la parte superior de la página (pero si no puedes ponerlo arriba no pasa nada).
Tengo este módulo instalado pero el problema es que las imágen es no se hacen responsive, hay alguna manera de hacerlo?
Hola,
no lo sé Antonio,
yo creo que eso va a depender de la plantilla utilizada
a ver si alguien nos puede ayudar
Hola, he bajado e instalado el módulo ContentBox, pero aparece un editor de texto sin ninguna opción (como si fuera en texto sin formato), no es como el que sale en tus imágenes,
Por lo que al implantarlo en la web se ve un poco cutre.
Hola José Angel,
ey que raro que no te aparezcan los iconos de formato de texto. A ver si has instalado una versión que no se corresponde con tu versión de wordpress. No se a que se puede deber. Has probado a quitarlo y volverlo a instalar.
También podrias probar si no encuentras otra solución, a usar formateo con etiquetas html
Un saludo
Hola, ya lo he podido arreglar con tu ayuda, lo he vuelto a instalar.
Gracias por tu pronta respuesta.
Un saludo.
Gracias por el articulo,
el problema ahora es que tengo tres H1.
Me salen dos «productos destacados » como H1,
¿sabes en que archivo esta la home para poder modificarlo por ftp?
¿U otro modo de arreglarlo?
Un saludo
Hola Dani,
Los productos destacados o populares de la home con la plantilla por defecto de Prestashop son gestionados por el módulo «homefeatured» (Productos destacados de la página de inicio). Sus archivos están situados en: themes > default-bootstrap > modules > homefeatured, pero desde allí seguramente no podrás modificar los h1
¿cual es el dominio de tu web?
Un saludo
Gracias por el interés Joaquin,
te envio un mail para que puedas mirarlo
Un saludo
Hola Dani,
veo que no usas la plantilla por defecto de Prestashop, cada plantilla es un mundo. Mi recomendación es que le hagas la consulta a la empresa que te vendió la plantilla ya que ellos seguro que la conocen al dedillo y no les costará casi ningún esfuerzo decirte donde tienes que modificar esas etiquetas H1.
Un saludo
Eso haré ,
muchas gracias por todo .
Un saludo
Buenas tardes Joaquín,
En primer lugar, muchas gracias por tu post.
Me gustaría poder añadir texto debajo de cada categoría, que hable de lo que trate cada sección. (Ya he visto que con el content box no es posible)
Si miras por ejemplo esta web de: ferreteria.ferrshop PUNTO COM verás que debajo de cada categoría hay una descripción diferente
Serías tan amable de poder indicarme como podría hacerlo?
MUCHAS GRACIAS POR ANTICIPADO !!!!
Hola Abel,
Lo primero indicarte que la página que me has puesto de ejemplo según el detector de aplicaciones de mi navegador «wappalyzer» no está hecha con Prestashop. Además viendo el código de la aplicación lo cierto es que no tiene pinta de estar realizado con Prestashop.
Además viendo las categorías que me indicas veo que la descripción aparecen encima de los productos al igual que hace prestashop.
Si lo que quieres es poner una descripción debajo de los productos en cada categoría ya te digo que no es posible en prestashop. Por lo menos no he encontrado ningún módulo que permita eso.
Pudiera ser que con una determinada plantilla que ofrecira dicha funcionalidad si se pudiera realizar.
NOTA: Ya he enontrado un módulo para añadir texto a las categorías de prestashop debajo de los productos
Un saludo
Muchas gracias por tus comentarios Joaquín. Buscaré a ver si algún módulo lo hace…..Si lo encuentro te lo haré saber también….
Muchas gracias de nuevo !
Un saludo
Buenas
Quería saber como usar el módulo Content-Box en cada una de las Categorías que tengo, cada una por supuesto con su título y texto distinto, es decir.
Quiero conseguir duplicar indefinidamente el módulo para además colocarlo en cada una de las categorías del sitio web.
Si tengo 3 categorías:
-Zapatos
-Camisetas hombre
-Vestidos mujer
Quiero estos 3 titulo en cada categoría.
-«Zapatos en Madrid personalizados»
-«Las mejores camisetas de hombre para invierno»
-«Vestidos de verano para mujer»
Muchas gracias si puedes ayudarme
Hola Juan,
El módulo contentbox no se puede poner en las páginas de categorías, además necesitarías un montón de módulos diferentes. La plantilla que estés utilizando te debería permitir visualizar el contenido de texto que incluyas en cada una de las categorías, no deberías necesitar el contentbox para eso.
Un saludo
Hola Joaquín, vaya pues me mata la respuesta! Justamente quería hacer lo mismo que comenta Juan. Arriba de cada categoría puedes meter texto, pero no mucho sino «rompe» la estética de catálogo. Entonces para meter la parrafada más abajo, pues para eso lo queremos. Saludos.
Hola Josefino,
ya me imagino que lo que quieres es incluir más texto por motivos de SEO pero no quieres que te aparezca en la parte superior para no congestionar más la página, pero que yo sepa con el módulo content box no vas a poder hacerlo.
Lo que comentas no es nada fácil de hacer en Prestashop y tampoco conozco ningún módulo para ello.
NOTA: YA he encontrado un módulo para añadir texto debajo de los productos de cada categoría en Prestashop
Un saludo
Gracias por la respuesta. Un saludo
Hola he visto esta página que es prestashop y tiene la descripción bajo… Como puedo conseguir eso?? Muchas gracias crack!
La página es: opticasantaeulalia PUNTO com
Buenas,
si te fijas sea cual sea la categoría que visites, la descripción que aparece es la misma. Es decir que no existe una descripción diferente para cada categoría.
Lo que han hecho es añadir una descripción en el footer. Es posible que la plantilla que estén utilizando permita añadir dicho texto.
NOTA: Módulo para añadir texto en Prestashop diferente en cada categoría en la parte inferiorUn saludo
Hola gran trabajo, una pregunta, quiero colocar el content box cuando entro en subcategorias al pasar todos los productos y antes del footer, pero no se que display es, podrías ayudarme?????
Hola Segio,
Yo creo que la página de categorías no tiene ningún hook por lo que creo que solo se podría hacer lo que dices modificando el código de la plantilla. En cualquier caso, ¿no te sirve el contenido de texto que puedes poner en cada categoría y que suele aparecer en la parte superior de la página?
Creo que el archivo tpl de las categorias está en «themes/default-bootstrap/» y se llama category.tpl
NOTA: Módulo para añadir bloque de texto a las categorías en la parte inferior: Módulo categorías extendidas
Un saludo
Muchas gracias Joaquin,
Precisamente quería instanciar ese modulo varias veces y pensé hacerlo a mano. cambiando el nombre del archivo , clases etc….
Buscando en internet, di con tu blog y me salva la vida 🙂
Muchas gracias colega.
Hola Franciso,
Me alegro que te haya servido el post sobre el módulo Content box para Pretashop.
Un saludo
Hola, tengo la página en construcción, muchas gracias por explicarlo tan bien, mi duda es se puede poner en varios idiomas? gracias.
Hola Jorge,
Correcto, el módulo content box lo puedes personalizar en los idiomas que tengas activos en tu Prestashop.
Un saludo
Muchas gracias, estaba buscando justo esto que explicas tan bien hace tiempo, grande!!
Como a mi no me interesa que el texto este visible, lo que hice fue dejar el texto en blanco para que sea «invisible», aunque obviamente si pasas el ratón seleccionando por arriba lo puedes ver, es válido, no?
Ahora te hago una pregunta y si puedes contestarla estaré más agradecido aún. Ya se como puedo generar los content box y ubicarlos donde quiera, para el Seo y los H1,H2yH3 debo hacer los mismo en cada una de mis páginas/categorias?, y si es así, puedo repetir el texto o google me sanciona?
Un abrazo y gracias por tus aportes!
FedE
Hola Fede,
muchas gracias por tus palabras.
Lo del texto invisible no es una buena práctica. Antiguamente se utilizaba el texto «invisible» para oculatar algunas palabras clave y Google lo fue descubriendo. Por lo que no es una técnica muy recomendable.
1.- En todas las páginas debes tener H1, y su contenido debe ser diferente en cada página. En categorías y productos, la plantilla pondrá como H1 el título del producto en la ficha de producto y el título de la categoría en la ficha de categoría.
2.- Cada página, entrada de blog, categoría o ficha de producto de la web debe intentar posicionarse por una palabra clave diferente.
3.- No se pueden repetir contenidos en diferentes páginas.
4.- te recomiendo que te suscribas al blog y te llegará un enlace a lo largo del día para descargarte una guía de SEO para Prestashop y una Guía para crear una tienda online de éxito.
Un saludo