Gestores de contenidos

Diseño Web, Gestores de contenidos

Flamingo: plugin de WordPress para almacenar en la web los mensajes de Contact Form 7

Contact Form 7 es uno de los plugins más usados para formularios de contacto, uno de nuestros preferidos. Además, de estar en continuo desarrollo, y tener mucha documentación, tiene muchos plugins derivados que añaden funcionalidad. Hoy vamos a hablar de uno de ellos (creado por el mismo autor), Flamingo, que guarda los mensajes enviados con un formulario de Contact Form 7 en la base de datos. Ventajas de Flamingo. La gente que necesita Flamingo encuentran estos fallos en Contacto Form 7: si hay errores en el formulario o en el servidor, los mensajes se pueden perder. Lo bueno de Flamingo es que, por un lado guarda el mensaje, y por otro lo envía. Así que, aunque no nos llegue al correo, está en la web. Si más de una gente comparte la administración de la web, y no tenemos Flamingo, deberían compartir también el correo. Tener Flamingo permite que mucha gente pueda comprobar los mensajes que nos llegan a la web. Guarda también una libreta de direcciones de la gente que nos envía los mensajes.

Artículos subvencionados, Diseño Web, Gestores de contenidos, Trucos

Los mejores consejos y trucos de WordPress

Si utilizas WordPress para gestionar tu sitio web, habrás encontrado una maravillosa y potente herramienta para crear casi cualquier sitio web, la cual te trae a tu alcance miles de funcionalidades específicas que puedes utilizar para tener un sitio de auténtica calidad profesional. Si bien se trata de la plataforma más amigable con el usuario, deberás saber que existen muchas opciones, parámetros y características un poco más ocultas que puede que aún no conozcas ya que se trata de un sistema muy completo. Este artículo te brinda un breve recorrido por aquellas prácticas que puedes utilizar para sacarle mayor provecho a esta excelente plataforma tan popular entre los sistemas de administración de contenido o CMS’s por sus siglas en inglés. Para probar estos trucos y consejos, debemos por supuesto tener nuestro sitio WordPress funcionando, lo cual requiere que lo hayas instalado previamente. Si aún no lo has hecho, es momento de iniciarse con esta potente y versátil plataforma. Para tener un detalle de las instrucciones a seguir, puedes utilizar este tutorial de Hostinger paso a paso que te servirá de gran ayuda. Una vez disponible nuestro sitio WordPress podremos proceder con los siguientes consejos o trucos.   #1: Publicación programada: Cuando damos una entrada a nuestro blog no necesariamente queremos que sea visible inmediatamente, sino que por ejemplo podemos estar buscando que se publique para cierto evento determinado y por supuesto, no sería una herramienta tan potente si no pudiéramos programar la publicación para un momento en particular. Para activar esta función, debemos escribir el post o artículo como hacemos regularmente, pero antes de hacer clic en publicar debemos proceder de la siguiente manera: – En el panel “Publicar” de la columna derecha, donde dice: “Publicar inmediatamente” hacer clic en “Editar” – Seleccionar fecha y hora de la publicación y luego clic en “Aceptar” – Observar que el botón “Publicar” ha cambiado a “Programar” y hacer clic en el mismo. Listo, ya tienes tu publicación programada para la fecha y hora que elegiste. Por supuesto que puedes editar esta programación, solo debes tener en cuenta que la configuración de zona horaria debe ser correcta para que la hora sea la adecuada según el lugar del mundo donde te encuentres. Esto se puede cambiar en ajustes generales. #2: Editar imágenes ya cargadas: Uno de los grandes gastos de tiempo en cuanto a publicaciones en sitios web, es la edición básica de imágenes, como puede ser recortar, rotar o reflejar. Pero no es necesario hacer los cambios y volver a subir la imagen ya que con WordPress puedes hacerlos aunque las imágenes ya han sido subidas y ahorrarte todos los pasos intermedios. Para ello simplemente debes hacer clic en la imagen a editar dentro de la edición de una publicación y hacer clic en el botón con el ícono de lápiz. Luego clic en “Editar original” y ahí puedes seleccionar el cambio que quieras hacer con la herramienta adecuada. Por último, clic en “Guardar” y luego en “Actualizar” y ¡listo! #3: Atajos del teclado: Otro recurso para ganar más tiempo y dedicarse a lo que realmente importa en tu sitio web, es el conjunto de atajos del teclado que tiene funciones asignadas de forma predeterminada, las cuales han sido pensadas según el criterio de frecuencia de uso. A continuación, se listan los más relevantes: Primera tecla Segunda tecla Tercera tecla Resultado Ctrl C, X   Copiar o Cortar elementos seleccionados respectivamente. Ctrl V   Pegar elementos copiados o cortados. Ctrl Z, Y   Deshacer o Rehacer acción respectivamente. Ctrl B, I, U   Establece el texto seleccionado en negrita, cursiva o subrayado respectivamente. Alt Shift I, J, C, R Alinear el texto a la izquierda, justificado, al centro o a la derecha respectivamente. Alt Shift A, S Insertar o Eliminar link respectivamente. Alt Shift X Abrir o Cerrar etiqueta code para incluir instrucciones de códigos de programación en el cuerpo de texto. Alt Shift 1, 2, 3, 4, 5, 6 Inserta etiqueta HTML de tipo H1, H2, H3, H4, H5, H6 respectivamente. Alt Shift H Muestra un cuadro de diálogo con los atajos anteriormente descritos y otros más.   #4: Edición masiva: Cuando tenemos una enorme cantidad de entradas en nuestro blog y necesitamos cambiar algunas opciones o parámetros a varias de ellas, no esperaríamos que se deban hacer una por una ¿verdad? Entonces para que esto sea posible, debes ir a la sección: “Todas las entradas”, luego en el cuadro desplegable que dice “Acciones por lote” y elegir la opción de “Editar”. Por último, hacer clic en “Aplicar” Una vez dentro de la edición, puedes cambiar parámetros como categorías, autor, comentarios, estado, formato y otras más. Al finalizar simplemente hacer clic en “Actualizar” y eso es todo. #5: Instalar más idiomas: Si tu público objetivo abarca más de una región con diferentes idiomas, entonces deberías asegurarte de que brindas un sitio multilenguaje para llegar correctamente a todos tus lectores. Para esto puedes ir a la configuración y añadir los lenguajes correspondientes en Ajustes -> Generales. También existen algunos plugins que te harán la administración de los idiomas, una tarea fácil y ordenada como Loco Translate.       #6: Añadir enlaces rápidamente: Este truco te ahorrará mucho tiempo si lo usas a menudo y consiste en pegar un link copiado en un texto seleccionado con la combinación de teclas: Ctrl + V, el cual convertirá el texto seleccionado en un link hacia la url anteriormente copiada. #7: Acceder a opciones ocultas: Para ver y cambiar un conjunto de opciones avanzadas ocultas en WordPress debes acceder a la siguiente página: www.tu-dominio.com/wp-admin/options.php Donde debes reemplazar “tu-dominio.com” por el dominio de tu sitio web. Entonces puedes editarlas para que se ajusten a lo que te resulte más útil para tu web, aunque debo advertirte que no deberías modificar aquellas que no sepas para que sirven, pues podrías desestabilizar el comportamiento de todo tu sitio.   Estos son solo algunos de los trucos más importantes, pero según tus necesidades puedes encontrar muchas más y

Diseño Web, e-Learning, Gestores de contenidos, Trucos

Formulario de contacto en Moodle

Parece mentira pero el LMS (Learning Management System) más famoso, Moodle, carece de un formulario de contacto. Y es que es muy potente en muchas cosas, y extrañamente carente en otras. Hoy os enseñamos a crear un formulario de contacto en Moodle. El formulario de contacto puede usarse para : Formulario para contactar. Peticiones de soporte porque algo no funciona. Solicitar cursos. Solicitar información. A modo de confirmación de acceso o check-in a un curso. Solicitar acceso al aula virtual… Cómo crear un formulario de contacto. ¿Cómo crear un formulario de contacto en Moodle? Hay gente que usa la función de retroalimentación, pero es algo limitada, además de fea. Aunque funciona. Otra gente inserta formularios o programados a mano (Java, PHP, Html…) o de otras plataformas. Mejor solución. Afortunádamente un desarrollador ha programado un plugin llamado Contact Form que cumple perfectamente su cometido. La instalación y uso de dicho plugin no son complicadas, aunque si requieren un mínimo de conocimiento. Podéis ver su documentación en el canal de Github. Se instala igual que cualquier otro plugin. Después debes asegurarte que tengas configurado el contacto de soporte en Moodle (con dirección de correo) porque ahí enviará los correos. Si no está configurado lo enviará al correo del administrador. Para añadir un formulario a una página de Moodle o un bloque de HTML tienes que poner el código. Puedes copiar los ejemplos de códigos de sus plantillas y modificarlos. Como veis es sencillo y un plugin muy útil para nuestro Moodle.    

Gestores de contenidos, Soporte, Trucos

Incidencias y notas privadas por defecto en MantisBT

Como ya hemos dicho en muchas ocasiones usamos MantisBT para diferentes proyectos. Una de las cosas que más nos confundía es que las incidencias y las notas vienen como públicas por defecto. Y como a veces damos acceso a los clientes a sus proyectos, no nos interesa que algunas sean públicas. Puede que queramos poner anotaciones, o incidencias propias internas sólo para nosotros por defecto. Hoy os enseñamos a cambiarlo. Esto crea incidencias y notas que el cliente no puede ver a menos que tu le des acceso. Es decir, dentro de una incidencias que puede ver si es pública, No verá las incidencias o notas que no pongas públicas porque estarán privadas por defecto. Cómo hacer que las incidencias y las notas sean privadas por defecto. Para ello tienes que ir a Administración > Administrar Configuración >Reporte de Configuración. Después hay que ir al final a Crear opción de configuración y añadir lo siguiente (según la opción u opciones que queráis): Incidencias privadas por defecto. Todos los usuarios, Todos los proyectos, default_bug_view_status, integer, 50 Notas privadas por defecto. Todos los usuarios, Todos los proyectos, default_bugnote_view_status, integer, 50 Para deshabilitar el que los usuarios puedan cambiar las incidencias de privadas y públicas. Todos los usuarios, Todos los proyectos, set_view_status_threshold, integer, 100 Todos los usuarios, Todos los proyectos, change_view_status_threshold, integer, 100 Para deshabilitar el que los usuarios puedan cambiar las notas de privadas y públicas. Todos los usuarios, Todos los proyectos, bugnote_user_change_view_state_threshold, integer, 100 Después pulsáis en Crear opción de configuración. Con esto ya deberíais tener las incidencias o las notas como privadas por defecto y no tener que preocuparte porque las vean los clientes u otros usuarios.

Diseño Web, Gestores de contenidos, Trucos

Módulo de sitemap para Prestashop 1.7

La versión más reciente de Prestashop (cuando escribimos el artículo), la 1.7 , al contrario que su predecesora, no incluye un módulo de sitemap. Algo esencial para el SEO. ¿Que podemos hacer? En este artículo te damos soluciones. Posibles soluciones. Tienes varias opciones a considerar. Generar el sitemap manualmente. Siempre puedes generar los sitemaps manualmente usando sitios online y enviarlos a Google Search Console (o similares). Pero aunque es factible, no me parece muy práctico ya que una tienda cambia los productos constantemente, y tendríamos que estar enviando sitemaps a mano muy a menudo. Si además vuestro sitio es multilingue el trabajo se multiplica. Esto no es práctico, aunque si viable para dar el sitio de alta en los buscadores mientras implementamos otra solución. Comprar un módulo. Prestashop es un CMS gratuito, pero en cuanto quieres realizar funciones extra tenemos que comprar módulos. Podéis buscar un módulo oficial por entre 30-60€ y así os aseguráis que funciona, que tenéis detrás a alguien al que preguntar en caso de problemas y que pueda tener actualizaciones (aunque a veces sean también de pago). Usar los módulos de Prestashop 1.6 Algunos usuarios de la comunidad de Prestashop han reportado que algunos de los módulos gratuitos que funcionaban par ala versión 1.6 de Prestashop, funcionan también para la 1.7. Tal cual o, en algún caso, con modificaciones. N.B. Yo lo probaría bien antes. Porque creo que hay cambios en la url de los productos en la nueva versión y hay rumores que las imágenes pueden dar problemas con el atributo alt y también las páginas con varios idiomas. Así que podéis instalarlos y probar bien antes. Os dejo ejemplos y enlaces: Módulo de Presta Toolkit. Por lo que dicen los usuarios, el módulo de sitemap de Presta Toolkit funciona en 1.7 sin tener que hacer nada más. Antiguo módulo de Google sitemap. El antiguo módulo de Google sitemap también parece que funciona. Sin embargo algunos tienen problemas al instalarlo. Podéis descargarlo de aquí.  Cuidado porque tal como se descarga no se puede instalar, hay que cambiar el nombre tanto del zip como de la carpeta dentro a gsitemap.zip y gsitemap. Entonces deberíais poder instalarlo. Si no, subid la carpeta descomprimida directamente a las carpetas de módulos llamándola gsitemap y la debería reconocer Prestashop. Esperamos que os sirva y que pronto saquen algún otro módulo gratis o una nueva versión de los anteriores. Porque tampoco es tan complicado un programa que genere un sitemap y es vital para las páginas web.

Diseño Web, Gestores de contenidos, Legalidad

Casilla de aceptación de tratamiento de datos en formularios WordPress con Contact Form 7

Ya os explicamos ayer que es obligatorio, desde el punto de vista de las leyes europeas de protección de datos (RGPD), incluir una casilla de aceptación de la política de tratamiento de datos por parte del cliente. Para que tratemos los datos personales que nos cede ese cliente, él tiene que aceptar activamente (marcarla) nuestra política de privacidad o nuestra política de tratamiento de datos ( donde quiera que esté). La mayoría de las páginas en Internet no tiene esto. También os dijimos que iríamos explicando cómo hacer esto en los diferentes gestores de contenidos más conocidos. Hoy empezaremos con WordPress. Cómo crear la casilla de aceptación del tratamiento de datos. Para crear esta casilla vamos a suponer que estáis usando el famoso plugin de formularios de contacto Contact Form 7. Es uno de los más usados (y tenemos que elegir alguno para demostrarlo). Algunos formularios no permiten añadir casillas de este tipo (yo no los usaría) y en otros se puede hacer de manera similar. Así que instalamos y activamos el plugin. Después veremos que tenemos un apartado Contacto en el  menú izquierdo de nuestro backend, y un submenú para ir a los formularios. Podemos crear un formulario nuevo o editar el existente. Para crear la casilla tenemos que: Añadir el elemento aceptación que nos permite añadir este plugin. Esto crea la casilla. Poner antes o después el texto que queramos con los enlaces pertinentes. Si no sabemos crear enlaces podemos usar el editor de WordPress y copiar el código. Salvarlo y copiar el código en una página de contacto, una entrada o un widget. Esto crea una casilla que, si no se marca, deshabilita el envío del formulario. Que es lo que queríamos. La casilla tiene opciones para funcionar al revés (si se marca no envía) o para dejarla marcada por defecto (NO recomendamos esto último). Vídeo sobre cómo crear la casilla en WordPress con Contact Form 7. Nota (16/05/2019): casi todos los expertos recomiendan ahora guardar un registro de dicha aceptación. Aquí os mostramos cómo.

Diseño Web, Gestores de contenidos, Trucos

Cómo crear sitemaps de idiomas distintos en Prestashop y enviarlos a Google Search Console

Hace unos días explicábamos en el blog cómo añadir la etiqueta hreflang y canonical en Prestashop para evitar penalizaciones por contenido duplicado. En ese artículo decíamos que había que abrir “en Google Search un sitio por cada idioma con un sitemap independiente por cada idioma“. Algunos habéis visto que no era tan fácil, hoy os dejamos cómo hacerlo. Google Search Console te permite decirle a Google que tienes una página y características sobre ella. Además te permite que Google te envíe errores que detecta, te indique cómo ve la página y muchas otras herramientas útiles para webmasters y dueños de páginas. Entre ellas el envío de sitemap, algo básico para indicar a Google la estructura de tu web, que tiene que indexar y qué no. Lo realmente molesto es que tienes que abrir una propiedad por cada sitio con que cambie la url. Es decir, habría que abrir un sitio con www.tupagina.es y otro con tupagina.es  (uno con y otro sin) e indicarle cual es la principal. También había que añadir uno con http y otro con https durante la transición de páginas con y sin certificado (imagino que en un futuro sólo con https). También tenemos que añadir propiedades distintas si queremos diferenciar idiomas o sitios geográficos (puede que no sea lo mismo, ver más abajo), caso que nos incumbe ahora. Esto hace que Google los trate como sitios diferentes y no la misma web duplicada. Cómo proceder. Aquí hay diferencias de opiniones y no creo que nadie sea un experto. Pero apostamos por lo siguiente. Añadir una propiedad por el sitio canonical. Esta es nuestra base, nuestro sitio principal y por defecto. Por ejemplo tudominio.es. Puede que no sea necesario si tu web principal es la de un idioma (tudominio.es/es) por eso hay gente que dice que no es necesario. Añadir una propiedad por cada idioma que queramos diferenciar. Esto, junto a  una buena configuración de hreflang, hace ver a Google que cada página de idioma es diferente y así evitar las peticiones de contenido duplicado. Ya no lo serán porque serán propiedades diferentes. Por ejemplo tudominio.es/es/  y tudominio.es/en/ Añadir una propiedad por cada zona geográfica. Por ejemplo puedes querer diferenciar entre contenido para España o para sudamérica, aunque tengan el mismo idioma. Obviamente dentro hay que decirle la zona de destino preferida. Tener una propiedad para cada idioma (caso que nos ocupa) te permite recibir estadísticas y errores de cada idioma de manera diferenciada, y tener mayor control del SEO de cada una de ellas. Además de decirle a Google que son, de hecho, sitios diferentes. Obviamente hay que generar un sitemap por cada idioma y por la página principal. La mayoría de los plugins de Prestashop lo hacen automáticamente si detectan que tienes varios idiomas. Si no puedes generar los sitemaps a través de webs dedicadas a ello. Otro día os hablamos sobre los sitemaps en Prestashop 1.7 (no viene con módulo por defecto). Problema. Los plugins generan urls como: 1_es_0_sitemap.xml 1_fr_0_sitemap.xml 1_en_0_sitemap.xml Después hay que enviar los sitemaps en cada propiedad. Pero los que habéis intentado esto en Prestashop habéis encontrado el pequeño problema que existe: la propiedad creada por cada idioma incluye en subdirectorio o delimitador de idioma, y los sitemaps cuelgan de la raíz. Es decir en la propiedad en español tenemos que añadir (o espera) el sitemap tudominio.es/es/1_es_0_sitemap.xml  PERO la url real de ese sitemap es tudominio.es/1_es_0_sitemap.xml Así que Google no lo encuentra. Solución. La solución es sencilla: hay que crear una redirección de la url que espera Google a la real. Se puede hacer de dos maneras, o directamente en Apache o Nginx (el servidor web) o, más común y más sencillo, editando el fichero .htaccess de tu servidor (si es Apache). Si no lo tienes para editar créalo por FTP. Os pongo un ejemplo de redirección que tenéis que editar y cambiar con vuestros datos: redirect 301 /es/1_es_0_sitemap.xml http://tudominio.es/1_es_0_sitemap.xml redirect 301 /fr/1_fr_0_sitemap.xml http://tudominio.es/1_fr_0_sitemap.xml Como veis esto lo que hace es que cualquier url que vaya a http://tudominio.es/es/1_es_0_sitemap.xml la lleva a http://tudominio.es/1_es_0_sitemap.xml . Es decir le quita los códigos de idioma a la url del sitemap. La redirección 301 le indica a Google que se ha movido permanentemente a esa url (para que no penalice). Con esto podemos mandar el sitemap de cada idioma y Google lo encontrará. Espero que os sea útil.

Cursos Internet, Diseño Web, Gestores de contenidos

Cómo crear una entrada en WordPress.

Dentro de nuestros tutoriales básicos de WordPress, hoy os dejamos cómo crear una entrada. Las entradas se diferencian de las páginas en que son contenidos normalmente más dinámicos, más variables (puedes publicar entradas cada día) y las páginas suelen ser contenido más estable. Tanto las entradas como las páginas de WordPress son la manera de agregar contenido a tu web. Hoy explicamos las generalidades de la creación de una entrada. Luego puede haber particularidades debidas a la plantilla o a plugins instalados. En este caso hemos supuesto que estamos con la opción básica sin añadidos. Contenido. En el tutorial enseñamos a: Crear una entrada Añadir imágenes Añadir vídeo Crear enlaces Escoger una imagen destacada. Programar la entrada Asignarla a una categoría Crear categorías Cambiar el Extracto. Permitir o no comentarios. Vídeo tutorial.

Diseño Web, Gestores de contenidos

Cómo crear un menú en WordPress

Parte de nuestra labor es de formación en varias áreas. Para eso colaboramos con Smyth Academy dando cursos en múltiples temas de TIC. Entre ellas están los cursos de WordPress. Hoy os dejamos un vídeo, parte de los cursos online, sobre cómo crear menús en WordPress. Este curso está pensado para la gente que comienza a aprender a crear páginas web en WordPress, y también para aquellos clientes que quieren gestionar sus propias páginas web sin contar con la ayuda de terceros (ahorrándose ese coste). Obviamente, empezaremos con vídeos muy sencillos. Cómo crear un menú en WordPress. En el vídeo, como decimos parte de nuestros cursos online, os enseñamos a: crear un menú. Añadir páginas, entradas, categorías y entradas personalizadas. Editar los nombres de cada entrada. Crear submenús. Colocarlo en las posiciones que la plantilla nos permita. Colocarlo en otras posiciones de un tema por widget. Aquí lo tenéis.

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

Añadir un chat de WhatsApp en WordPress

La última moda de las páginas web son los chatbots, chats controlados por inteligencia artificial que se comunican a tiempo real con los clientes. Hacia ahí va la tecnología. PERO mientras, las PYMES (siguiendo a las grandes) están introduciendo servicios de chat gestionados por los empleados en sus webs. Hoy os enseñamos a hacer eso mismo con WordPress y WhatsApp. Bueno, realmente vamos a crear un pseudo chat de WhatsApp en la página de tu empresa. Pseudo porque inicia el chat con WhatsApp pero luego sigues usando ese programa, y no el de tu web, para la conversación. Si tienes una web con WordPress (muy probable estadísticamente), y quieres que tus clientes te contacten fácilmente, WhatsApp (o WhatsApp Business) es la opción lógica. Muchos tenéis WhatsApp y habéis creado cuentas para la empresa porque lo demandan los clientes. Ya es algo común. La mayoría de los plugins para compartir contenido ya han añadido “compartir por WhatsApp“. Jetpack lo tiene desde hace tiempo. Cómo integrar WhatsApp con WordPress. Obviamente para poder integrar ambos servicios vamos a necesitar un plugin.  Os dejamos unos cuantos: WhatsApp Me. Muchas descargas y buena puntuación. Cresta WhatsApp Chat. Interesante porque además de abrir el chat y permitirte mandar mensajes, te da opción para personalizar el código que pongas por ejemplo para cambiar el mensaje por defecto o el teléfono por defecto. Detecta si estás en móvil y redirige a la aplicación de WhatsApp. Aquí tenéis la demo. Click to Chat for WhatsApp Chat. Tienes varios estilos, en algunos puedes chatear directamente desde la web, en otros usando WhatsApp (desde móvil) o web WhatsApp (desde PC). Lo interesante es que detecta si estás en un móvil y si es así te envía a WhatsApp. Si es desde un PC te abre una ventana indicándote cómo abrir la aplicación desde la web. Aquí tenéis la demo. WhatsApp Chat WP. Permite poner teléfono por defecto, personalizar el mensaje por defecto y tiene estadísticas integradas. WP Click to Chat. Whatsapp Press. WhatsApp Help Chat. El punto positivo de este plugin es que permite varios chats como Facebook Messenger o Snapchat. Por lo que veo el negativo es que en WhatsApp sólo da el teléfono para que la gente lo agregue. Vídeo.

Scroll al inicio