Gestores de contenidos

Diseño Web, Gestores de contenidos, Prestashop, Trucos

Rellenar masivamente el atributo ALT de las imágenes de productos en Prestashop.

Cuando un cliente con una web en Prestashop empieza a preocuparse por el posicionamiento o SEO, una de las cosas que le indican es que las imágenes de sus productos tienen que tener el atributo ALT. Pero es muy habitual que nos olvidemos de rellenar ese campo, llamado Leyenda en Prestashop, cuando subimos una imagen. Por lo tanto…te puedes encontrar que tienes que cambiar miles de fotos, y manualmente no es muy agradable. Hoy te enseñamos a hacerlo masivamente por base de datos. NOTA: obviamente haz una copia de seguridad de la base de datos antes de hacer esto, para poder volver atrás en caso de fallo. Y pon tu tienda en mantenimiento para evitar que entren pedidos que pierdas si tienes que restaurar. No nos responsabilizamos de errores que puedan surgir usando este tutorial. Qué es el atributo ALT de la las imágenes y por qué es importante. Al atributo o etiqueta ALT de las imágenes es una etiqueta de texto que se le pone indicando el contenido de la imagen. Google penaliza si una imagen no tiene dicho atributo porque lo considera importante. Es útil para los siguientes casos (entre otros): Cómo rellenar el campo Leyenda (atributo ALT) en las imágenes de Prestashop de manera masiva. Para hacer esto, que puede ahorrarte mucho trabajo, vamos a usar consultas de la base de datos. Podemos usar un gestor como phpMyAdmin que suele venir en muchos paneles, o que podemos subir por FTP, o podemos usar un gestor de un sólo fichero como Adminer y subirlo por FTP. Estos son los pasos: Nota: voy a poner el ejemplo en el que sólo ponemos en el ALT el título del producto en la primera imagen y en las siguientes haremos “Título de producto + Vista 1“, “Título de producto + Vista 2″, etc, pero podéis usar estos comandos como base para otras combinaciones.Nota 2: recordad que la primera imagen no tiene por qué ser la destacada. No he querido complicar las cosas viendo si es destacada o no, al final lo importante es que tengan ALT.Nota 3: recuerda comprobar los idiomas y los IDs de idiomas que tengas. Para las primeras imágenes subidas del producto. Español Inglés Para la segunda imagen de cada producto. Español Inglés. Como podéis imaginar, el resto de imágenes sólo tenéis que ir cambiando el im.position (3 para la tercera imagen de los productos, 4 para la cuarta etc). Y para el idioma cambiar el id_lang con vuestros ID de idiomas. Si queréis saber hasta cuándo tenéis que ejecutar estos códigos, hasta que posición de imagen, podéis: Os lo mostramos en un vídeo:

Diseño Web, Gestores de contenidos, Prestashop

Cómo hacer una copia de seguridad de la base de datos de Prestashop. De varias formas.

Si vas a hacer algún cambio importante en Prestashop (o sólo por buen criterio de seguridad informática), es una buena idea hacer una copia de seguridad de la base de datos. Si…de los ficheros también, pero eso es fácil por FTP. Nuestra experiencia nos ha demostrado que es fundamental tener varias copias cuando vayas a hacer algún cambio. Es importante no confiar sólo en una red de seguridad, y tener plan B, C y hasta D. Hoy os enseñamos a hacer copias de seguridad de la base de datos de Prestashop por tres medios. El backend de Prestashop. Un gestor de base de datos como phpMyAdmin que suele estar incluido en los alojamientos o paneles de vuestro proveedor, pero que si no puedes subir por FTP (y luego debemos borrar). Un gestor de base de datos como Adminer que consiste sólo en un fichero que se puede subir por FTP y luego borrar. Cómo hacer copia de seguridad de la base de datos de Prestashop. En este vídeo te explicamos el proceso siguiendo los tres métodos.

Diseño Web, Gestores de contenidos, Prestashop, Soporte

Solución: “El campo “URL reescrita” no es válido” al modificar Trafico y SEO en Prestashop

Hoy hemos arreglado un error curioso en el Prestashop de un cliente, y os dejamos la solución por si os ocurre. El cliente estaba cambiando los títulos y descripción de sus páginas en el apartado Parámetros de la Tienda -> Tráfico y SEO, pero al intentar grabar ciertos cambios en algunas páginas daba el siguiente error: “El campo “URL reescrita” no es válido” Os dejamos la posible solución. Solución. La causa en nuestro caso fue debido a restos de antiguos idiomas que había en la base de datos. Nosotros no instalamos esos idiomas, pero debían estar de contenido demo o de alguna versión anterior. Lo que hay que hacer es borrar esas traducciones que no dejan guardar las urls reescritas (porque ya existe ese contenido). El proceso es el siguiente: Con esto ya debería estar el problema resuelto, ahora debería dejarte guardar contenido en Tráfico y SEO y ya no debería darte el error.

Diseño Web, Gestores de contenidos, Prestashop

Prestashop: últimos productos de una categoría en la Portada o página de Inicio.

Hoy te mostramos cómo agregar los últimos productos de una categoría, automáticamente, en la página de Inicio (Home) de tu página web hecha con Prestashop. Obviamente de manera gratuita. Para ello vamos a modificar el módulo Productos Destacados (ps_feaduredproducts) y lo haremos en la versión 1.7 de Prestashop. Empecemos. Mostrar los últimos productos de una categoría en la página de Inicio de Prestashop. Nosotros usamos el módulo gratuito oficial de Prestashop featuredproducts, porque el cliente no quería mostrar productos destacados. Básicamente quería que se mostraran los productos automáticamente y no tener que estar “destacándolos”. Pero podéis o clonar ese módulo, o descargar otro similar como el de MyPresta y ver cómo modificar el código de manera similar.Nosotros hoy lo haremos con el oficial. Instalamos el módulo y lo colocamos en la posición del hoook displayHome que queramos para que se coloque en la portada. Configuramos el módulo de manera que muestre el número de artículos que queremos, y de la categoría que queramos, ya que es una opción que sí permite su configuración. Vamos a usar un override del mismo (si tuviéramos que modificar los tpls se podrían guardar modificados en /themes/tutema/modules/. Pero queremos modificar el php del módulo, y necesitamos un override. Para eso creamos una carpeta en la carpeta override que está en la raíz de Prestahop con esta ruta: override/modules/ps_featuredproducts Ahí vamos a crear un fichero con el mismo nombre que el php del módulo, o sea ps_featuredproducts.phpCon el siguiente contenido: Os he puesto en azulo las partes que hemos modificado del fichero original. Hemos cogido una clase del módulo original y la vamos a cambiar. Para eso tenemos que llamarla igual con el final acabado en override y decir que extiende la clase origina.. O sea nuestra clase Ps_FeaturedProductsOverride extiene la clase origianl Ps_FeaturedProducts. class Ps_FeaturedProductsOverride extends Ps_FeaturedProducts Y luego hemos copiado la función a modificar y hemos cambiado el orden de los productos. En la original está en:  $query->setSortOrder(new SortOrder(‘product’, ‘position’, ‘asc’)); Y nosotros lo ponemos en $query->setSortOrder(new SortOrder(‘product’, ‘date_add’, ‘desc‘)); Ahora limpiamos caché, ya sea por el backend o manualmente…..y ya tenemos los productos de la categoría elegida en orden descendente de la fecha de creación. Esperamos que os sirva. Con las explicaciones dadas, creemos que si necesitáis otro tipo de modificación del módulo, podéis hacerlo vosotros sin muchos problemas.

Diseño Web, Gestores de contenidos, Prestashop

Crear redirecciones en Prestashop cuando los productos se quedan sin stock (301 y 302).

Uno de los problemas que tienen los ecommerce con el SEO es que, cuando los productos se quedan sin stock, dan errores para Google (errores 404), y eso penaliza. Prestashop, desde la versión 1.7.5 deja seleccionar, en la pestaña SEO, una página de redirección tanto permanente (301) como temporal (302). Se puede redirigir tanto a una categoría como a otro producto. Esto se debería hacer cuando creamos un producto. Pero qué pasa cuando tenemos productos anteriores a esa versión, que por defecto dan el “temido” 404? Podemos poner esa redirección de manera masiva por base de datos. Poner redirección 302 de manera masiva por base de datos. Lo primero que tenemos que hacer es usar una herramienta que nos permita modificar la base de datos. Lo mejor sería phpMyAdmin o Adminer. No lo hemos probado, puede que se pueda hacer desde el backend con el Gestor SQL. Lo que debemos hacer es ejecutar estos comandos: Estos comandos van a modificar a 302 el tipo de redirección en dos tablas de la base de datos, y poner como categoría de la redirección la de por defecto del producto. Te lo mostramos en el vídeo.

Diseño Web, Gestores de contenidos

Cómo aumentar la longitud en los nombres de producto de Prestashop. Tema Classic.

Los nombre de producto de Prestashop vienen limitados a 30 en el tema Classic que viene por defecto. A partir de los 30 caracteres pone puntos suspensivos. Esto no es muy recomendable. Las recomendaciones de los expertos en SEO es tener entre 50-60 caracteres, y en 30 no suele caber el nombre completo del producto. Por lo tanto, no sólo es negativo para el SEO, también para los propios clientes que no ven la información bien en la web. Te explicamos cómo solucionarlo. Aumentar la longitud de los nombres de producto en Prestashop. Vamos a cambiar un fichero que esté en el tema Classic (en otros temas será similar). Para ello lo más recomendable es crear un tema hijo, porque si no, cuando actualices, el cambio desaparecerá. Vamos a ir al fichero themes/tutemahijo/templates/catalog/_partials/miniatures/product.tpl Veremos una línea que pone: Vamos a cambiarla por : También hay otra línea que pone alt = “{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:’…’}{/if}”La podemos cambiar por alt = “{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:60:’…’}{/if}” Guarda el cambio, sube al servidor y refresca la página. Con esto debería estar. Puedes verlo en este vídeo.

Diseño Web, Gestores de contenidos, Trucos

Vídeo: Cómo reducir el SPAM de comentarios con las listas negras en WordPress.

Ya explicamos hace tiempo que las listas negras de palabras en los comentarios de WordPress son una manera excelente de parar el spam que entra en WordPress por esa vía. En WordPress entra spam principalmente por dos vías: los formularios y los comentarios. Cada una debe atajarse con enfoques y herramientas diferentes. Hoy hablamos de la segunda. Cómo reducir el SPAM en los comentarios de WordPress. En WordPress, en Ajustes-> Comentarios, existen un apartado llamado Palabras rechazadas en comentarios en el que se pueden añadir palabras que, cuando aparezcan en un comentario, hagan que se mande a spam. Yo antes creaba dichas listas de manera individual en cada página web. Bloqueando los comentarios que venían a cada web. Pero después descubrí que existen sitios en Internet donde la gente recopila dichos términos. Es decir, listas mucho más completas (más de 47000 en el momento de escribir el artículo). Por ejemplo en https://github.com/splorp/wordpress-comment-blacklist Puedes usar estos recursos de varias maneras: Descargándote la lista cada cierto tiempo y subirla a Palabras rechazadas en comentarios manualmente. Es la que uso yo, no creo que merezca la pena usar un plugin para ello. En esa propia página de de Github existen plugin que puedes instalar y se alimentan de dicha página, actualizando el tu lista negra de WordPress cada cierto tiempo. Lo hagas como lo hagas, es una manera MUY efectiva de reducir algo tan molesto como el spam. Os dejamos un vídeo explicándolo.

Diseño Web, Gestores de contenidos, Trucos

Cómo añadir Google reCaptcha V2 y V3 a los formularios de Ninjaforms

Ninjaforms es otro de los plugins más usados por los usuarios para crear formularios en WordPress. Y, cuando se tiene formularios, y la página empieza a ir bien, solemos necesitar integrar una protección contra spam. Una de las más famosas es Google reCaptcha, ya sea V2 o V3. Hoy os enseñamos a integrar reCaptcha con Ninjaforms en WordPress. Como añadir Google reCaptcha a Ninjaforms. Para agregar reCaptcha a Ninjaforms en WordPress debemos: Obtener una clave del sitio y una clave secreta para nuestro dominio en Google reCaptcha. Ir al backend de WordPress -> Ninjaforms->Ajustes. Ahí, debemos bajar hasta el apartado reCaptcha y poner la clave del sitio y la clave secreta, ya sea de reCaptcha V2 o V3, en sus apartados correspondientes. Pinchamos en Guardar. Ahora debemos ir a Ninjaforms->Escritorio y editar el formulario al que queremos añadir la protección. Después, debemos ir, si es V3, a Correos electrónicos y acciones, pinchar en el signo más, añadir un reCaptcha V3 y pinchar en Hecho y Publicar. Si es V2 hay que ir a Campos del formulario y añadir un campo reCaptcha donde queramos que aparezca. Después en Hecho y Publicar. Y con eso debemos ir al frontend y verificar que aparece el reCaptcha. Os lo mostramos en el vídeo.

Código Worpdpress, Diseño Web, Plugins Wordpress

Plugins de WordPress para insertar código.

Nos hemos dado cuenta que, en muchos vídeos, mencionamos los plugins de WordPress para insertar código y poder realizar funciones extras o modificar el funcionamiento de WordPress. Recordad que esto es alternativa a poner el código en el fichero functions.php del tema hijo. Pero no tenemos ningún artículo sobre dichos plugins. Antes siempre recomendábamos usar Code Snippets, pero ya hay varias alternativas y usamos unos u otros dependiendo de la necesidad. Hoy queremos recomendar esos unos u otros. Plugins para insertar código en WordPress. Estos son los plugins que usamos a fecha del artículo: Code Snippets: sin duda el precursor y siempre un valor seguro. La versión gratuita permite sólo insertar códigos php y html. Pero es muy sencillo activarlos, desactivarlos e incluso entrar en la web si alguno da errores.Puedes añadir el código sólo en el frontend, sólo en el backend, en ambos, ejecutarlo sólo una vez o siempre. Otra funcionalidad interesante es que puedes importar y exportar códigos.Lo usamos principalmente para añadir código php que cambie el funcionamiento de WordPress o de algún plugin. WPCode (antes Insert Headers and Footers) de WPBeginner: siempre habíamos usado este plugin para añadir código en el header o en el footer. Normalmente para añadir códigos de Analytics, tags de Google, píxeles de Facebook o códigos Javascript o css en el footer.Pero recientemente ha ampliado sus funciones, y ahora permite tanto añadir scripts en la cabecera, cuerpo o pie, como crear snippets de código y añadirlos en la página.Es más, estos snippets pueden ser personalizados, pero también tiene una biblioteca de snippets más usados qu epuedes buscar y usar..Es decir permite scripts, php, css, html text, y tiene funcionalidad lógica y prioridad en estos códigos.La verdad es que la mejora ha sido brutal, tanto que , mientras que antes lo combinábamos con otros plugins, ahora puede sustituirlos y podemos usarlo como plugin único de scripts y códigos. Woody code snippets: lo descubrimos hace bastante poco, pero tiene funcionalidades diferentes al anterior que hacen que, en ocasiones lo usemos.. Este plugin permite añadir código en el header, en el footer o en el cuerpo. Pero lo más interesante para nosotros es que permite crear un shortcode con ese código, y así poder usarlo fácilmente en entradas, páginas, plantillas, widgets…..Además, permite activar o desactivar códigos según una lógica condicional. De nuevo algo muy interesante.Esto permite usarlo desde para insertar píxeles como Facebook, tags como de Google, para añadir anuncios o banners, para añadir código de php…y para mucho más.

Código Worpdpress, Diseño Web, Plugins Wordpress, Trucos

Desactivar los emails de actualizaciones automáticas de plugins, temas o core en WordPress.

Hace tiempo, WordPress activó la opción de actualizar automáticamente tanto plugins como temas como su versión (core). Esto está muy bien, porque los ataques son continuos, y es importante tener la web actualizada. Lo que no han hecho tan bien es que te llegan correos cada vez que esto ocurre, y no se puede desactivar ni elegir a qué dirección debe llegar. Como es frecuente que se actualicen estas cosas, llega un momento que parece spam. Si además eres administrador, pero tu web la gestiona otro, puede ser una verdadera lata. Hoy os enseñamos a desactivarlo. Desactivar los emails de actualizaciones automáticas en WordPress. Como siempre podemos hacerlo de dos maneras. Por plugin. Como siempre lo0 más sencillo es instalar un plugin como este (habrá más). No sólo te permite activar y desactivar todo tipo de notificaciones y, entre ellas, las del artículo de hoy. También tienes funcionalidades extra como elegir a quien se manda cada notificación. Así que si no te importa cargar la página de plugins, quieres más opciones y quieres lo sencillo, el plugin te vale. Por código. Como hemos dicho muchas veces, no nos gusta carga la página de plugins innecesarios. Si podemos buscamos un código que lo solucione. Para ello podéis elegir entre los varios plugins que permiten añadir código a un WordPress, o añadir el código en tu tema hijo de WordPress, editando el functions.php de ese tema hijo. Os dejamos aquí los diferentes códigos para cada cosa. Puedes añadir todos, o sólo el que te interese. En este vídeo lo explicamos todo.

Scroll al inicio