Diseño Web

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.

Diseño Web, Internet, Webs

Cómo añadir usuarios a una cuenta o propiedad de Google Analytics.

/

Siguiendo el grupo de vídeos sobre la creación de usuarios a las cuentas de servicios de Google como Search Console, o Adsense (que nos demandan mucho y así nos ahorramos tener que explicarlo cada vez), hoy os dejamos cómo hacerlo en Google Analytics. Google Analytics es la herramienta más usada para generar estadísticas de acceso de los usuarios a nuestras páginas web, y también de interacciones a tiempo real con la misma (clics, compras, estudio de respuesta a acciones comerciales…etc). Pero, de nuevo, los dueños de la marca, los dueños de las páginas web, no suelen gestionar estos aspectos. Si que consideramos importante que ellos sean los dueños de la propiedad en los servicios de Google (cosa que pocas veces se hace y se delega en terceros). Así que hoy os enseñamos a dar acceso a nuevos usuarios a tu propiedad de Google Analytics para que accedan a los informes y puedan realizar acciones en tu propiedad. Cómo añadir usuarios a tu propiedad de Google Analytics. Para añadir usuarios a tu cuenta tienes que : Ir a tu cuenta de Google Analytics. Pinchar en Administrar Ir, en tu propiedad, a Gestión de accesos a la propiedad. Pinchar en Añadir. Introducir el correo (de Gmail o dado de alta en servicios de Google) del usuario. Seleccionar el nivel de permisos. Puedes verlos aquí: https://support.google.com/analytics/answer/9305587#zippy=%2Cgoogle-analytics Marcar las otras opciones sobre acceso a ingresos y costes. Pinchar en Aceptar El usuario recibirá un correo que tienen que confirmar y, una vez que lo haga, tendrá acceso a nuestra propiedad. Os lo mostramos en el vídeo:

Diseño Web, Gestores de contenidos, Información Tecnica, Sistemas

Fallo de seguridad grave en Prestashop y cómo solucionarlo. Junio 2022.

/

El viernes Prestashop nos mandó, a los que estamos en su lista de correo, que se había descubierto un fallo de seguridad grave en su sistema. Y que, por lo tanto, todas las páginas que están funcionando con este sistema tienen esta vulnerabilidad y debe arreglarla lo antes posible. Aquí podéis ver cómo funciona el ataque que aprovecha el fallo: https://build.prestashop.com/news/major-security-vulnerability-on-prestashop-websites Básicamente los atacantes usan inyecciones de SQL para poder poner un formulario de pago falso en tu página, normalmente en la parte del pago. Y así recopilar datos de tarjetas de crédito. Qué se puede hacer para solucionar el problema. Como siempre, lo importante es mantener tu web lo más actualizada posible, tanto el core de Prestashop como los módulos. Sabemos que esto no siempre es fácil en este gestor de contenidos, pero es importante. Prestashop ha sacado esta mañana una nueva versión, un parche, que arregla los posibles vectores de ataques conocidos de este fallo (Prestashop 1.7.8.7) https://build.prestashop.com/news/prestashop-1-7-8-7-maintenance-release/ Actualiza en cuanto puedas. Los desarrolladores de Prestashop han identificado que uno de las posibles (puede haber más) vectores de ataque en este caso es una funcionalidad poco usada de este sistema: MySQL Smarty cache. Mientras actualizas, puedes deshabilitar este sistema. Nosotros lo hicimos el viernes en todos nuestros clientes con PS. Para ello tienes que ir al fichero config/smarty.config.inc.php y editarlo. Ahí, entre las líneas 43-46 (PrestaShop 1.7) o 40-43 (PrestaShop 1.6), tienes el siguiente código que puedes comentar o quitar: Guarda el fichero y súbelo, y ya tienes ese vector tapado. Importante: esto es sólo para evitar que entren por este fallo. NO es suficiente si ya han entrado. Y no quita que tengas que actualizar todo por si hay otros vectores. Cómo saber si te han afectado. Esto debes hacerlo aunque soluciones el fallo antes mencionado. Es identificar si han usado el ataque en tu web. Busca en los registros a ver si encuentras el fichero que es un fichero que se crea durante el ataque. Si es así, estás “infectado” y deberías revisar los ficheros modificados que puedan tener código malicioso y reemplazarlos.

Diseño Web, Trabajos, Webs

Nueva web comprarbonsai.es

/

Hoy presentamos otra web dentro de la oferta que publicamos hace unas semanas para las webs de una sola página. En este caso la web es comprarbonsai.es Una web dedicada a la gente que comienza en el mundo de los bonsáis, que quieren saber cómo empezar, qué árboles escoger, cómo cuidarlos etc. La web sirve también como landing page y página de contacto entre los clientes que empiezan en ese mundo tan apasionante y uno de los mayores proveedores de productos de bonsái en Europa. Como todas las páginas de esta oferta, la web tiene todo el contenido en la página principal. Con apartados diferenciados con “Preguntas Frecuentes”, “Cómo elegir un Bonsai”, “Dónde comprar un bonsai” o el “Contacto”. Esperamos que os guste.

Código Worpdpress, Diseño Web, Trucos

Cómo añadir Disqus en WordPress sin plugin.

/

Hace unos días tuvimos que actualizar la web de un cliente que usa Disqus. Disqus es un sistema de moderación de comentarios que añade funcionalidades a WordPress. El problema surgió porque lo tenía instalado con el plugin de Disqus para WordPress (sin actualizar desde hace un año) pero en la actualización del Tema no era compatible. Con un tema por defecto aparecían los comentarios, pero con el tema actualizado no. Tocaba buscar la solución sin plugin. PD: Suponemos que la web está configurada en Disqus. Para eso puedes usar el plugin anterior o hacerlo a mano. Añadir el sistema de comentarios Disqus a WordPress sin plugin. Disqus deja un código para añadir a mano en cualquier CMS , lo que llaman el Universal Embed Code aquí. Vamos a basarnos en ese código para crear un Snippet. Normalmente usamos este plugin, pero hoy vamos a usar uno similar.: Woody Code Snippets. ¿Por qué? Porque te permite crear automáticamente, sin más desarrollo, un shortcode. y lo vamos a necesitar. Primero, tras la instalación de ese u otro plugin de Snippets vamos a añadir este código (o en functions.php). Es JavaScript, así que o lo metemos como código de Javascript en un módulo de Snippets como Woody o lo ponemos entre las etiquetas de <script> </script> en un php (o función). Nosotros lo hemos metido como shortcode de Javascript. Donde SHORTNAME es el nombre abreviado (shortname) que Disqus nos ha proporcionado cuando damos de alta la web.Woody si lo ponemos en opción de mostrar el código donde está el shortcode nos proporciona a la derecha un shortcode para este código. Ahora lo que vamos a hacer es editar nuestra plantilla de página o entrada para poner el shortcode. Lo podemos hacer de varias maneras: Si estamos usando plantillas de entradas en un constructor lo ponemos ahí. Si estamos usando una plantilla lo mejor es crear un tema hijo, y copiar del tema padre el fichero donde ponga los comentarios. Normalmente es single.php o comments.php. y tiene un código como: Lo vamos a sustituir por Donde XXXxx es el id del snippet que nos ha dado Woody. Es importante que esté un div con ese id o en esta parte del código o en la anterior, porque ahí es donde Disqus hará un “embed” de los comentarios. Y con esto ya deberían aparecer los comentarios. Nota: hay otras maneras de hacer esto. Podemos crear un shortcode directamente en el snippet. O meter el div en el snippet como código php y luego el javascript. Sólo son variantes de lo mismo.

Scroll al inicio