Redirigir una url va a ser una tarea que vas a tener que realizar más de una vez si ya tienes o vas a crear tu página web WordPress.

Si no sabes de lo que hablo, te resumo; básicamente una redirección de urls consiste en mandar al usuario que accede a una url a otra diferente o de un grupo de urls a otra dirección distinta.

Si no sabes casi nada de este asunto te preguntarás los motivos por los que querrás hacer eso. Te aseguro que realizar estas redirecciones es muy habitual debido a que al hacerlas, mejorarás tanto el SEO de tu web como la experiencia de usuario.

Además, cuando quieres hacer redirecciones en WordPress de grupos de urls, simplificarás un proceso que manualmente podría ser lioso y pesado.

 Cuándo redirigir una url

Son varios los casos por los que debes o puedes estar interesado en realizar un redirección:

1. Quieres redirigir un dominio entero a otro nuevo.
2. Redirigir una url concreta de forma permanente.
3. Redirigir una url de manera temporal porque estás realizando mejoras e tu web, por ejemplo.
4. Redirigir de www a sin www o viceversa para evitar contenido duplicado.
5. Redirigir una categoría entera a otra.
6. Redirigir directorios.
7. Etc.

Las posibilidades son infinitas y son muchos los casos y los códigos a emplear (lo veremos durante el artículo).

Para que entiendas bien el significado y el sentido de usar una redirección te cuento este ejemplo.

Es muy posible que cuando creaste una página de un servicio determinado en tu web, lo hayas llamado “servicio” o algo similar. Esto un error importante ya que nadie busca en Google la palabra “Servicio” y en el caso de hacerlo, no aparecerá tu web en las primeras posiciones de los buscadores ni de casualidad.

La solución ante tal error es modificar la url por una acorde a tu sector y redirigir una url de la antigua a la nueva.

¡Ojo!, si no la rediriges y simplemente modificas la url, estarás generando un error 404, es decir, alguien que acceda a la url antigua “servicio” le mostrará que esa página no existe.

Puedes estar pensando: ¿si nadie la conoce quién va a entrar en ella? Cierto, pero por algún motivo alguna persona puede haber accedido a esa url por redes sociales e incluso puede tenerla automatizada y constantemente esté compartiendo una url rota que no existe.

Desde el punto de vista del usuario esto es horrible, y peor aún si no tienes configurada una página de error 404 mediante la cual puedas dar al usuario otras opciones de moverte por la web (por lo menos un buscador).

Lectura recomendada:
Cómo crear un contenido perfecto para la página de error 404.

Lo peor para el ejemplo anterior no es la usabilidad que estás perdiendo ya que es una url poco habitual y probablemente poca gente tenga acceso a ella. Lo realmente negativo es que Google sigue tendiendo constantemente acceso a esa url antigua.

Cada vez que Google accede a esa dirección inexistente estará perdiendo un tiempo precioso que podía emplear en rastrear páginas que realmente son buenas para posicionar.

En este caso siempre deberías hacer una redirección 301 (luego veremos todo esto).

 ¿Qué hacer con los errores 404?

Muy fácil, Google Search Console muestra los errores 404 que tiene tu web.

Existen muchas más herramientas para detectar estos errores como por ejemplo Screaming Frog. Cualquier herramienta te sirve para indicarte que esa url antigua (servicio para el ejemplo) ya no existe y que la debes eliminar.

El proceso para decirle a Google que no existe y que tiene que sacarla de los resultados de Google es realizar en Search Console la eliminación de esa url a través de su opción.

Es importante realizar este proceso para todas las urls que hemos eliminado, modificado o indexado por error.

La eliminación de estas urls es permanente, aunque vuelven a aparecer al cabo del tiempo ya que Google los acabará mostrando y rastreando nuevamente. Por ese motivo hay que ver periódicamente la opción de cobertura en Search Console.

Veamos cómo se elimina un error 404 en este vídeo.

¿Y si nos hemos equivocado al diseñar la web publicando urls que no nos valen? Vamos a ver qué hacer en ese caso.

 Cuándo eliminar definitivamente urls que no nos valen

La primera vez que se accede a WordPress se suele cometer un error importante, nos ponemos a crear entradas y páginas que probablemente tengan una url pasajera.

Con url pasajeras me refiero a que creas páginas que luego no utilizas, creas páginas de pruebas que eliminas, te equivocas al editar la url, la modificas y la pones más corta, etc…

Todas esas urls que has estado eliminando o modificando se empiezan a indexar en Google ocupando tu sitemap de urls innecesarias y lo peor es que son errores 404.

Si estas urls tuvieran enlaces externos, llevaran tiempo en Google con buen contenido y se pudiera aprovechar, lo ideal sería hacer una redirección hacía una url buena en texto.

El problema es que esas urls creadas no valen para nada.

¿Qué hacer en estos caso?

Tendrías que deshacerte de esa url y decirle a Google que ya no existe. No tiene sentido realizar una redirección de urls, no nos sirven. Hacia dónde vas a redirigir una url que se llama “mis pruebas”

Tienes que tener en cuenta que si vas a redirigir una url tiene que ir a otra página similar en contenido y, en este caso, no tiene sentido porque no aporta absolutamente nada.

Vas a poder ver en la forma 2 de hacer redirecciones qué hacer en ese caso porque podremos indicar a Google que elimine urls determinadas para siempre.

  8 maneras de hacer redirecciones en WordPress

Tienes que saber que cuando hablamos de redirección no solo se dan las 301 como ya he comentado.

Existen muchos tipo de redirecciones y son más o menos interesantes de realizar según las necesidades del proyecto web.

*Tienes que saber que el abuso de redirecciones, aunque mejoren la experiencia de usuario y el rastreo positivo de Google, también ralentizan una página web por dos motivos:

El navegador tiene que hacer un doble paso para llegar a la url nueva. Google también debe realizar un doble salto para ver la nueva dirección redirigida.

Por este motivo hay que intentar, de cara al SEO, que las urls internas no tengan redirecciones, para ello habría que poner siempre enlaces hacía la nueva url.

Tipos de redirecciones:

• • Redirecciones 301: Las redirecciones 301 son redirecciones permanente. Cuando la usamos mandamos aviso a los buscadores para decirle que esa url ya no existe y no debería seguir indexándola y sí hacerlo con la nueva.

• Redirecciones 302: Son temporales. Indican a los buscadores que esa url va a tener redirección hacia otra durante un tiempo. Se suelen usar en tareas de mantenimiento o por un producto que no tenemos en stock.
• Redirecciones 307: Las redirecciones 302 están en deshuso, en su defecto es conveniente usar las 307.
• Eliminación de urls definitivamente.
• Redirección de categorías.
• Redirecciones de www a sin www y viceversa.
• Redirección de http a https.
• Redirecciones de / y sin /.
• Redireccionar directorios.
• Redirecciones de dominio entero.

Vamos a ver todos los tipos, cuándo y cómo hacerlas.

  1. Redirección 301

Lo más habitual es realizar redirecciones 301 por varios motivos:

• Aprovechamos la posible fuerza de la url antigua (si tiene algo de fuerza y enlaces).
• Si un usuario o Google accede a una url rota irá a la nueva no cayendo en una página sin destino haciendo que pierda menos tiempo.
• Tienes que saber que las redirecciones son pérdidas de tiempo para Google también ya que tienen que ir de la antigua a la nueva pero es mucho mejor que hacer que caiga en una página 404.

Existen varias formas de realizar redirecciones 301:

1. Mediante htaccess: a través de una opción que incluye el plugin Yoast SEO, por FTP o el panel de control de tu hosting.
2. Usando sencillos plugins.

Para realizar una redirección 301 basta con incluir el siguiente código en el htaccess:

En este vídeo vas a ver todo el proceso con sus diferentes opciones.

El funcionamiento de redirecciones para 302 y 307 son exactamente igual, cambiando el número empleado.

Puedes hacer el mismo proceso a través de un plugin como Redirection, este además de contar con una opción que muestra los errores 404 de tu web tiene la opción que no interesa, hacer una redirección 301.

El funcionamiento es simple, en los diferentes campos anota la url vieja y la nueva y ya está. Así de simple.

  2. Eliminar de forma definitiva una url

Podrías pensar que simplemente vas a Search Console y eliminas esa url para que no aparezca. Como ya hemos comentado, es una opción pero el problema es que esa url volverá a mostrarse y nosotros nunca más queremos aprovechar esa url (se llama por ejemplo “mis pruebas”).

Para ello tendrás que acceder al htaccess de tu web e incluir un código.

De la misma forma que el caso anterior, puedes hacerlo de 2 formas

1. Si usas el plugin Yoast SEO puedes ir a la opción herramientas y allí meter el código de redirección
2. Accediendo a los archivos de tu hosting (por ftp o por el panel de control) y escribir allí la línea de código.

La línea de código es diferente a las que se establecen en redirecciones 301 ya que este no tiene destino. Simplemente queremos indicar a Google que la elimine para siempre.

Si por ejemplo queremos decirle a Google que elimine las urls de “mis pruebas”, simplemente tendrás que incluir una línea de código con la expresión “redirect gone”

Este sería el código: redirect gone /url-a-eliminar/

Para el ejemplo redirect gone /mis-pruebas/ o redirect gone /hola mundo/

En este video vas a ver como se hace:

  3. Redirigir una categoría

1. Imagina que quieres eliminar el /category y dejar la url más corta. Podrás incluir en el htaccess el siguiente código:

De esta manera las url de tu web serían por ejemplo: tusitioweb.com/ejemplo-post-1 en lugar de tusitioweb.com/category/ ejemplo-post-1

2. También puedes querer cambiar el nombre de categoría base (category) y poner categoría o cualquier otro nombre. Para ello tendrás que añadir al htaccess algo así:

  4. Redirigir una url sin www a con www

Haciendo este tipo de redirección evitamos un posible contenido duplicado y mostramos a Google que todas las propiedades son la misma.

Añadiremos en el htaccess el código siguiente:

Si quieres redireccionar de una versión con www a una sin www sería este:

  5. Redirigir de http a https

Si tienes una web y acabas de instalar el certificado SSL es conveniente que toda tu web se muestre con https. Para ello debes incluir en tu htaccess esta regla (consulta antes con tu hosting):

Hosting como Webempresa realizan todo el proceso en un simple clic.

  6. Redirecciones con y sin /

Puede que en tu sitio web tengas habilitadas las dos opciones y esto es perjudicial para el SEO.

Si tu web es visible con el slash (/) al final y también sin él, estamos ante contenido duplicado que puedes solucionar aplicando la siguiente regla.

Para redireccionar de la versión con barra a la versión sin barra:

Para hacerlo al contrario el código será similar:

  7. Directorios

En el caso que cuentes con un directorio que quieres redireccionar a otro directorio con otro nombre y a su vez mantener la misma estructura de los directorios y páginas que dependen de él.

1. Para un directorio de primer nivel.

2. Para subdirectorios:

  8. Redirección de un dominio entero

Imagina que quieres cambiar de nombre tu dominio, has comprado uno nuevo y quieres cambiar de .es a .com por ejemplo.

Para ello simplemente anota en htaccess la siguiente línea:

Dentro del panel de control de tu hosting también cuentas con esta opción para hacer redirecciones de dominios a tu gusto.

  Conclusión

Las redirecciones son muy necesarias y debes jugar con ellas para mejorar tanto la experiencia de usuario como el posicionamiento web.

Recuerda no abusar de ellas ya que las dobles y triples redirecciones no son positivas porque aumentarán los tiempos de carga perjudicará el rastreo de Google.

Además recuerda pasar una herramienta como Screaming Frog para detectar las redirecciones internas. Tienes que intentar que las redirecciones dentro de una web eviten ese doble paso.

Hasta aquí los diferentes modos de redirigir una url en WordPress. Empieza a aplicarlo en tu proyecto ya.

La entrada 8 modos de redirigir una URL en WordPress se publicó primero en Webempresa.

A estas alturas no te voy a descubrir “la rueda” y explicarte por qué los vídeos son tan necesarios para tu proyecto web, sea cual sea.

Ahora mismo no se me ocurre ningún tipo de web a la que no le viniera bien algún tipo de vídeo (original) para introducirlo de alguna manera (en páginas estáticas o mediante artículos de blog), con el objetivo de conseguir más visitas, explicar algo de una manera más dinámica y en general para aportar más valor a tu contenido.

Lo más importante (para ti) de insertar uno (o varios) vídeos en tu página web hecha con WordPress, no es el propio vídeo en sí (que también), si no las mediciones y los análisis que hay detrás, para conocer a tus visitas y optimizar tu estrategia de marketing (o cual se traduce en más ventas).

Hasta la llegada de Gutenberg con la versión 5.0 de WordPress, insertar un vídeo en una página o post de WordPress era una tarea bastante sencilla (para algunos) pero un quebradero de cabeza para otros.

A lo largo de este artículo voy a explicarte por qué es necesario la inclusión de contenido multimedia en tu web, dónde hacerlo y cómo.

Además, al haber una infinidad de opciones (plugins) para extender las posibilidades relacionadas con este tipo de contenido, te he hecho una selección de los plugins de vídeo gratuitos para WordPress (o plugins premium en su versión gratuita), para que desde ya, puedas empezar a “juguetear” con los plugins correctos.

  ¿Cuándo y por qué usar vídeo en WordPress?

Ya sea por comunicarte o atraer mejor a tus visitantes web, a día de hoy, y con todas las herramientas tan sencillas que hay para grabar y editar vídeos, es fundamental contar con este recurso multimedia para tu web.

Más que decirte por qué usar vídeo en tu web de WordPress, te voy a poner casos muy comunes, que necesitan sí o sí de vídeo.

Así que si estás iniciando tu proyecto web ahora mismo, o si estás barajando alguna idea ganadora para lanzarte a hacer la web tú mismo, mira a ver si te sientes identificad@ con alguno de estos ejemplos:

• Tu web se basa en cursos virtuales en WordPress que vendes a través de una membresía de pago.
• Tienes un blog sobre una temática muy específica y haces vídeos para enriquecer los conceptos que explicas a tu público específico.
• Tienes un portfolio de trabajos multimedia (porque te dedica a ello) y quieres tener una manera de tener tu propio “Youtube” pero sin recurrir a dicha plataforma.
• Tienes un canal de Youtube, con muchas visitas y quieres integrarlo en tu web completamente.
• Tienes o vas a crear una tienda online en WordPress (por ejemplo, de ropa) y en cada producto quieres añadir un vídeo del modelo llevando esa prenda en concreto.
• Tienes una web de venta y alquiler de inmuebles y quieres añadir visitas virtuales a cada casa, para que resulte mucho más atractiva.

Hay muchos más casos, pero seguro que alguno de los que he puesto te toca de lleno, aunque sea variando un poco el ejemplo.

Buscando los plugins de vídeo gratuitos para WordPress perfectos

Como te comentaba en la introducción del este artículo, el abanico de plugins de vídeo gratuitos para WordPress es muy amplio.

Hay muchos que ya están en desuso y otros que generan conflictos con otros plugins.

Lo que tienes que tener en cuenta a la hora de encontrar un plugin decente es (aunque más abajo te pongo mis favoritos):

• • Si la gran mayoría de vídeos que utilizas están hospedados en tu propio servidor, el plugin te debería de permitir añadir una buena interfaz de reproducción (más allá de la que viene por defecto en WordPress, si no te convence).

• • Un plugin que también añada funciones de “galería” de vídeos para añadir más dinamismo a tu web en el caso que tengas mucho contenido multimedia que mostrar a tus visitas.

• • Si lo necesitas, capacidad de generar ventas, integrándose con plataformas como WooCommerce u otros plugins de membresía, para cobrar por ser visualizados, o por su descarga.

• • Que tengas capacidades de SEO, para incluir información del vídeo allá en donde se requiera, y que haga que escales puestos en Google como al espuma.

• • Hay una función que se llama lightbox (abrir vídeos en una ventana flotante) y un buen plugin de vídeo te tiene que ofrecer esta posibilidad.

• • Capacidad para poder compartir el contenido en redes sociales (en el caso que quieras, si usas vídeos públicos en tu web).

• • Que te muestre de una manera sencilla las reproducciones que ha tenido y desde dónde (geográficamente hablando).
• • Que el plugin tenga valoraciones positivas, que se actualice con regularidad y que sea compatible con la última versión de WordPress.

No te olvides que en este artículo nos centramos en los plugins de vídeo gratuitos para WordPress, por lo que el tema del “soporte” va a ser algo complicado de encontrar, ya que normalmente es característica fundamental de los plugins premium (de pago).

  Plataformas online vs Vídeos Autohospedados

Primeramente, disculpa por la palabra tan “fea”: autohospedados. Prefiero decirlo en inglés (self-hosted), pero tenía que escribirlo en el título en español.

A la hora de mostrar un vídeo, y dependiendo de la estrategia que tengas a nivel de “visualización multimedia” en tu web, vas a tener que elegir entre una de las dos, o hacer un mix de las mismas.

Aunque ya te adelanto que solo en casos muy específicos los vídeos suelen ser self-hosted.

Si los vídeos que utilizas en tu web son “de pago” o simplemente privados, obviamente no vas a tender a utilizar una red social de vídeos (tipo YouTube) para alojarlos ahí y mostrarlos en tu web mediante un embebido.

No obstante, y para este punto, cabe destacar que algunas plataformas tipo “Vimeo” sí que ofrecen una serie de herramientas de privacidad en sus suscripciones de pago,  para que por ejemplo, sus vídeos solo se puedan mostrar en determinado dominio (tu web).

Esta solución es muy buena, ya que “no gasta” ancho de banda de tu servidor, y además no ocupa espacio en el mismo.

Y como podrás adivinar, la parte “mala” de tener tus vídeos self-hosted en tu servidor de turno, será que van a consumir mucho espacio y van a hacer que la web cargue ligeramente más lenta (de ahí que debas recurrir a un hosting de calidad).

Como parte buena podríamos decir que, usando el plugin correcto, podrás ofrecer una experiencia al usuario final, que estará bajo tu control absoluto y no dependerás de plataformas de terceros para mostrar tu contenido multimedia.

No obstante, y este caso aplica a la gran mayoría de las webs, mi consejo es que si “no tienes nada que esconder o vender”, lo mejor es que subas tus vídeos a YouTube y que los muestres en tu web mediante un embebido.

A parte de que tus vídeos ya estarán en YouTube expuestos a millones de personas y posibles visualizaciones, no van a consumir nada de espacio en tu servidor (lo cual viene muy bien para proyectos pequeños), y te van a ofrecer todas las ventajas de analítica de visualizaciones de vídeos de YouTube (en el caso de YouTube, ¡tú elige la plataforma que quieras!).

Sí que es cierto, y esta es la parte negativa de utilizar terceras plataformas, que a no ser que seas un piratilla y sepas cómo modificar el código de YouTube al embeber los vídeos en tu web, vas a tener “todo” lo que tiene YouTube en tu web, y esto puede que confunda o genere algo de rechazo a tus visitas:

• Anuncios (que ofrecen rechazo).
• Vídeos relacionados que no tienen nada que ver con tu contenido (que causan procrastinación y pérdida de interés en tu contenido).

Es cierto que hay algunos plugins premium para quitar esto, pero no entran en este artículo.

  Añadir vídeos sueltos y selección de plugins

A estas alturas ya te sonará Gutenberg (el editor de contenido visual de WordPress), el cual te permite, mediante bloques, ir construyendo el contenido de tu web, de una manera muy similar a como lo hacen plugins como Beaver Builder, Divi o Elementor.

Si usas uno de los mencionados Page Builders, el añadir un vídeo o varios a tu web es muy sencillo.

Si usas Gutenberg, existe un bloque de vídeo específico para mostrar vídeos en el contenido de una manera muy sencilla.

No tiene mayor complicación, es muy intuitivo y funciona bien.

Eso sí, si lo que quieres es añadir funcionalidades extra, o no te basta con el bloque de Gutenberg, aquí te dejo una selección de plugins que son realmente útiles:

WP Video Lightbox

Es un plugin muy parecido a cómo se insertan los vídeos con Gutenberg y que funciona mediante shortcodes.

Está muy enfocado a las plataformas de YouTube y Vimeo (no admite vídeos self-hosted).

Lo bueno de utilizar este plugin es que te permite optimizar el SEO de cada vídeo y añadir ciertas características extras como la velocidad, la opacidad, pantalla completa, autoplay, etc.

Para ser gratuito es bastante completo y merece la pena juguetear un poco con él en tu entorno test.

Eso sí, tanto el plugin como la documentación vienen en inglés, pero es muy entendible a nada que te esfuerces un poco :).

YouTube Gallery

Claramente este plugin se enfoca a la plataforma de YouTube y ofrece posibilidades algo simples pero potentes.

Es compatible con varios plugins de SEO y te permite hacer bastantes cosas que te van a venir muy bien si tú tienes tu propio canal de YouTube y quieres implementarlo en tu web de WordPress.

Como el anterior plugin, este también funciona por shortcodes a la hora de integrar los vídeos en páginas o artículos.

Se adapta completamente a todo tipo de pantallas y ofrece varias posibilidades de interfaz a la hora de mostrar tus vídeos de YouTube.

Spider Video Player

Un plugin bastante “chulo” para mostrar una galería de vídeos en tu web, la cual puedes ir alimentando a través de diferentes plataformas y con vídeos alojados en tu propio servidor.

Puedes crear listas de reproducción para que el visitante pueda seleccionar lo que quiera ver y permite cambiar la calidad de los vídeos (para conexiones más lentas), activar la pantalla completa y muchas mas características.

Tiene una versión PRO, pero con la gratuita puede que te sobre si no persigues nada muy complicado.

Vimeography

Este plugin se enfoca en la plataforma de Vimeo (seguro que alguna pista importante te ha dado su título).

Los creadores de este plugin lo ofrecen como una herramienta clave para los que tienen plataformas de ventas de vídeos por suscripción, cuyos vídeos se alojen en Vimeo. Este plugin te viene de perlas si vendes cursos online, por ejemplo.

La manera de insertar los vídeos en tus posts o páginas es muy sencilla y te permite ajustar la interfaz de reproducción a tu gusto.

Como elemento estrella incluye el “cacheo” de los vídeos, para que la página se cargue más rápido, así como herramientas de automatización que harán la delicia de los que le gusten estos temas.

Tiene también su versión premium, así que puedes echarle un vistazo para ver si te resulta útil.

Personalmente, es uno de los plugins que más me gusta si tus vídeos “no son gratis” y quieres aportar valor a tus artículos de WordPress.

  Conclusiones

Como ves, te he detallado argumentos de peso para que empieces (o mejores) el uso de vídeos en tu web.

Tanto si tienes vídeos alojados en tu servidor, como si tu estrategia de marketing se basa en el uso de plataformas como YouTube o Vimeo, te he descrito una selección de plugins de vídeo gratuitos para WordPress que no tienes que no te van a defraudar.

Lo que quiero que no se te olvide es que, si una imagen vale más que mil palabras, ¡un buen vídeo vale más que mil imágenes!

Espero que hayas disfrutado de la lectura de este artículo tanto como yo de escribirlo y ¡nos vemos en el siguiente!

La entrada Los mejores plugins de vídeo gratuitos para WordPress se publicó primero en Webempresa.

Hoy en día todo el mundo usa el móvil para navegar por internet. Imagínate una página web que no se adapta al tamaño de tu dispositivo, las imágenes se cortan o las letras sobresalen por los laterales.

Hoy en día cada vez es menos habitual encontrarte con este tipo de páginas ya que la mayoría son ya responsive, pero todavía tienes que tener cuidado ya que existen muchas plataformas donde puedes descargar plantillas para WordPress que aparentemente son responsive pero luego no se adaptan a todos los dispositivos o generan problemas de usabilidad móvil.

Por este motivo en este artículo voy a escribir sobre 5 sitios imprescindibles para descargar plantillas WordPress responsive de calidad.

Existen cientos de sitios donde descargas plantillas responsivas gratuitas y de pago pero tienes que huir de algunas plataformas piratas ya que puedes tener consecuencias graves en la web.

El motivo por el que tienes que optar por plataformas fiables es:

• • Porque tienes que tener cuidado con sitios piratas que ofrecen plantillas ya que podrían incluir un código malicioso en tu web permitiendo el acceso a los hackers.

• • Porque existen muchos sitios con temas gratuitos que a pesar de ser responsive dejan de actualizarse pudiendo provocar en un futuro vulnerabilidades e incompatibilidades.
• • Porque muchas plantillas tienen un código deficiente permitiendo poca personalización, perjuicios en el SEO y aumento de la velocidad de carga.

Por estos motivos vamos a ver 5 sitios fiables e imprescindibles para que puedas descargar plantillas responsive para WordPress de calidad.

 1.Repositorio oficial de WordPress

El primer sitio donde va a poder bajar themes responsive es en la página oficial de temas para WordPress.

En el repositorio oficial de WordPress vas a disponer miles de plantillas gratuitas y de pago testadas, fiables, responsive y optimizadas.

Cualquier plantilla que te descargues aquí cuenta con la fiabilidad absoluta ya que un gran equipo y una gran comunidad se ocupa de ver que esta funciona perfectamente.

Una de sus principales ventajas es que directamente podrás instalarlo desde el administrador de tu WordPress en un par de clics y sin tener que subirla manualmente como a veces tienes que hacer si adquieres temas en otras plataformas.

Además las actualizaciones de la misma manera se harán en un clic desde el propio administrador, lo cual es sumamente fácil y rápido.

Puedes leer este post sobre cómo actualizar plantillas de Themeforest para ver que aunque fácil no es tan sumamente sencillo como sucede con cualquier theme que instales desde la plataforma oficial de WordPress.

Por este motivo el primer lugar donde buscaría temas de calidad responsive sería dentro del repositorio de WordPress donde vas a tener acceso a miles de plantillas gratuitas o fremium.

Consejos a la hora de descargar un plantilla desde el repositorio de WordPress

Mi recomendación es que si vas a elegir una plantilla gratuita aquí, tengas en cuenta estos consejos:

• Mira cuando fue la última vez que se actualizo la plantilla.
• Mira el número de descargas e instalaciones activas que tiene.
• Consulta las opiniones y valoraciones de la misma./li>

Una plantilla gratuita descargada del sitio oficial es fiable pero tienes que tener en cuenta que normalmente las funcionalidades de la misma son limitadas, que el creador o creadores de la plantilla pueden dejar de actualizarla o que no tendrás soporte para consultar en caso de tener algún problema.

Por estos motivos una buena alternativa es optar por plantillas fremium.

Las plantillas fremium cuenta con la ventaja de disponer de plantillas de calidad y constantemente actualizadas de forma gratuita con la opción de pasar al plan de pago con muchas más opciones, soporte y actualizaciones.

Existen muchos temas gratis con opción de pago.Te recomiendo estas 3:

Generatepress

Generatepress es una de las mejores plantillas del mercado. Empezó muy fuerte en su arranque y se ha convertido en una de las más descargadas.

Su bajo precio, la posibilidad de activarse en sitios ilimitados y sus enormes opciones de personalización la han convertido en una de las plantillas más famosas.

La tienes en el repositor de WordPress de forma gratuita pero optar por la versión Premium no solo te dará la posibilidad de usar más colores, también podrás usar algo tan valioso como los hooks evitando tener que meter mano el código.

Generatepress es un tema ligero, compatible con WooCommerce, Gutenberg y cualquier page builder de calidad como Elementor, su fiel aliado que a su vez permite personalizar el diseño en mobile consiguiendo un diseño web responsive absoluto.

Optar por una esta plantilla responsive para tu web personal o negocio es una de las mejores opciones ya que al ser multipropósito se adaptara a lo que necesites con la ayuda de plugins.

Otro punto a favor de Generatepress es su excelente soporte técnico.

Ocean

Ocean igual que Generatepress es otra plantilla fremium famosa y merecidamente aceptada por la comunidad de WordPress por su alto grado de compatibilidad, personalización y opciones.

100% responsive y compatible con Woocommerce y con cualquier editor visual como Elementor, Divi, Beaver Builder… Ocean apareció en el mercado poco después de Generatepress y rápidamente tuvo una muy buena acogida.

Código optimizado para SEO, plantilla rápida y personalizable al 100%.

Una de sus principales ventajas es la posibilidad de importas plantillas prediseñadas con las que podrás fácilmente crear un diseño web atractivo y testado.

Ocean incluye un panel con diferentes módulos diseñados como footer, política de cookies, etc. y extensiones con las que a través de módulos de pago ampliar las funcionalidades de la web según necesidades.

Astra

La tercera de la plantillas fremium responsive más populares. Se trata de una plantilla rápida e igualmente compatible con Woocommerce y cualquier page builder.

El equipo que está detrás de Astra es muy bueno ya que ya han desarrollado plugin populares con lo cual la fiabilidad de este tema es absoluta.

Excelentes funcionalidades en su versión gratuita que se intensifican cuando adquieres la versión pro.

Con un código excelente convierten este tema de WordPress una de las mejores opciones si quieres optar por un tema 100 % responsive de calidad.

Estas son las 3 plantillas multipropósito que considero mejores por lo que acabo de comentar, pero puedes encontrar cientos más en el repositorio de WordPress.

Si el repositorio de WordPress se te queda corto y quieres plantillas temáticas que te permitan personalizar directamente y adaptar tu negocio en el prediseño de las mismas puedes optar por plataformas de comprar y descarga de temas de calidad como las que vas a ver.

OJO: No te dejes engañar por los alardes visuales de las demos que veas, infórmate bien antes ya que puedes adquirir una plantilla muy visual pero cargada de funciones, movimiento, plugins innecesarios o código extremadamente complejo que pueden reducir drásticamente la velocidad de carga de tu web.

  2. Themeforest

Themeforest es una enorme y famosa plataforma donde podrás descargar y comprar miles de plantillas y plugins.

Si hay algo que caracteriza a Themeforest es la búsqueda por categorías. Sea el sector que sea tu negocio encontrarás plantillas donde adaptar tu diseño por temáticas.

Restaurantes, inmobiliarias, tiendas online, web corporativas; cualquier negocio que quieras pasar al online lo puedes hacer basándote en plantillas específicas.

Esto es un punto a favor y una de las primeras opciones cuando alguien quiere tener un negocio de forma rápida y sencilla. Esta facilidad de usar plantillas por tipo de negocio es bueno y malo.

1. Es bueno porque te resultará más fácil adaptar tu negocio cambiando los objetos y textos de la plantillas.
2. Es malo porque a veces las plantillas no son lo que parecen.

Este es el problema de Themeforest, que existen plantillas muy buenas y otras con las que tienes que tener cuidado. Para ello como dije al principio del artículo presta atención a las actualizaciones y número de descargas.

No solo tienes que fijarte en si son responsive, hay que informarse muy bien antes de optar por descargar una plantilla aquí para no llevarte una sorpresa ya que puedes encontrarte con demasiados alardes que ralenticen la velocidad de carga.

Además, a veces la personalización de una simple cabecera puede ser una odisea si no tienes conocimientos en CSS.

A favor

Para que puedas probar las plantillas de este sitio, esta gran plataforma permite descargar durante periodos de tiempo plantillas de forma gratuita, solo tienes que darte de alta. Esto es magnífico.

Puedes verlas aquí. El resto a los que tendrás accesos serán plantillas de pago.

En contra

Las actualizaciones en Themeforest a veces son complejas. Por eso es importante actualizar cuanto antes para evitar problemas.

La casi obligatoriedad en muchas plantillas a usar el editor visual Wp Backery (antiguo Visual Composer).

Algunas plantillas incluyen demasiadas opciones visuales que podrían evitarse y suplir a base de plugins según las necesidades del cliente.

  3. Modernthemes

Moderthemes es otro sitios donde descargar plantillas responsives de calidad gratis y Premium.

El punto fuerte de Modernthemes es la opción de membresía donde podrás optar a cualquier tema durante un año si lo deseas.

También tienes opción de contratar el plan con acceso a plantillas para toda la vida. Con una buena comunidad tendrás acceso a la resolución de problemas gracias a su foro.

Incluyen videos explicativos para quien no sepa como se instalan en WordPress los temas que ofrecen.

Modernthemes no es ni mucho menos la enorme plataforma que es Themeforest pero en ellos puedes encontrar el tema que a lo mejor andas buscando.

  4. Templatemonster

Otro enorme mercadillo de plantillas al estilo Themeforest. Es difícil que no encuentres aquí la plantilla que buscas.

Templatemonster es otra famosa plataforma con temas de todo tipo.

Igual que la anterior, puedes optar a una membresía por un año a todos los temas por menos de 20 €

En esta enorme galería de plantillas no solo vas a poder acceder a miles de plantillas para WordPress (más de 2000), también podrás adquirir, temas y extensiones para otras plataformas.

Todas las plantillas son responsive y las podrás visualizar en vivo para ver si te gustan.

Para que tengas más facilidad a la hora de buscar puedes filtrar por las mejor valoradas, el precio más bajo, las más vendidas…

Busca por categorías la plantilla que necesites y ya podrás disfrutar de una web atractiva y funcional.

Cuento con la opción de ser propietario exclusivo de la plantilla aunque el precio para ello es alto.

Cada plantilla tiene muchísima información. Infórmate bien antes de comprar leyendo las opiniones y valoraciones y viendo la fama de cada plantilla.

  5. Mythemeshop

Mythemeshop es el quinto sitio recomendado donde conseguir temas responsive para WordPress.

Desglosado por temáticas y con opción de descargar complementos para WordPress, Mythemeshop ofrece una amplia galería de temas para descargar y poder usar.

Diseños responsive, gran soporte y videotutoriales son algunas virtudes de este lugar para descargar plantillas a buen precio.

Con una membresía muy económica puedes optar a conseguir cientos de plantillas.

Además puedes conseguir plantillas gratuitas si te suscribes con ellos.

Elige la categoría que quieras y busca la que mejor se adapte a ti.

Si buscas calidad y precio esta plataforma es la que necesitas ya que cuenta con themes más económicos que las anteriores comentadas en el artículo.

 Conclusión

Hasta aquí el artículo sobre 5 sitios para descargar plantillas responsive para WordPress.

Como has podido ver es difícil que no encuentres en estas plataformas la plantilla que buscas.

Es importante, como he comentado, que mires bien las características de la plantilla que veas, mira el número de descargas, las valoraciones y las prestaciones.

Si me pides consejo acudiría siempre a plantillas multipropósito como Generatepress, Ocean o Astra ya que se adaptan a cualquier tipo de negocio si lo implementas con maquetadores como Elementor Page Builder o con WooCommerce si buscas crear una tienda online.

Si buscas algo muy temático donde implementar rápidamente tus ideas de diseño adaptando tu negocio y buscando por categorías el mismo tema, adelante con las otras opciones, pero recuerda, tienes que mirar muy bien todo y no te dejes engañar con los efectos y funcionalidades que trae por defecto.

Si te ha gustado el artículo ¡no te olvides de compartirlo y dar un valoración mediante el sistema de estrellas!

La entrada 5 sitios imprescindibles para descargar plantillas WordPress responsive se publicó primero en Webempresa.

Los formularios ofrecen un medio para que los usuarios introduzcan datos en un sitio web, rellenando o seleccionando diversos campos que pueden ser de distintos tipos, como campos de texto, botones de selección, listas desplegables, etc.

WordPress no incluye ninguna herramienta específica para la creación y gestión de formularios, que deberíamos crear nosotros manualmente en la página o post donde queramos que aparezca, utilizando las etiquetas HTML correspondientes para formularios y sus distintos campos.

Algunos temas o builders pueden incluir herramientas básicas para generación y gestión de formularios pero, en general, si necesitamos tener formularios con toda la variedad posible de campos, sin tener el engorro de editar HTML o reescribirlo si lo usamos en varias páginas, deberemos utilizar un plugin de formularios.

En este sentido, el plugin Contact Form 7 ofrece una de las soluciones más versátiles y sencillas del mercado.

No requiere ninguna configuración o integración adicional (por ejemplo, sin base de datos) y que en pocos minutos nos permite diseñar formularios todo lo complejos o amplios que necesitemos e integrarlo directamente en cualquier posición de nuestras páginas o posts.

En este artículo, vamos a ver cómo se pueden crear formularios con Contact Form 7 y cómo personalizarlos y configurarlos para integrarlos en nuestro sitio web.

  Principales características de Contact Form 7

Contact Form 7, con más de 5 millones de instalaciones activas en todo el mundo, es uno de los plugins más utilizados en sitios web con WordPress. Dos son las razones de esta popularidad:

• Su sencillez de uso, que hace que esté al alcance de la mano de cualquier usuario que sepa utilizar WordPress y su panel de administración.
• Su versatilidad, que permite crear cualquier formulario que necesitemos, tanto en cuestión de número y tipo de campos como al integrarlo en las páginas. web

Sus principales características son las siguientes:

• Creación y gestión de múltiples formularios de contacto.
• Fácil personalización de los campos del formulario.
• Disponibilidad de múltiples tipos de campos: texto, número, email, URL, teléfono, número, fecha, área de texto, lista desplegable, botones de selección, casillas de verificación, aceptación, pregunta, recaptcha, archivo y envío.
• Utilización de etiquetas HTML para configurar el contenido del correo.
• Inserción de formularios en cualquier página o post mediante shortcodes.
• Estilo personalizado a través de hojas de estilo CSS.
• Múltiples opciones de configuración del correo electrónico, los mensajes y destinatarios.
• Posibilidad de incorporar ficheros al correo electrónico enviado con los datos del formulario.
• Compatible con el plugin anti-spam Akismet para filtrar comentarios spam, envíos de email con AJAX y control CAPCHA.
• Tecnología de extensiones para agregar funcionalidades adicionales (por ejemplo, un editor de formularios con tecnología arrastrar-y-soltar).

  Esquema de funcionamiento de Contact Form 7

Antes de entrar a conocer cómo configurar y utilizar este plugin, repasemos primero cómo debemos operar con él desde el momento en que vamos a crear un formulario hasta que los datos introducidos por el usuario están a nuestra disposición:

1. [WEB] Creación del formulario en el editor de texto de Contact Form 7.
2. [WEB] Configuración del mensaje de correo que incluirá los datos introducidos en el formulario.
3. [WEB] Inserción del shortcode con el identificador del formulario a utilizar en la página o post donde debe aparecer.
4. [USUARIO] Un usuario accede a la página web donde se muestra el formulario y rellena sus campos.
5. [USUARIO] El usuario pulsa el botón de envío del formulario.
6. [WEB] Contact Form 7 genera un mensaje de correo con el patrón configurado en el punto 2 y los datos introducidos por el usuario.
7. [WEB] Contact Form 7 envía este mensaje a la dirección de correo electrónico que hayamos configurado.
8. [EMAIL] Recibimos en nuestro buzón el mensaje con los datos del formulario.

A diferencia de otros plugins de formularios, Contact Form 7 no guarda los datos introducidos por el usuario en una base de datos, sino que lo envía a la dirección de correo electrónico que hayamos indicado.

Por tanto, la gestión y análisis de estos datos solo podremos hacerlo desde nuestra aplicación de cliente de correo, sin posibilidad de utilizar herramientas avanzadas de análisis de base de datos; por ejemplo, para hacer análisis estadísticos en caso de encuestas o para analizar el global de los datos de los usuarios.

Siguiendo los puntos de este esquema de funcionamiento, el siguiente vídeo muestra cómo instalar y crear nuestro primer formulario de contacto con Contact Form 7:

  Gestión de los formularios con Contact Form 7

Hemos visto en el vídeo anterior el proceso completo de creación, configuración y utilización de un formulario de contacto con Contact Form 7, así como la configuración del mensaje de correo electrónico que recibiríamos con los datos introducidos por un usuario y la utilización de hojas de estilo para el diseño del formulario.

En esta sección vamos a describir con más detalle el proceso de creación y configuración de un formulario, que podamos utilizar de referencia para los nuestros.

Una vez instalado y activado Contact Form 7 (que se hace de la misma forma que cualquier otro plugin), Contact Form 7 crea la siguiente opción en el menú de WordPress:

A través de las opciones de este menú podremos:

• Ver un listado con los formularios de contacto que ya están creados para editarlos. En este listado se muestra el nombre del formulario, tal como se muestra en la página web donde se coloque, el shortcode que debe copiarse en la página o post para insertar el formulario en esa posición y el autor y la última fecha de modificación de este formulario:

• Añadir un nuevo formulario de contacto. A través de esta realizaremos toda la gestión de los formularios (creación y modificación), del contenido de los correos electrónicos con los datos introducidos por el usuario en el formulario, y los mensajes de interacción de Contact Form 7 con el usuario después de pulsar el botón de envío:

• Integrar Contact Form 7 con dos servicios: Constant Contact, una herramienta de email marketing para gestionar las suscripciones de los usuarios a través de un formulario; y reCAPTCHA, la herramienta gratuita de Google para evitar el spam en los formularios:

  Creación y edición de los formularios

Cuando seleccionamos un formulario del listado de formularios o le damos a la opción de crear uno nuevo, se muestra la siguiente pantalla:

Veamos el significado y cometido de cada una de las áreas señaladas en la imagen anterior:

• 1. Tipos de campos del formulario. En esta barra podemos seleccionar qué tipo de información debe introducir el usuario en cada campo. Según el tipo elegido (como número, fecha o teléfono), Contact Form 7 realizará la oportuna validación de que el dato introducido sea de ese tipo y sea correcto (por ejemplo, con formato de fecha).En caso de algún error en esta validación, muestra un mensaje de error al usuario.

• 2. Pestaña de edición del formulario. En esta pestaña editaremos y configuraremos los campos y su tipo (texto, número, fecha, etc.) que se incluirán en el formulario. Cada campo tendrá asociado una etiqueta o nombre para que podamos referenciarlos cuando configuremos el mensaje por correo electrónico.

• 3. Configuración del correo electrónico. Aquí se configura el contenido del mensaje que Contact Form 7 nos enviará por correo electrónico con los datos introducidos por el usuario en el usuario, utilizando para ello las etiquetas asignadas a cada campo en el pestaña de edición del formulario.

• 4. Configuración de los mensajes de aviso. Contact Form 7 dispone de una colección de mensajes para informar al usuario de cualquier evento cuando éste pulsas el botón de enviar o aceptar los datos del formulario. En esta pestaña podemos editar estos mensajes para adaptarlos a nuestro estilo de redacción.

• 5. Ajustes adicionales. A través de esta pestaña podemos configurar el comportamiento de Contact Form 7 en determinadas situaciones o para realizar pruebas, por lo que raramente los utilizaremos. En esta página se detallan cuáles pueden ser estos ajustes.

• 6. Área de edición del formulario. En este área de texto indicaremos cada campo del formulario, rodeados por los marcadores <label> y </label>, con el texto encabezado de ese campo, el tipo de dato de ese campo y su identificador (para utilizarlo en el correoelectrónico).

• 7. Título del formulario de contacto. Un texto corto que nos permita identificar con facilidad el formulario y su cometido cuando se muestre en el listado de formularios. Este título no se muestra en la página web, sino que sólo sirve para que podamos identificarlo rápida y fácilmente.

Los campos se muestran en el orden con que los escribamos en el área de edición del formulario y, para insertarlo, tan solo necesitamos pulsar en el tipo de campo que queramos insertar, asegurándonos que el cursor esté en la posición donde queremos que se muestre.

Al pulsar el botón del tipo de campo, se muestra un cuadro de diálogo, similar para todos los tipos de campo, como el siguiente:

Veamos el cometido y significado de cada elemento de este cuadro de diálogo:

• • Tipo de campo, que debemos marcar si queremos que sea obligatorio que el usuario introduzca un dato o seleccione este campo para poder enviárnoslo.

• • Nombre, es la etiqueta que usaremos para identificar y utilizar el contenido de este campo en el correo electrónico que nos envíe Contact Form 7.

• • Valor predeterminado, para indicar si este campo se mostrará ya con un valor por defecto, sin que tenga que introducirlo el usuario, y cuál será.

• • Usa este texto como marcador del campo, significa que este valor predeterminado funcionará como instrucciones o aviso al usuario de qué debe introducir.

• • Este campo requiere el nombre del autor, se utiliza para la integración de Contact Form 7 con el plugin anti-spam Akismet, para forzar que el usuario esté identificado para poder editar este campo.
• • Atributo ID y Atributo de clase, los utilizamos para integrar este campo con el diseño o la funcionalidad de nuestro sitio web, indicando un ID o un nombre de clase (para los estilos de diseño).

Algunos tipos de campo incluyen opcionales adicionales de configuración:

• • Fecha, si queremos que haya un rango de fechas válidas.

• • Menú/lista desplegable, para indicar los elementos que contiene y si se pueden hacer selecciones múltiples.

• • Casillas de verificación y Botones de selección, para indicar las distintas opciones de verificación/selección y si son exclusivas.

• • Cuestionario, para indicar el par pregunta/respuesta que debe responder y acertar el usuario.
• • Archivo, para indicar el tamaño máximo y los tipos de archivos que el usuario puede adjuntar al campo.

Todos los formularios deben tener un campo (botón) del tipo “enviar”, puesto que que permite al usuario enviarnos los datos que ha introducido en el formulario.

A medida que vamos seleccionando y rellenando estas distintas opciones de configuración del campo, en el recuadro de texto de abajo, junto al botón “Insertar”, se va generan el texto que debe insertarse en el área de texto de configuración del formulario para este campo.

  Ejemplo de configuración de un campo en el formulario

Para comprender mejor cómo crear y editar los campos de un formulario, veamos el ejemplo concreto para un formulario. Vamos a crear un campo de tipo texto con las siguientes características:

• Tipo de campo obligatorio.
• Nombre: Apellidos.
• Valor predeterminado: “Introduce tus apellidos”, que se utilizará como marcador de campo.
• No integrado con Akismet.
• Con atributo-id y nombre-clase.

La configuración para este campo quedaría de esta forma:

Y el texto que habría que insertar en el área de texto de configuración del formulario (y que también se muestra en la imagen anterior) sería el siguiente:

[text* Apellidos id:atributo-id class:nombre-clase placeholder "Introduce tus apellidos"]

Cuando pulsamos el botón “Insertar”, este texto aparecería automáticamente en la ubicación donde teníamos el cursor antes de seleccionar el tipo de campo, junto con la etiqueta que se pone junto al campo en la visualización del formulario (“Tus apellidos (requerido)”) y entre los marcadores <label> y </label>:

<label> Tus apellidos (requerido) [text* Apellidos id:atributo-id class:nombre-clase placeholder "Introduce tus apellidos"] </label>

Ahora tan solo tenemos que copiar el shortcode asignado a este formulario en nuestra página o post:

[contact-form-7 id="7210" title="Formulario de prueba"]

Y ahora podemos entrar en el navegador para comprobar que el formulario se muestra correctamente en la página:

  Configuración del mensaje de correo electrónico

Para configurar el correo electrónico, debemos recordar los identificadores de los campos que hemos incluido en nuestro formulario. En el ejemplo que vimos en la sección anterior, los identificadores de campos eran: Apellidos, your-email, your-subject, your-message.

Estos identificadores, encerrados entre corchetes, los utilizaremos al indicar el contenido de cada zona del correo electrónico que nos enviará Contact Form 7, en la pestaña “Correo electrónico”, tal como se muestra en esta imagen:

Veamos qué información debemos o podemos introducir en cada uno de los recuadros rojos de esta imagen:

1. • 1. Para, debe contener la dirección de correo electrónico a la que Contact Form 7 debe enviar los datos introducidos en el formulario.

• • 2. De, será la dirección de correo electrónico remitente. Puede coincidir con la dirección “Para”.

• • 3. Asunto, será el texto que se mostrará en el asunto del correo enviado y que, en este caso, corresponde al campo con el identificador your-subject.

• • 4. Cabeceras adicionales (cc, cco, reply-to). Campo opcional,en el que podemos enviar si el correo se envía con copia (“cc”), copia oculta (“cco”) o una dirección de correo de respuesta (“reply-to”). Normalmente pondremos “reply-to [your-email]” por si queremos contestar directamente al usuario que ha rellenado el formulario.

• • 5. Cuerpo del mensaje. En general, en el cuerpo del mensaje incluiremos el resto de campos, con texto adicional para facilitar su lectura. En este caso, se indica los apellidos del usuario ([Apellidos]), su correo electrónico ([your-email]), el asunto ([your-subject]) y el mensaje ([your-message]) introducidos por el usuario.
• • 6. Archivos adjuntos. Si hubiéramos incluido algún campo para adjuntar ficheros, aquí introduciríamos sus identificadores.

Con esta configuración, supongamos que un usuario introduce los siguientes datos en el formulario y pulsa el botón “Enviar”:

El mensaje de correo que recibiríamos sería el siguiente, en el que vemos que cada identificador de los campos ha sido sustituido por el dato introducido en el formulario:

  Conclusiones

Los formularios de contacto proporcionan un mecanismo para, primero, que los usuarios de nuestro sitio web puedan comunicarse con nosotros y, segundo, podamos pedirle información específica que nos interese sobre ellos.

Son, por ejemplo, la herramienta imprescindible para que un usuario se registre a un boletín de suscripción.

El gestor de contenidos WordPress no incluye ningún soporte para formularios, más allá de la posibilidad de, por nosotros mismos, editar en el código HTML de las páginas o posts las etiquetas HTML y de estilo para insertar el formulario, lo cual resulta bastante engorroso y difícil de mantener.

El plugin Contact Form 7 facilita la generación y gestión de los formularios de un sitio web en WordPress, con el que podremos configurar tanto los formularios como los mensajes de correo que enviará con los datos introducidos por el usuario.

En este aspecto, el plugin no dispone de la posibilidad de guardarlos en base de datos.

Una vez generado un formulario y el mensaje con los datos para el correo electrónico, Contact Form 7 podemos utilizar un shortcode con el identificador de ese formulario para insertarlo en la página o post que queramos, y podemos configurarlo de forma centralizada desde el área de administración de Contact Form 7.

Contact Form 7 permite crear formularios con múltiples tipos de campos, pero si no resulta suficiente para lo que necesitemos en nuestro sitio web o si queremos alguna característica adicional, dispone de una librería de extensiones que amplían el plugin con nuevas funciones y parámetros de configuración.

La entrada Cómo crear formularios con Contact Form 7 se publicó primero en Webempresa.

Como todo sistema gestor de contenidos, WordPress, además de gestionar contenidos en sí mismo, valga la redundancia, tiene un sistema propio para gestionar usuarios.

Como podéis imaginar, los usuarios somos al final las personas que iniciamos sesión en el sistema para hacer diferentes labores: ya sea administrar el sitio, crear entradas, administrar comentarios o si tienes un comercio electrónico, gestionar los pedidos, etc.

Si tenéis un blog con WordPress o una
tienda online WooCommerce, tenéis al menos un usuario a vuestro nombre, probablemente administrador.

Antes de hablar de cómo importar o exportar de forma masiva usuarios, vamos a ver cómo los gestiona WordPress, qué datos albergan, qué capacidades tienen, qué roles existen… para así poder ver con una perspectiva completa el proceso de importación o exportación de los mismos y entender todos sus detalles.

Una vez entendido todo este panorama, procederemos a explicar cómo importar y exportar usuarios de forma masiva con WordPress con el plugin Import Users From CSV With Meta, plugin que desarrollé, mantengo y que tengo el placer de ir mejorando.

A día de hoy es el plugin para importar usuarios más popular en el ecosistema WordPress y creo que puede seros muy útil (existen plugins de importación generales más populares, pero para importar sólo usuarios, este es el que cuenta con más instalaciones activas).

  Usuarios en WordPress

Como en cualquier otro sistema en línea, cuando interactuamos con WordPress, como personas, lo hacemos o identificados o sin identificar.

Si estás sin identificar, sin loguear, lo harás como un visitante. A nivel de programación la función is_user_logged_in() te indica con verdadero o falso si el usuario está autenticado o no.

Si no eres un visitante, sino un usuario del sitio, lo serás por dos motivos:

1. Porque alguien te ha registrado anteriormente, si eres el administrador del sitio, te habrás registrado en la instalación, en el momento que te pide expresamente el nombre y la contraseña del primer usuario administrador
2. Porque has iniciado sesión, ya sea a través del formulario de login estándar (wp-login.php) o de cualquier otro formulario de inicio de sesión que uses como por ejemplo los que proveen plugins como Clean Login

El registro a priori sólo se hace una vez y el inicio de sesión se hace a priori cada vez que accedas al sitio.

  ¿Qué datos definen a un usuario en WordPress?

Nuestro usuario en WordPress tiene al menos tres datos básicos y un rol, eso es lo mínimo que puede tener un usuario en WordPress:

• Nombre de usuario.
• Contraseña.
• Correo electrónico.
• Rol.

El nombre de usuario y el correo electrónico, pueden coincidir, pero a efectos de base de datos, serán dos datos diferenciados. Como podéis imaginar esto es lo mínimo porque hace falta:

• Un usuario y una contraseña con la que iniciar sesión.
• Un email con el que comunicarse.
• Un rol que identifique qué capacidades tiene el usuario en el sistema, no es lo mismo un administrador que gestiona todo que un suscriptor que es el rol más básico que existe.

No es el objetivo de esta entrada hablar de los roles, pero básicamente deciros que cada rol, que tiene un usuario; tiene una serie de capacidades. De forma que así el sistema determina qué capacidades tiene cada usuario. Podéis crear nuevos roles o editar los existentes directamente en código o con algún plugin como User Role Editor, muy recomendable para esta labor.

Aparte os recomiendo que os leáis la documentación sobre “Roles and capabilities” si queréis ahondar más en este tema.

Aparte de esos cuatro datos básicos, WordPress puede almacenar por defecto los siguientes campos para cada usuario:

• user_nicename: el nombre de usuario en versión “amable con la URL”, para poder crear urls como la de autor.

• user_url: la url del usuario.

• display_name: el nombre que se muestra del usuario en WordPress.
• nickname: por defecto es el mismo que el nombre de usuario.

• first_name: el nombre.

• last_name: los apellidos.
• description: donde rellenamos nuestra biografía.

Además de otros pocos datos internos como cuándo se registró el usuario, cuál es el esquema de colores que usa del panel o si el usuario debe o no conectarse por SSL. Estos datos los vemos en “Mi perfil” o en “Editar usuario” en el backend de WordPress.

Si necesitamos más datos, que los necesitamos casi seguro en cualquier proyecto que desarrollemos, la tabla wp_usermeta nos permite almacenar cualquier otro dato que queramos para un usuario. Por ejemplo, WooCommerce usa esta tabla para guardar datos como la dirección, la ciudad o la provincia de los clientes que se registran.

  El problema de registrar muchos usuarios de WordPress de una vez: importar usuarios

Ahora os preguntaréis por qué puede ser necesario tener una herramienta para importar, es decir dar de alta, a muchos usuarios de forma masiva de una sola vez. Si tenéis un blog, os resultará rara esta posibilidad. Probablemente tendréis solo un usuario o a lo sumo alguno más. Es decir, vosotros como administradores y quizás, algún que otro autor.

Sin embargo, como bien sabréis, WordPress a día de hoy no es sólo un sistema gestor de contenidos para crear cuadernos de bitácora. Con WordPress a día de hoy podéis crear todo tipo de sistemas web:

• Tiendas online con WooCommerce o Easy Digital Downloads.
• Sitios de membresía con WooCommerce Membership, Paid Membership Pro, Ultimate Membership Pro o WP Members.
• Redes sociales con BuddyPress.
• Foros con bbPress.
• Sitios de elearning con Sensei o WP LMS Course.
• Una intranet de usuarios con WP Customer Area.
• Entre otros.

Como podéis entender, todos estos plugins manejan muchos más datos que los que hemos contado antes y para muchos más usuarios. Por ejemplo en el caso de WooCommerce tenemos de base, como mínimo, los siguientes metadatos por cada cliente:

• billing_first_name
• billing_last_name
• billing_company
• billing_address_1
• billing_address_2
• billing_city
• billing_postcode
• billing_country
• billing_state
• billing_phone
• billing_email
• shipping_first_name
• shipping_last_name
• shipping_company
• shipping_address_1
• shipping_address_2
• shipping_city
• shipping_postcode
• shipping_country
• Shipping_state

Que se manejan en la pantalla de “Mis direcciones” de la página “Mi cuenta” como podemos ver a continuación:

Recordad que WooCommerce nos permite por defecto establecer para cada pedido y para cada cliente esta diferencia, una dirección de facturación y otra de envío. La primera será la “billing address” y la segunda la “shipping address”. Luego tenemos para cada una de ellas: nombre, apellidos, empresa, dos líneas para la dirección, ciudad, código postal, país y estado. Aparte para la facturación tenemos también un email y un teléfono.

Imaginad tener que rellenar datos para 100 clientes con 20 metadatos de este tipo, aparte de los que ya pide WordPress por defecto. Pensad que aunque el email sea el mismo, tendremos que rellenar el email de WordPress y el de facturación de WooCommerce; o por ejemplo en el caso de nombre y apellidos habrá que incluir el nombre y apellidos tres veces (WordPress, y dos en WooCommerce, dirección de facturación y de envío).

Tened en cuenta, que muchos de los que llegan a WordPress para usarlo en una de sus muchas formas viene de otro sistema, ya sea online u offline. Si queréis ejemplos de usos offline que pasan a WordPress os digo casos que nos hemos encontrado:

• Hay quien tiene una tienda física y quiere dar de alta todos sus clientes en su tienda online para interactuar.
• O una academia que va a incluir a todos los alumnos en un WordPress para que puedan acceder a un elearning basado en LMS Course.
• Una empresa que quiere crear una Intranet con WP Customer Area para que sus empleados vean datos internos.

Y bueno casos online, podéis pensar todos los que queráis. Todos los sistemas libres (PrestaShop, Magento, Joomla!, Drupal, etc.) o propietarios; que pasen a WordPress, que cada día son más, traen con ellos entre otras cosas usuarios con datos que suele ser necesario importar de forma masiva.

Igual que tenemos la necesidad de importar, podemos tener la contraria, exportar los datos de nuestros usuarios. Ya sea para importarlos a otro WordPress, para migrarlos a otro sistema o porque necesitemos tratarlos con una hoja de cálculo o base de datos aparte para cualquier otra razón.

  Instalar el plugin

Tras hablar de los usuarios, de los roles, sus metadatos, cómo se usan los usuarios en diferentes escenarios con WordPress, pasemos a explicar cómo realizar una importación de los mismos con un plugin que os comenté: Import Users From CSV With Meta.

Lo primero, será instalar el mismo. Al ser un plugin libre, disponible en el repositorio, sólo tenéis que buscarlo en:

1. Vuestro escritorio WordPress.
2. En Plugins & Añadir nuevo.
3. Buscáis “Import users” y lo instaláis.

Una vez lo tengáis instalado, tendréis en “Herramientas” un nuevo elemento llamado “Importar usuarios desde CSV”. Lo que nos queda ahora es tener los usuarios preparados.

Si tenéis otro WordPress podéis hacerlo directamente, accediendo a esa opción y eligiendo la pestaña “Exportar” que es la segunda que aparece. Ahí tenéis un botón para exportar un CSV con el formato correcto para enviar los usuarios con todos sus datos y metadatos a otro sitio.

Si no, vamos a explicaros cómo crear un CSV correcto para poder importar los datos de forma satisfactoria. Lo primero es tener una buena herramienta para manejar CSV. Este tipo de fichero, del inglés “comma separated values”, es decir, “valores separados por comas”, es un tipo de fichero muy sencillo en su manejo y a la vez muy potente.

Para que os hagáis una idea permite manejar un fichero de tipo Excel, es decir, con filas y columnas, de forma muy sencilla y ligera. Por eso mismo a día de hoy es un estándar de facto a la hora de enviar datos de este tipo, en forma de tabla y de forma sencilla, entre diferentes sistemas.

Aunque Microsoft Excel permite guardar sus ficheros como CSV, yo personalmente os recomiendo LibreOffice u OpenOffice (incluso Google Drive). Como podéis imaginar son muchos años manejando importaciones de este tipo y estas soluciones, me han dado menos problemas que la de Microsoft, ¿por qué? Porque delimitan mejor los valores y nos aseguramos de que los datos estén en UTF-8.

El hecho de guardar un fichero de este tipo con el juego de caracteres UTF-8 es muy importante para usuarios como nosotros, en donde nuestra lengua tiene caracteres que no están contemplados en el ASCII estándar y pueden darnos problemas con otros juegos de caracteres. Me refiero a la eñe y a todas las vocales acentuadas con tilde.

  Importar usuarios

Lo primero es crear un fichero nuevo y empezar a rellenar la primera fila. La primera fila representa “la forma” que tendrán los datos, así que tenemos que prepararla primero, para luego rellenar en la fila segunda en adelante, datos para cada usuario.

Las dos primeras columnas tienen que ser:

• Nombre de usuario.
• Correo electrónico.

Esto es así porque como decíamos antes, son dos datos básicos y necesarios. Esas son las únicas columnas que son obligatorias y las únicas que tienen que estar ahí en ese orden, a partir de ahí, el resto podemos ponerlo en el orden que queramos siempre que escribamos bien el nombre de la columna.

El sistema además de importar a los usuarios, les envía un correo con sus datos, entre ellos podemos incluir la contraseña. Para la contraseña podemos:

• Si no creas una columna para las contraseñas: las contraseñas se generarán automáticamente.
• Si creas una columna para las contraseñas (a la que debes de llamar “password”: si la celda está vacía, la contraseña no se actualizará; si la celda tiene un valor, es el que se usará como contraseña.

Cuando hablo de actualizar os preguntaréis a qué me refiero si es que estamos importando usuarios. Y es que además de crear nuevos usuarios de forma masiva, si el usuario ya existe, podemos actualizarlo también de forma masiva.

Aparte de la contraseña, también podemos incluir una columna con el rol que tendrán los usuarios:

• Si no creas una columna para los perfiles: los perfiles serán elegidos del campo “perfil por defecto” en la ventana de importación.
• Si creas una columna llamada ‘role’: si la celda está vacía, se escogen los perfiles del campo ‘Default role’ (perfil por defecto) en la ventana de importación; si la celda tiene un valor, se usará como perfil, si ese perfil no existe se usará el que esté por defecto.

Usaremos los slug de los roles, es decir, “subscriber” en vez “Subscriber” para referirnos a ellos en el fichero CSV. Por cierto, como nota curiosa deciros que aunque WordPress por defecto no lo permite, este plugin nos permite incluir varios roles por usuario, haciendo que la celda “role” tenga valores separados por comas.

Aparte de esas dos columnas “especiales” para roles y contraseñas, el resto de columnas deben corresponderse con:

• El dato estándar de WordPress a importar.
• El metadato en cuestión.

En la pestaña “Documentación” tenéis el listado entero, por no entrar aquí a dar más listados pero para que os hagáis una idea, os doy un ejemplo de cada:

• “display_name” para enseñar el nombre a mostrar del usuario.
• “shipping_postcode” para incluir el código postal de la dirección de facturación del cliente

Y así con todos los datos de WordPress o metadatos que queráis usar. Tenéis un fichero de ejemplo en la pestaña de “Documentación” que puede ser una buena base para comenzar vuestro trabajo.

Así que rellenando la primera fila con los diferentes datos que vamos a importar y el resto de filas con los datos de los usuarios en sí, tendréis lista la importación. Guardad el fichero como CSV, dirigiros a la primera pestaña “Importar” y ahí, elegir el rol por defecto y el fichero y listo.

El proceso se ejecutará y se crearán y actualizarán los usuarios en el sistema.

  Correos electrónicos y tareas cron

Antes de terminar quería comentar dos cosas más que permite el plugin que creo interesantes. Las introduciré y ya si queréis hacer uso de ellas y tenéis dudas podéis preguntar en el soporte del plugin o en los comentarios de esta entrada.

Lo primero son los correos electrónicos. Podéis enviar un correo a cada usuario que está siendo importado. Esto es importante porque así todos tendrán una notificación de su nuevo usuario. Este correo electrónico se configura en la pestaña “Opciones de correo” y en dicho correo podemos incluir cualquier dato que esté siendo importado o generado, como la contraseña.

El sistema tiene un sistema de plantillas de correo, por si usáis a menudo la importación y en base al tipo de importación queréis enviar un tipo de correo u otro.

Por otro lado quería comentaros la posibilidad de incluir tareas cron de importación. Es decir, tareas que se ejecuten cada cierto tiempo, de forma autónoma. Por ejemplo, el sistema una vez al día leerá el CSV que está situado en una ruta concreta y actualizará los datos.

Esta herramienta es muy útil para sincronizar bases de datos externas con la de WordPress, hacer integraciones entre diferentes sistemas o para actualizar algún valor de forma automática desde una fuente externa. En Codection hacemos a menudo este tipo de trabajos y este plugin, es una buena base sobre la que asentamos si no el desarrollo completo, parte del mismo.

  Conclusiones

Y bueno, con esto termino esta entrada sobre usuarios, roles, sus datos y cómo importarlos y exportarlos en WordPress; que espero que haya aclarado algunos conceptos, que os hayáis enterado por alguna vez de otros pocos y que por supuesto, tengáis una herramienta nueva que os permita hacer importaciones e integraciones de forma rápida y sencilla.

Si tenéis cualquier tipo de duda, por favor, decidme en los comentarios o como decía antes, directamente en el soporte del plugin.

Si sois profesionales del tema seguro que alguna vez os habría venido bien poder usar esta herramienta y si no lo sois, os animo a que probéis a crear o actualizar usuarios con un fichero Excel, es cómodo y bien rápido.

La entrada Como exportar e importar usuarios en WordPress se publicó primero en Webempresa.

Tener un entorno de pruebas de nuestra web WordPress en local es interesante ya que nos permite realizar pruebas, modificaciones, instalaciones de extensiones, plantillas… y comprobar su funcionamiento sin que afecte a la web que tenemos en producción (en el servidor del hosting).

Con eso nos aseguramos que una vez las implementemos en la web que tenemos en producción no habrá ningún problema.

Para esta entrada utilizaremos un equipo con Windows y un servidor local, en este caso Xampp, pero existen otros como puede ser WampServer .

¿Qué es un servidor local?

Algunos os preguntareis qué es un servidor local, pues no tiene ningún misterio.

Un servidor local es una aplicación de PC que contiene todos los paquetes necesarios para hacer que nuestra web cargue.

Es decir el mismo programa nos proporciona una base de datos, Apache y PHP que son los elementos necesarios para hacer que nuestra web (WordPress, Joomla, Prestashop) se visualice.

Empecemos a divertirnos un poco.

Descargar Xampp

El primer paso seria descargar nuestro servidor local Xampp desde su página oficial: accede a la pagina oficial de Xampp.

Nada más acceder vemos que nos ofrece descargas para los sistemas operativos Windows, Linux y OS (Mac) según el sistema operativo en el que tengamos que instalar.

La versión para Windows soporta Windows 7, Windows 8.1 y Windows 10 así como sistemas de 32 y 64 Bits por lo que no tendremos que preocuparnos por la versión que tenemos instalada en nuestro PC.

Como Utilizaremos un PC con Windows, pulsaremos en el botón ” XAMPP para Windows ” y empezará la descarga.

Instalar Xampp

La instalación es muy sencilla, como cualquier otro programa que hayamos instalado, solo hay que lanzar el paquete de instalación que hemos descargado anteriormente.

Seleccionamos con el botón derecho del ratón el archivo y pulsamos en ” Ejecutar como administrador “.

La primera ventana que vemos es la del inicio de la instalación, solo seleccionamos Next.

La siguiente ventana nos pide que le indiquemos los componentes que queremos instalar.

Se puede dejar por defecto con todas las aplicaciones pero hay componentes que no le veo sentido tenerlos instalados como pueden ser los de los servicios de correo.

En el bloque Server dejamos marcadas las opciones de Apache , MySQL y Tomcat y desmarcamos las opciones de FileZilla y Mercury Mail server.

• Apache: Software de Servidor.
• MySQL: sistema de gestión de Bases de datos.
• FileZilla : Aplicación FTP para la gestión de archivos.
• Mercury Mail server: Servidor de correos electrónicos.
• Tomcat: Software para aplicaciones Java.

En el bloque Program Languages dejamos seleccionadas las opciones de PHP, Per y phpMyAdmin y desmarcamos Webalizer y Fake SendMail:

• PHP: Lenguaje de programación.
• Per: Lenguaje de programación.
• phpMyAdmin: Gestor de Bases de datos.
• Webalizer: Software de análisis de datos.
• Fake SendMail: Cliente SMTP para el envió de correos.

Pulsamos en Next y la siguiente ventana nos muestra la URL donde se instalará por defecto que en este caso es en la carpeta xampp, solo tenemos que pulsar en ” Next ”.

La siguiente ventana nos informa que hay versiones de Xampp que incorporan los paquetes de Joomla, WordPress o Drupal pre-instalados.

Simplemente pulsamos en Next y para terminar nos dice que empezará la instalación, lo mismo, pulsamos en Next.

Nada más terminar la instalación vemos que nos muestra una ventana con el panel de control de Xampp.

En el panel podemos ver las aplicaciones que tenemos activas, el botón Start para arrancar los servicios y el botón Config para la configuración de las aplicaciones.

No hace falta que nos compliquemos la vida con las diferentes configuraciones ya que por defecto tenemos más que suficiente.

El único que nos puede interesar es la configuración de Apache con el archivo php.ini donde podemos modificar los valores PHP del servidor pero, como digo, por defecto nos sirve.

Ya que estamos con Xampp vamos a arrancar los servicios y probamos que todo funcione bien, para ello pulsamos en el botón Start en los servicios de Apache y MySQL.

Una vez arrancados vemos que se muestran los servicios en verde.

Para probar los servicios y ver que todo funciona bien solo tenemos que acceder al navegador y en la URL añadimos ” localhost ”.

La nueva ventana nos muestra la página de Bienvenida o Dashboard que nos indica que todo es correcto y nuestro servidor está funcionando.

Probaremos también el acceso a phpMyAdmin y al mismo tiempo crearemos la base de datos que nos hace falta para la web que queremos trasladar desde nuestro hosting.

Solo tenemos que pulsar phpMyAdmin en el menú superior.

La ventana que se abre es la del gestor de Bases de datos phpMyAdmin.

En la columna de la derecha vemos las bases de datos que tenemos creadas y el menú superior con las diferentes opciones para crear bases de datos, exportar, realizar consulta, etc.

Nos centraremos solo en la creación de la base de datos que es lo que nos importa, seleccionando la opción ” Bases de datos “.

Solo tenemos que añadir el nombre de nuestra base de datos en la celda ” Nombre de la base de datos ”.

En este caso le pondremos como nombre ” weblocal ” podemos utilizar el nombre que queramos solo es un ejemplo y será el nombre de la base de datos que utilizara nuestra instalación.

Una buena práctica sería utilizar el mismo nombre que el dominio o el de la base de datos que tenemos en la instalación del hosting.

Con eso podremos identificar fácilmente la base de datos de cada instalación si tenemos más de una aplicación instalada.

Pulsamos en crear y se creará la nueva Base de datos.

Fácil,¿verdad? Pues ya tenemos media tarea realizada, así sin darnos cuenta, hemos descargado un servidor local, lo instalamos y encima creamos una base de datos.

Y yo pensaba que no sabría hacerlo y resulta que es más fácil de lo que creía ….

Descargar archivos del Hosting

El siguiente paso será descargar los archivos y la base de datos de la instalación que tenemos en nuestra cuenta de Hosting.

La descarga de los archivos la realizaremos desde el administrador de archivos que tenemos en nuestra cuenta de cPanel.

En esta entrada del blog de Webempresa tenemos un tutorial donde podemos aprender a utilizar el administrador de archivos: Administrador de Archivos de cPanel ¿cómo buscar archivos?.

Accedemos a nuestra cuenta de cPanel y en el bloque ” Archivos ” seleccionamos la herramienta administrador de archivos

Dentro de la carpeta public_html vemos que tenemos varias carpeta según los dominios que tengamos añadidos en nuestra cuenta de hosting.

En el caso de este ejemplo utilizare la carpeta WordPress donde tengo una instalación de pruebas de WordPress + WooCommerce, en vuestro caso sería la carpeta donde esté la instalación.

Es posible que tengamos varios dominios en nuestra cuenta de hosting y no sabemos qué carpeta es la que utiliza la Web que queremos migrara así que una de las preguntas sería: ¿ A que carpeta apunta mi dominio?.

¿Cómo saber a qué carpeta apunta mi dominio?.

Es muy sencillo, solo tenemos que acceder al bloque Dominios de nuestra cuenta de cPanel.

Vemos que nos muestra todos los dominios añadidos a nuestra cuenta y la carpeta a la que apunta cada dominio en la columna Directorio Raíz.

Una vez localizada la carpeta donde está la instalación que queremos migrar el paso siguiente sería comprimir la carpeta para descargarla a nuestro equipo.

Como siempre, muy sencillo, solo tenemos que seleccionar la carpeta con el botón derecho del ratón y seleccionar Compress.

Otra opción sería seleccionado la carpeta y pulsando en el botón Comprimir que se encuentra en el menú superior.

Seleccionamos ” Archivo ZIP ” en el Tipo de compresión y pulsamos en el botón Compress File(s).

Una vez tengamos el archivo ZIP con nuestra aplicación, solo nos quedaría descargar el paquete con los archivos seleccionado, el zip que comprimimos y pulsando ” Descargar ” del menú superior.

Como son varias cosas las que tenemos que descargar, como consejo y para tenerlo todo controlado, lo mejor es crear una carpeta, por ejemplo, en descargas y tanto el zip como la base de datos que descargamos ahora, lo haremos directamente en esa carpeta.

En mi caso he creado un carpeta con el nombre weblocal.

Descargar Base de datos

Nos toca exportar la base de datos de nuestra instalación, para eso utilizaremos la aplicación phpMyAdmin que encontraremos en nuestra cuenta de cPanel.

Al igual que nos pasó con los archivos de nuestra aplicación, es posible que tengamos varias instalaciones y no sepamos qué base de datos es la que está utilizando nuestra aplicación.

¿Cómo saber qué base de datos utiliza mi web?

Tenemos varias formas de saber qué base de datos estamos utilizando.

En el caso del Hosting de Webempresa disponemos de la herramienta WpCenter dentro del bloque Aplicaciones Webempresa de nuestra cuenta de cPanel.

Nada más acceder a WpCenter vemos que nos muestra todas las aplicaciones de WordPress que tenemos instalada, pulsaremos en el botón configurar de la aplicación que queremos trasladar, en mi caso seria WordPress.

En la pestaña general tenemos el bloque Datos generales de la instalación donde podemos ver todos los datos de la web incluido el nombre de la base de datos.

Otra opción sería editando el archivo wp-config que se encuentra en la raíz de la instalación.

Accedemos a la carpeta donde está instalada la aplicación, seleccionamos el archivo wp-config con el botón de la derecha y pulsamos en ” edit ”.

La ventana que nos abre es la del archivo donde podemos ver todos los datos de la configuración de nuestro WordPress, una de las opciones es el nombre de la base de datos.

Ya tenemos el dato que nos hacía falta, ahora toca exportar la base de datos accediendo a phpMyAdmin.

Una vez accedemos al gestor de bases de datos de phpMyAdmin, en el lateral izquierdo vemos todas las bases de datos que tenemos creadas.

Seleccionaremos la base de datos de nuestra aplicación y pulsaremos en el botón exportar del menú superior.

Solo tenemos que pulsar en el botón ” Continuar ” y se descargará la base de datos.

Con esto ya tendríamos todo lo que nos hace falta, tenemos el servidor instalado, los archivos de nuestra aplicación y la base de datos.

Copiar archivos en nuestro servidor local

Poco a poco esto está cogiendo forma así que nos ponemos manos a la obra y empezamos copiando los archivos que nos descargamos a la carpeta que crearemos en nuestro servidor local.

Accedemos a la carpeta donde tenemos descargado tanto la base de datos como el zip con los archivos y descomprimimos el archivo zip.

Si utilizáis WinRAR solo tenéis que seleccionar el archivo con el botón de la derecha y pulsar en ” Extraer aquí “.

Esto nos creará una carpeta con todos los archivos.

A esa carpeta podemos cambiarle el nombre o simplemente dejarla como está. El nombre de la carpeta será el que utilizaremos para acceder a nuestra web, en mi caso voy a cambiarle el nombre y le pondré weblocal.

Con el botón de la derecha del ratón seleccionamos la carpeta y pulsamos en copiar.

Accedemos al administrador de archivos de nuestro PC -> disco C -> carpeta xampp y por último la carpeta htdocs.

La carpeta htdocs digamos que es la raíz de nuestro servidor local, vendría a ser como la carpeta public_html de nuestro hosting.

Dentro de la carpeta htdocs pegaremos la carpeta con los archivos de nuestra instalación que hemos copiado anteriormente.

¡Ya nos queda menos! de momento fácil, ¿verdad?, pues lo más pesado ya lo tenemos. Ahora nos toca la base de datos, verás lo sencillo que es.

Importar Base de datos

Con los servicios de Xampp MySQL y Apache iniciados solo tenemos que añadir en la URL del navegador ” localhost ” para acceder al Dashboard de nuestro servidor local.

Son los mismos pasos que hicimos para crear la base de datos.

Accedemos a phpMyAdmin, seleccionamos la base de datos que creamos anteriormente y pulsamos en importar del menú superior.

En el bloque ” Archivo a importar ” pulsamos en el botón ” Seleccionar archivo ” y subimos la base de datos que exportamos de la instalación que tenemos en nuestro Hosting.

Al trasladar la web de hosting a local, como es normal, las URL cambian, es decir, en el hosting la URL de acceso a nuestra web seria midominio.xxx en cambio en local esta URL cambia y sería localhost/nombre_carpeta.

Ya que estamos con nuestra base de datos aprovecharemos para modificar el valor siteurl de la tabla wp_options, que es la que almacena la URL de nuestra instalación.

Seleccionamos la tabla wp_optintion y pulsamos editar en la columna ” siteurl“.

Modificaremos la URL de la celda ” option_value ” por la URL de nuestra instalación local, en el caso de este ejemplo sería localhost/weblocal.

Localhost sería el nombre de nuestro servidor y weblocal, el nombre de la carpeta donde tenemos nuestra instalación de WordPress.

En vuestro caso el nombre de la carpeta puede ser distinta, solo hay que cambiar ese nombre por el de la carpeta en donde tenéis la instalación.

Venga que esto ya lo tenemos, solo nos quedará modificar los datos de acceso a la base de datos en el archivo de configuración de WordPress.

Modificar archivo wp-config

El último paso sería indicarle los datos de acceso a nuestro servidor y la base de datos.

Al cambiar de servidor estos datos también pueden cambiar y si intentamos acceder ahora a nuestra web local nos encontraremos con un error de conexión a la base de datos.

Los datos de configuración de WordPress los podemos encontrar en el archivo wp-config que se encuentra en la carpeta de nuestra instalación en el servidor local.

Accedemos a la carpeta de nuestra instalación local y editamos el archivo wp-config, podemos abrirlo con el bloc de notas de Windows.

Una vez editado el archivo tenemos que modificar los defines de conexión a la base de datos.

• DB_NAME:  el nombre de la base de datos que creamos para nuestra instalación local, en el caso de este ejemplo utilice weblocal.
• DB_USER:  Por defecto es root a no ser que se creará un usuario para el acceso a la base de datos.
• DB_PASSWORD: Este dato sería el Password de acceso a la base de datos, Lo dejaremos vacío ya que al ser una instalación local no hemos creado ningún usuario.

Este sería un ejemplo de la instalación que estamos realizando en este tutorial, si habéis seguido todos los pasos con los mismos datos, los defines serían los mismos.

Modificar URL del sitio en el administrador de WordPress

Esto ya lo tenemos, nos quedar cambiar la URL del sitio y para eso accederemos al administrador de WordPress añadiendo en la dirección del navegador ” localhost/nombre-de-la-carpeta/wp-admin ” donde nombre de la carpeta será el nombre de la carpeta donde tenemos la instalación en local.

En el caso de este ejemplo sería localhost/weblocal/wp-admin

Accedemos al administrador de nuestra instalación local, el usuario y contraseña de acceso son los mismos que tenemos en nuestra instalación del hosting.

Dentro del administrador de WordPress nos dirigiremos ajustes -> Generales y modificamos la URL de la opción “ Dirección del sitio (URL) ” por la URL de nuestro sitio en local.

Y hora sí que sí ya lo tenemos todo, solo hay que acceder a web y ver que todas las secciones carguen sin problemas.

Vídeo tutorial

En el siguiente vídeo tutorial veremos el proceso completo de cómo podemos trasladar el WordPress que tenemos en el Hosting a nuestro PC, a local utilizando la aplicación Xampp.

Conclusiones

Ya sé que lo mejor es tener un clon en nuestra cuenta de hosting pero no siempre es posible por temas de espacio o porque nuestro plan de hosting no nos lo permite.

Esta es una manera de poder tener nuestra aplicación en local para realizar las pruebas necesarias sin que afecte a la página que tenemos en producción.

La entrada Migrar WordPress de Servidor Remoto a Local con Xampp se publicó primero en Webempresa.

La entrada Mejores CRMs para WordPress en 2020 se publicó primero en Webempresa.

Aunque el gestor de contenidos WordPress ofrece soporte para más de 100 idiomas, entre ellos el español, éste se limita exclusivamente al área de administración (“dashboard”), por lo que ten en cuenta los plugins o tema a instalar en WordPress, salvo que éstos también dispongan de nuestro idioma.

Sin embargo, muchos temas o plugins para WordPress solo disponen de la versión inglesa y, cuando los utilizamos, sus textos aparecen en inglés dentro las páginas y posts de nuestro sitio web, con el evidente desagrado por parte del usuario.

En esta situación, tenemos dos posibles soluciones: buscar otro plugin o tema (que tal vez no sean de nuestro agrado o no se adapten a nuestras necesidades), o hacer nosotros mismos la traducción de los mensajes y textos de esos plugins y temas.

A primera vista, traducir un plugin o un tema puede parecer inalcanzable para nosotros, porque podemos pensar que tenemos que sumergirnos en las “entrañas” de WordPress y que necesitamos conocer a fondo la tecnología de esta plataforma.

Sin embargo, como veremos en este artículo, basta con solo algunas nociones básicas de cómo WordPress gestiona las versiones multi-idioma de los temas y plugins, para que seamos capaces de cambiar esos mensajes en inglés por otros mensajes en español.

 ¿Qué textos y mensajes podemos traducir en WordPress?

Cuando trabajamos con WordPress, el texto que muestra dentro una página web puede hacerse creado o generado con uno de los siguientes cuatro métodos:

• Como parte del contenido, sean posts o páginas, escrito por un redactor dentro del editor del WordPress y que contiene toda la información relevante de esa página web. En este caso, podemos usar plugins que permitan versiones multilingües de un post o página (como WPML).
• Las taxonomías del blog, como las categorías y las etiquetas, también definidos por el administrador o redactor del blog y que podemos traducir utilizando este mismo plugin, WPML.
• Como parte de los mensajes del tema. En este caso, las cadenas de texto están integradas dentro de los ficheros PHP del tema y, para traducirlos, sería necesario editar esos ficheros y modificar dichas cadenas.
• Como parte de los mensajes del plugin. Al igual que con los temas, el texto de los mensajes están dentro de los ficheros PHP del plugin y, de nuevo, tendríamos que modificarlos para hacer la traducción.

Cuando realicemos la traducción de un tema o plugin, hay que tener en cuenta que se pueden diferenciar dos conjuntos de mensajes, en función del lugar dónde aparezcan:

• En el panel de control de WordPress y que, por tanto, solo verán los administradores del sitio web, nunca los visitantes de sus páginas web.
• Dentro de las páginas web, como parte del funcionamiento o servicio del tema o del plugin, e integrados con el resto del contenido del sitio web. Por tanto, sí lo verán quienes visiten el sitio web.

En principio, estaremos más interesados en traducir los mensajes “públicos”, los que pueden aparecer a los usuarios, que los mensajes del panel de control, que solo veremos nosotros.

En ambos casos, los mensajes de texto están integrados dentro de los ficheros PHP del tema o plugin y, como veremos, todos entran dentro del mismo lote y no hay distinción en el procedimiento para traducir unos u otros textos.

 ¿Qué temas y plugins de WordPress podemos traducir?

Hemos mencionado que, para traducir un plugin o un tema, deberíamos modificar sus ficheros PHP, lo cual puede suponer un obstáculo para quienes no conocen (ni necesitan conocer) esta tecnología.

Afortunadamente, en el caso de los plugins y temas, aunque los mensajes y textos estén dentro de estos ficheros, es posible realizar traducirlos sin necesidad de modificar esos ficheros, sino a través de ficheros auxiliares que permiten hacer esta traducción.

Sin embargo, para que esto sea viable, es necesario que el tema o el plugin tengan soporte multilingüe, lo que podemos encontrar en las características del tema o plugin como “translation ready theme” o “translation ready plugin”.

Cuando un tema o un plugin están preparados para la traducción, los mensajes de texto están identificados y codificados dentro de los ficheros PHP, de forma que se pueden traducir sin necesidad de modificar estos ficheros, sino creando nuevos ficheros que asocian cada texto con su traducción.

Actualmente, la mayoría de los temas y plugins están preparados para la traducción aunque muchas no incluyen nuestro idioma o, cuando lo hacen, son traducciones que utilizan un estilo de lenguaje distinto al que utilizamos en el resto del sitio web.

Es decir, además de traducir los mensajes de texto de un tema o texto, también podremos cambiar las traducciones que ya estén hechas, para poner otras que sean coherentes con el resto del contenido.

Este aspecto de las posibilidades de traducir un tema o plugin puede ser casi tan importante como evitar que aparezcan mensajes en inglés dentro de un sitio web en español. Por ejemplo, para evitar que el usuario vea mensajes distintos para las mismas acciones; por ejemplo, “Leer más” en vez de “Seguir leyendo” o la inversa.

 ¿Cómo gestiona WordPress la traducción de textos y mensajes?

Cuando un tema o un plugin es “translation ready”, la información de los mensajes y sus traducciones se guardan en diversos ficheros, que podremos crear o modificar con el editor apropiado, y que se identifican por la extensión de su nombre de fichero:

• Fichero .POT (Portable Object Template): Este fichero contiene todos los mensajes de texto, en su lenguaje original, que hay dentro de los ficheros PHP del tema o plugin y que necesitan ser traducidos. El fichero .POT lo genera el proveedor del tema o plugin y debe estar incluido en la instalación. Sin fichero .POT, no podremos realizar traducciones.
• Ficheros .PO (Portable Object): Habrá uno por cada idioma en que esté traducido el tema o plugin, y guarda la traducción, para un idioma determinado, de cada mensaje de texto identificado dentro del fichero .POT.

  El nombre de los ficheros .PO incluye el nombre del plugin o tema, el idioma y la variación de los mensajes traducidos que contiene; por ejemplo, para el español de España, el fichero .PO sería “<plugin>-es_ES.po”.

• Ficheros .MO (Machine Object): También habrá uno por cada idioma y contiene la misma información que los ficheros .PO, pero en un formato compilado para que lo lea y gestione WordPress.

  Cuando hayamos terminado de editar el fichero .PO, debemos compilarlo en su fichero .MO correspondiente. El nombre de los ficheros .MO es idéntico al del fichero .PO asociado.

Del fichero .POT nos despreocupamos, basta que sepamos que existe, pues su creación y gestión es responsabilidad total y única del proveedor del tema o plugin, que nos lo debe suministrar con todo el lote.

Por nuestra parte, el proceso que debemos realizar para traducir o cambiar la traducción de un plugin o tema “translation ready” es muy simple:

1. Localizar el fichero .PO del plugin o tema. Si no existiera, crearlo.
2. Editar el fichero .PO para añadir o modificar las traducciones.
3. Generar el fichero .MO
4. Guardar los ficheros .PO en las carpetas de idioma de WordPress.

Este proceso podemos hacerlo desde fuera de WordPress, con un editor especializado, o desde dentro, con un plugin, como veremos en la próxima sección.

 Carpetas de idioma de WordPress para las traducciones

Todas las traducciones de WordPress, tanto del núcleo principal de WordPress (esto es, el panel de administración) como de los plugins y temas, se deben guardar en determinadas carpetas de la instalación de WordPress en el servidor web, para que WordPress sepa donde localizarlos:

• wp-content/languages: contiene los ficheros de traducción (.PO y .MO) de los textos del panel de administración de WordPress. En general, no necesitamos modificar estos ficheros ni suele ser aconsejable.
• wp-content/languages/plugins: contiene los ficheros de traducción (.PO y .MO) de los textos de todos los plugins. Cada nombre de fichero incluirá el nombre del plugin o tema para poder identificarlo. En caso de que se desinstale un plugin, sus ficheros no se borran.
• wp-content/languages/themes: contiene los ficheros de traducción (.PO y .MO) de los textos de todos los plugins. Cada nombre de fichero incluirá el nombre del plugin o tema para poder identificarlo. En caso de que se borre el tema, sus ficheros no se borran.
• wp-content/plugins/<nombre-plugin>/language: lugar alternativo para almacenar los ficheros de traducción (.PO y .MO) de un plugin determinado (<nombre-plugin>) y donde los proveedores suelen incluir sus propias traducciones (cuando lo hacen). En este caso, al desinstalar el plugin, también se borran estos ficheros.
• wp-content/themes/<nombre-theme>/language: lugar alternativo para almacenar los ficheros de traducción (.PO y .MO) de un tema determinado (<nombre-theme>) y donde los proveedores suelen incluir sus propias traducciones (cuando lo hacen). En este caso, al borrar el tema, también se borran estos ficheros.

En la siguiente imagen vemos una disposición habitual de los ficheros de traducción en una instalación de WordPress, a través del Administrador de archivos de la herramienta cPanel, donde podemos ver también los distintos ficheros de traducción para diversos plugins:

Haz clic en la imagen para ampliarla  

Cuando creamos un fichero .PO y .MO, debemos guardarlo en la carpeta de idiomas correspondiente, sea de plugins o temas, aunque es recomendable hacerlo en la carpeta general de idiomas (dentro de wp-content/languages) para que sigamos disponiendo de esos ficheros en caso de que reinstalemos el plugin o tema.

 Recomendaciones de traducción de plugins y temas

Cuando traducimos un mensaje de texto en WordPress, debemos tener en cuenta algunas consideraciones para que esa traducción encaje bien dentro del contexto de nuestro sitio web y que el usuario no se quede confuso ante traducciones poco naturales o incoherentes:

• Mantener el mismo estilo o tono de conversación que los demás textos del sitio web. Por ejemplo, si nuestro sitio web es informal y muy cercano, los mensajes de los plugins también debería serlo.
• No traducir literalmente las expresiones originales, sino pensar más en la idea que transmite el mensaje en el idioma original y reescribirlo para que transmita lo mismo en el idioma destino.
• No utilizar coloquialismos o tecnicismos (salvo que sea un sitio web de nicho). Esta recomendación se extiende también al resto de los contenidos de la página web: coloquialismos o tecnicismos muy especializados pueden ahuyentes a los nuevos visitantes del sitio web.
• Comprobar que las traducciones se muestran correctamente. Plugins y temas tienen un espacio limitado para mostrar sus mensajes de texto. Cuando traducimos un texto, esta traducción debe mostrarse en ese mismo espacio, debiendo ser completamente legible y sin afectar ni alterar el diseño ni visualización del resto de la página web.
• Mantener las mismas expresiones que en el sitio web. Esta recomendación ya la mencionamos anteriormente. Debemos asegurarnos que utilizamos el mismo mensaje de texto para representar expresiones como “volver”, “leer más”, “ver página siguiente”, etc.

 Plugin Loco Translate para traducir plugins y temas en WordPress

Disponemos de varios sistemas para crear, editar o modificar los ficheros de traducción .PO de un plugin o tema:

• Utilizando un editor de ficheros .PO, como poedit, que a partir del fichero .POT del plugin o tema, nos permite asociar a cada mensaje de texto su correspondiente traducción. Cuando hayamos terminado, el editor genera el fichero .MO y lo copiaremos en la carpeta de idiomas correspondiente del servidor web.
• Utilizando un plugin de traducción de textos, como Loco Translate, con el que podemos editar los ficheros .PO desde dentro del panel de administración de WordPress. Al terminar de hacer las traducciones, este plugin genera y guarda automáticamente el fichero .MO donde corresponda.

Cuando editamos los mensajes de texto de un plugin o tema, pueden aparecer caracteres especiales dentro de los textos originales, como los que están marcados en la siguiente imagen:

Es imprescindible que en la traducción también incluyamos esas mismas secuencias de caracteres especiales, pues son utilizados por el tema y los plugins para añadir información adicional al mensaje de texto cuando se muestra la página web.

Por ejemplo, en la imagen anterior podemos ver que las secuencias de caracteres especiales “&#8250;” y “&#8249” de los textos en inglés a la izquierda también se incluye en los textos traducidos al español de la derecha.

Veamos ahora en el siguiente vídeo cómo instalar y utilizar el plugin Loco Translate en un sitio web activo, con un tema y varios plugins:

 Conclusiones

Prácticamente todos los plugins y temas de WordPress vienen en inglés y, cuando los instalamos en nuestro sitio web, en español, pueden aparecer mensajes de texto en inglés intercalados con nuestros contenidos en español.

Incluso aunque el plugin o tema incluya una traducción a nuestro idioma, puede ocurrir que utilice expresiones distintas para indicar una misma acción, como “Leer más” y “Seguir leyendo”, o “Volver atrás” e “Ir atrás”.

Para evitar confundir al usuario con mensajes en dos idiomas o diferentes expresiones, debemos ser capaces de poder crear, editar y modificar los mensajes de texto originales para asignarles el texto traducido que mejor encaje con nuestro sitio web.

Para poder traducir los textos de un plugin o tema, deben estar “preparados para la traducción” o “translation ready”. En este caso, el plugin o tema dispondrá de los ficheros de traducción necesarios (con extensiones .POT, .PO y .MO) para que podamos editarlos y modificarlos a nuestro idioma.

Para ello, podemos utilizar un programa externo, como poedit, que obliga a conocer la disposición interna de los ficheros de traducción dentro de las carpetas del servidor web, o un plugin, como Loco Translate, que permite hacer las traducciones a través de su panel de administración.

En uno u otro caso, debemos seguir algunas buenas prácticas de traducción, para que el texto traducido encaje tanto en el contexto del sitio web como para que los usuarios no tengan problemas para entender su significado.

La entrada Traducción de plantillas, temas y plugins en WordPress se publicó primero en Webempresa.

El uso de cupones de descuento en una tienda online puede ser una buena estrategia para mejorar tus ventas.

A la hora de utilizar los cupones en WooCommerce debemos tener claro que debe ser una estrategia más dentro de tu plan de marketing, al igual que para una estrategia de descuentos en WooCommerce

Por ello siempre digo que se debe pensar muy bien para que objetivos de marketing es útil y qué tipo de cupón se debe crear, por ejemplo, los cupones pueden venir muy bien para incentivar las compras en los momento de menor tráfico.

Pero también son un buen reclamo para que aquellos que ya te han comprado vuelvan a hacerlo.

Y si la estrategia de marketing es importante también lo es crear los cupones en WooCommerce de manera correcta. Las principales cuestiones que te debes plantear son:

• Importe del descuento que ofrecerá el cupón.
• Si el cupón tendrá una fecha límite para ser usado.
• Las condiciones que el cliente debe cumplir para poder usarlo.
• Y las veces que se va a poder usar el cupón y si un mismo usuario lo va a poder usar más de una vez.

Cómo son los cupones en WooCommerce y cómo funcionan

Los cupones en WooCommerce son la adaptación digital de los cupones en papel de toda la vida en los supermercados.

Si en los supermercados debes llevar el cupón en papel o en el móvil de manera que en la caja puedan escanearlo y se aplique el descuento en tu compra, en el caso de una tienda online es lo mismo.

El cupón digital es un texto que puedes introducir en un apartado para tal fin en la página del carrito o en la de finalizar compra y que aplica algún tipo de descuento predefinido sobre lo que debes abonar por tu compra.

Por lo tanto tenemos tres tipos de cupones posibles:

• Descuento fijo en el carrito.
• Descuento en porcentaje en el carrito.
• Descuento sobre un producto.

Es verdad que a priori las opciones que ofrece WooCommerce para la creación de cupones son básicas y probablemente insuficientes para tiendas donde la estrategia de cupones es importante.

Sin embargo hay que tener en cuenta dos cosas:

1. Que el propio extension store de WooCommerce tiene un plugin de pago para ampliar estas funcionalidades.
2. Que no debemos confundir una estrategia de cupones con una estrategia de descuentos sobre productos y buscar esas funcionalidades en esta parte de WooCommerce ya que hay plugins potentes que pueden ser más efectivos como Conditional Discounts for WooCommerce.

Sí que voy a recomendar ampliar las funciones de los cupones a través del plugin WooCommerce Extended Coupon Features FREE.

Este plugin nos va a permitir tener un mayor nivel de concreción en la configuración de los cupones.

Tiene una versión de pago que resuelve algunas cuestiones avanzadas de configuración que no son del todo necesarias para conseguir una buena gestión de los cupones y si lo necesitas te dejamos este post sobre descuentos en WooCommerce.

De todas formas, el precio de este plugin es más que accesible.

Recuerda que en Webempresa no se da soporte sobre plugins de pago, por lo que si necesitas asistencia, debes contactar con el soporte del plugin.

Guía para crear cupones en WooCommerce

Activar el uso de cupones en WooCommerce

La gestión de cupones no viene activa por defecto en WooCommerce, para poderla utilizar deberás activarla desde el menú “Ajustes” de WooCommerce, en la opción “General”.

Para ello deberás marcar la opción: “Activa el uso de códigos de cupones”. Esto permite que se apliquen cupones desde las páginas de carrito y de finalizar compra.

Podemos ver otra opción: “Calcular descuentos de cupones secuencialmente”.

Esta opción implica que cuando el cliente usa más de un cupón en la compra no sume todo el descuento y lo aplique.

En lugar de eso, calcula el resultado de aplicar el primer cupón y sobre ese resultado aplica el siguiente. Y así será con todos los cupones que utilice el cliente en una misma compra.

Instalar el plugin WooCommerce Extended Coupon Features FREE.

Este plugin lo podemos encontrar en el repositorio de WordPress por lo que es posible descargarlo o instalarlo directamente desde el menú “añadir nuevo” en plugins.

Una vez activado, este plugin tiene una página de configuración dentro del menú “Ajustes” de WorPress. No es necesario llevar a cabo ninguna configuración en esta página.

Este plugin además añade opciones de configuración directamente en la página de creación de cupones de WooCommerce.

Podéis ver la diferencia entre la página de edición de cupones sin el plugin instalado y con este activado.

Crear nuevos cupones en WooCommerce. Elegir el tipo de cupón adecuado.

Para crear un cupón debemos clicar en “Añadir cupón” dentro del menú “cupones” de WooCommerce.

La página de edición del cupón tiene distintas pestañas donde se configura todo el cupón.

Lo primero es ponerle un nombre al cupón en el campo Código de cupón. Es importante tener en cuenta que este nombre es el que tendrá que poner el cliente en la página de carrito o de finalizar compra para que se haga efectivo.

Aquí tenemos dos opciones, utilizar un texto descriptivo de la oferta como podría ser DTOSociosEnero si fuéramos a ofrecer un descuento a socios para el mes de enero, o por el contrario también tenemos un botón que genera un código alfa numérico aleatorio.

A mí siempre me han gustado más los cupones con texto descriptivo ya que los hace más personales.

La primera pestaña, “General”, es donde debemos seleccionar el tipo de cupón que queremos ofrecer.

El tipo de cupón viene determinado por el tipo de descuento y el importe de este:

• Descuento fijo en el carrito.

El cupón va a proporcionar un descuento fijo sobre el subtotal del carrito.

• Descuento en porcentaje en el carrito.

Proporciona un descuento equivalente al porcentaje indicado sobre el subtotal del carrito.

• Descuento fijo de producto.

En este caso descuenta la cantidad indicada de cada producto del carrito.

Hay que tener en cuenta que no aplica el descuento sobre los gastos de envío. Si queremos crear un cupón que ofrezca los gastos de envío gratuitos debemos configurarlo. En el último punto de esta guía explico como hacerlo.

Y por último en esta pestaña de “General” podemos indicar una fecha de caducidad al cupón. El día que indiquéis en la configuración ya no se podrá usar el cupón. Cuidado con esto.

Configurar las características/condicionantes del cupón en WooCommerce

Las características y condicionantes de uso del cupón en WooCommerce se configuran en la pestaña de “Restricciones de uso”.

Los apartados que podemos configurar son:

• Gasto mínimo y máximo.

Podemos establecer el gasto mínimo y máximo permitido para poder usar el cupón. Si por ejemplo quiero que el cupón se utilice para compras superiores a 100€, esa es la cantidad que tendría que poner como gasto mínimo.

• Uso individual.

Debemos marcar esta casilla si no queremos que los clientes puedan usar el cupón que se está configurando junto a otros cupones de oferta.

• Excluir los artículos en oferta.

Al igual que si marcamos esta opción el cupón no se aplicará a artículos que ya estén en oferta en tu tienda WooCommerce. Y si el cupón es para un descuento del subtotal del carrito no se aplicará cuando haya productos en oferta incluidos en el carrito.

• Productos o categorías que deben estar en el carrito para que se aplique el cupón.

En este apartado vamos a indicar que productos concretos o algún producto de la categoría indicada deben estar en el carrito del cliente para que se aplique el cupón.

En el caso de los productos, el primer selector es un condicional entre TODOS y UNO. Esta es una de las funcionalidades que añade el plugin WooCommerce Extended Coupon Features FREE.

Si elegimos TODOS el cupón se podrá utilizar si todos los productos indicados en el apartado de Productos están en el carrito del cliente.

Si elegimos UNO el cupón se podrá utilizar siempre que al menos uno de los productos indicados esté en el carrito. Y si en vez de indicar cuales deben estar podemos indicar cuales no deben estar.

Y con el mismo funcionamiento podemos configurar el cupón por categorías de productos.

• Productos conformes.

Esta es otra de las opciones que añade el plugin WooCommerce Extended Coupon Features FREE.

Nos permite no solo elegir los productos, también podemos indicar el número mínimo y máximo de unidades que debe haber en el carrito para que se aplique el cupón.

Y vemos que podemos restringir el uso por importe en el subtotal de los productos seleccionados en la configuración.

El resto de la configuración de nuestro cupón lo realizaremos en la pestaña “Tramitar”.

Aquí podremos elegir que el descuento se aplique si el cliente elige el método de pago y el método de envío seleccionado en la configuración del cupón.

También nos permite restringir el uso por clientes concretos, permitir o restringir según el perfil de usuario del cliente.

Configurar los límites de uso de cupones en WooCommerce

Debes prestar mucha atención a la configuración de los límites de uso del cupón ya que no hacerlo bien puede llevarte a tener pérdidas importantes. Por lo que te recomiendo que esta parte la pienses y configures con detenimiento.

Vemos en la pestaña de “Límite de uso” tres apartados a completar.

• Límite de uso por cupón.

En este apartado debemos indicar el número de cupones que se podrán utilizar. Si lo dejamos en blanco se podrá usar ilimitadamente.

Este apartado es muy útil si queremos crear campañas con cupones que generen urgencia en los clientes, por ejemplo, descuento del 10% a los 100 primeros compradores. En este caso pondríamos un 100 en este apartado.

• Limitar el uso a X artículos.

En este aparado vamos a limitar al número máximo de artículos al que se le va aplicar el descuento si el cupón está configurado para hacer descuento a los artículos. Un ejemplo de cupón sería, descuento de 2 € por artículo hasta un máximo de 10 artículos.

• Límite de uso por usuario.

Aquí debemos indicar cuantas veces un usuario puede usar el mismo cupón en compras distintas.

Crear un cupón que ofrezca envío gratuito.

Como ya he comentado es importante tener en cuenta que los cupones siempre se aplican sobre el subtotal del carrito, es decir, nunca descuentan los gastos de envío.

De hecho si no se ofrece envío gratuito un pedido nunca podrá ser de cero porque siempre le sumará los gastos de envío.

Pero se puede crear un cupón que incluya los gastos de envío gratuitos.

Lo primero es marcar la casilla “Permitir envío gratuito” en la pestaña “General” de la configuración del cupón.

Y para que funcione debemos antes configurar un método de envío gratuito al que asignarle el cupón.

Lo primero es crear un método de envío gratuito en la zona de envío que se vaya aplicar. En la imagen podéis ver un ejemplo.

He creado una zona de envío para España y en ella he creado un método de envío gratuito.

En la configuración de este método de envío gratuito en el apartado de “El envio grautito requiere…” debemos elegir “Un cupón válido de envío gratuito”.

De esta manera nuestro cupón ofrecerá gastos de envío gratuitos.

Conclusiones

Crear cupones en WooCommerce es bastante sencillo siguiendo una serie de pautas que te he contado en este artículo.

Pero no solo es importante saber configurara los cupones si no tener claro que debe ser una estrategia dentro de tu plan de marketing.

A la hora de configurar cupones en tu tienda con WooCommerce debes tener claro cual es tu objetivo a cumplir con los descuentos. Debes pensar bien esa estrategia ya que una mala gestión puede llevarte a perder dinero.

Por ello redacta cual es la finalidad y características de tu oferta siempre pensando en quien va a poder usar el cupón, si el descuento será sobre el total del carrito o por productos.

Si la oferta va a incluir todo tipo de productos o algunos en concreto. También si debe haber una cantidad mínima o máxima de gasto para poder utilizarlo.

Una vez tengas clara la descripción toca configurar el cupón siguiendo las características que has definido en la descripción y siguiendo la guía que te propongo en este artículo.

La entrada Cómo crear cupones en WooCommerce, ¡guía! se publicó primero en Webempresa.

Las redes sociales forman parte de nuestro día a día, necesitamos compartir y que compartan lo que hacemos. Esto trasladado a lo profesional es todavía más importante.

Por este simple motivo es imprescindible usar botones sociales en WordPress, porque de una manera sencilla podemos incentivar al usuario a que nos ayude a la difusión de nuestros contenidos de forma muy rápida y simple.

Los botones sociales van a permitir no solo que cualquier persona que visite tu web pueda acudir a los diferentes perfiles creados en redes sociales.

También va a permitir que cualquier usuario que visite un contenido de tu blog pueda compartirlo en sus cuentas personales y esto es maravilloso.

¿Ves el potencial que tiene? Incluyendo botones sociales en WordPress vas a permitir una doble función:

• Aumentar seguidores en tus redes sociales y potenciar tu marca personal
• Conseguir que tus publicaciones tengan mayor alcance.

Ante esta necesidad y obligada integración en cualquier página web en la actualidad, en este post voy a enseñarte los mejores plugins para añadir botones sociales en WordPress.

De manera muy sencilla vas a poder aumentar el alcance de tus publicaciones y los seguidores en las diferentes cuentas.

¿Qué miro a la hora de elegir un plugin para compartir en redes sociales?

Las 3 cosas más importantes en las que te tienes que fijar son:

1. Velocidad de carga de los botones que aparecen en el post:

Es importante que elijas un plugin que no ralentice en exceso el tiempo de carga de tu blog, ya que eso hará que muchos visitantes se vayan incluso antes de que lleguen a ver el contenido. Además, a  Google le gustan los blogs que cargan rápido, con lo cual es beneficioso para el SEO.

2. Responsivo:

Esto significa que el plugin tiene que adaptar su tamaño y su aspecto visual a las pantallas más pequeñas de los dispositivos móviles.

Piensa que cada vez el tráfico móvil de Internet es más grande, y que es muy probable que un gran número de visitas a tu blog se hagan desde un dispositivo móvil (teléfono o tablet).

Si tu blog y los plugins que utilizas no muestran un buen aspecto en una pantalla pequeña es muy probable que el usuario no quiera seguir navegando.

3. Diseño:

Pues sí, lo botones para compartir en redes sociales tienen que ser muy visuales y encajar con el diseño de tu blog.

Y aunque los dos aspectos anteriores son mucho más importantes que el aspecto visual, si puedes, también es algo muy a tener en cuenta.

Cuanto más bonitos y llamativos sean los botones de tu blog más fácil será que tus lectores se fijen en ellos y quieran compartir tus entradas en sus redes sociales haciendo clic sobre ellos.

Por lo tanto, éstos son los 3 aspectos en los que me centraré en este listado de plugins que te he preparado 🙂

¡Vamos a ello!

Los mejores plugins para compartir en redes sociales en WordPress

Existen muchísimos plugins para compartir en redes sociales y hoy día desde el repositor oficial de WordPress vas a poder encontrar lo que necesites.

Existen algunos de pago pero en la lista que vas a ver son todos gratuitos y como podrás comprobar en el vídeo y en el artículo, estos cuentan con muchísimas descargas y excelentes valoraciones.

¿Quieres poner iconos de Whatsapp, barra lateral flotante y personalizarlo a tu gusto? Vamos a verlo.

Mowomo redes sociales

Es muy sencillo, instalas y activa el plugin y tendrás un solo panel con opciones muy básicas.

• Escoge entre las resdes sociales que ofrece el plugin: Facebook, Twitter, Pinterest, LinkedIn, Whatsapp.
• Posibilidad de usar shortcodes para que insertes los iconos en el sitio que quieras dentro de tu web.
• Elige la posición de los botones donde quieres que se comparta tu contenido (debajo del post, antes del contenido o arriba y abajo)

El plugin es responsive y aunque sencillo, sin barras flotantes y personalizaciones, puede ser suficiente para dar difusión a tus contenidos ahorrando al máximo la velocidad de carga de tu web.

Sassy social Share

Aunque puede parecer que tiene muchas opciones, en realidad es muy sencillo de configurar y sobre todo es un gran plugin.

Es muy bueno y es el que necesitas si quieres tener barra flotante y necesitas incluir más redes sociales ya que Sassy Social incluye todas las redes sociales que existen

Características:

• Puedes escoger tamaños a tu gusto.
• Escoge colores del fondo de los botones o colores del borde.
• Establece posiciones diferentes (lateral, arriba, abajo…).
• Además te permite escoger en qué páginas quieres que se muestren los botones sociales.
• Activar o no la opción de más.
• Mostrar o no los contadores sociales.
• Personalizar la forma de botones (circular, cuadrado o rectangular).
• Selección de páginas donde mostrar los botones.
• Escribe el texto que quieras para invitar a compartir.
• Posibilidad de usar shortcodes.
• Responsive al 100%.

Como ves este plugin es buenísimo y es gratuito.

Scriptless Social Sharing

Con pocas opciones permite mostrar los botones sociales en WordPress y es 100% responsive.

• Posibilidad de mostrar solo iconos o iconos con texto.
• Permite ajustar tamaños.
• Ordena los iconos según quieres que se muestren.
• Escoge donde mostrar (arriba, abajo o manualmente).
• Incluye Whataspp, Pocket o Telegram.

No ofrece barra lateral flotante pero es sencillo y está muy bien.

Simple Social Media Share Buttons

Muy buen plugin para compartir en redes sociales con opción de barra flotante. Cuenta con muchas opciones pero es muy fácil de manejar al igual que el resto de la lista.

Características:

• Incluye Facebook, Twitter, LinkedIn, Whataspp, email, Pinterest…
• Arrastrando y soltando puedes escoger que botones quieres mostar.
• Incluye distintos formatos de visualización (rectangulares, redondos, radiales, iconos oficiales…).
• Además puedes escoger en simple clic donde mostrarlos (barra lateral flotante, arriba o abajo, pop up o una esquina).
• Diferentes opciones para marcar, por ejemplo, tiene la opción de mostrar los contadores sociales.
• Escoge en las páginas en qué lugar quieres que aparezcan.
• Es otro plugin sencillo de manejar y muy potente.

Social Pug

Con barra flotante podrás configurar los botones y formas de los mismos de manera muy fácil.

¿Qué permite este plugin para WordPress?

• Configurar de forma independiente la barra flotante y los iconos del post.
• Solo deja utilizar Facebook, Twitter, LinkedIn, email y Print.
• Escoge los botones que se mostrarán arriba o abajo.
• Es muy personalizable por la posibilidad de configurar las opciones de diseño.
• Posibilidad de mostrar contadores.
• Escoge si se muestra en páginas, entradas, etc…
• Cambia el texto para que muestre lo que quieres antes de los botones de compartir.

Social Warfare

Es un plugin fremium pero que su versión gratuita está genial.

¿Qué puede hacer por ti?

• Con barra flotante permite mostra de forma muy atractiva las redes sociales que quieres usar para tu blog de redes sociales.
• La versión grauita incluye Facebook, Linkedin, Twitter o Pinterest.

• Permite mostrar los contadores sociales.

• Escoge donde mostrar los botones.
• Elige en qué lugar se muestra la barra flotante estableciendo el tamaño de la misma.

La versión de pago incluye mucho más, por ejemplo, más redes sociales, más personalización, clic to tweet o la posibilidad de recuperar los contadores sociales que se pueden perder al migrar a https.

Accesspress Social Share

Es muy sencillo de configurar y con las redes básicas pero está genial.

• No incluye la opción de barra lateral pero tiene opciones interesantes.
• Podrás elegir dónde mostrar los botones.
• Incluye redes como Facebook, Twitter, LinkedIn, Pinterest, Digg, email o Print.
• Elige diferentes diseños (circulares, redondos, en diamante…).
• Habilitar o no los contadores sociales.
• Permite recuperar los contadores que tenías en http si migras a https.
• Permite escoger en qué sitios de la web se muestran.

Aunque no tenga opción de barra lateral flotante es muy bueno.

Add to any share buttons

Con más de 500.000 instalaciones activas Add to Any mustra lo potente que es.

Características:

• Incluye barra lateral flotante.
• Escoge el tamaño de los botones así como transparencia o customiza los iconos con los colores que quieras.
• Posibilidad de usar absolutamente todas las redes sociales que quieras.
• Opción de botón “+” para que al hacer clic se desplieguen el resto de redes sociales escogidas y puedes ocultar las que prefieres.
• Elegir dónde mostrar los botones.
• Introduce el texto que desees.
• Mostrar o no los contadores sociales.
• Incluye opciones para incluir CSS por si quieres personalizar el plugin todavía más.
• Escoge la posición de la barra y determina los ajustes para que sea adaptable y responsive al 100%.

Un plugin gratuito increíble.

Otros Plugins geniales para compartir en redes sociales en WordPress

SumoMe

Este archiconocido plugin incluye un montón de funcionalidades muy interesantes, pero en este artículo solo me voy a centrar en las que tienen que ver con compartir en redes sociales.

Con él podrás añadir una botonera en casi cualquier parte de tu blog. Además, también te permite conectar con un montón de redes sociales (18 en concreto) y personalizar la forma y colores de los botones.

Y te permite añadir contadores para saber cuántas veces se ha compartido una entrada y en qué redes sociales.

Estoy seguro de que ya habrás visto más de una vez en algún blog esa barra lateral con un botón azul debajo que tiene una corona. Pues ese es el plugin SumoMe.

También tiene otra función bastante interesante, y es que te permite añadir botones de compartir encima de las imágenes.

Si las imágenes son importantes en tu blog está función te vendrá genial, porque se comparte la imagen más un enlace hacia la entrada de tu blog en la que está.

Por lo tanto, la tasa de visitas aumenta, ya que siempre prestamos más atención a las cosas que se comparten cuando hay una imagen que cuando no la hay.

Y otra función muy interesante que incluye es la de SumoMe highlighter, que permite al visitante compartir el texto que seleccione de una entrada.

Es decir, que si tú tienes esta función habilitada y un visitante selecciona con el cursor una frase de tu post, le saldrá un botón para compartir esa frase en sus redes sociales junto con un enlace a tu blog.

No es una función muy usada porque no a todo el mundo gusta. Pero bueno, si a ti sí que te gusta con este plugin la puedes utilizar 😉

Con respecto a su rendimiento, para funcionar este plugin hace un redirección a Sumome para presentar en tu blog la configuración elegida.

Eso hace que el plugin funcione bastante bien.

Al menos yo lo he probado durante una larga temporada y nunca he tenido ningún problema. Tan apenas afecta al tiempo de carga de los post y su funcionamiento es fluido.

Esto, junto con lo que he comentado antes de que es muy personalizable, de que puedes poner botones de compartir en muchas zonas de tu blog, y que además para la mayoría de funciones es gratis, ha hecho que se convierta en uno de los plugins WordPress para redes sociales más utilizados.

Además es totalmente responsivo, por lo que se ve bien en cualquier pantalla de móvil y de Tablet.

Si quieres saber más sobre este plugin puedes echarle un vistazo a este post publicado en este Blog:

Simple Share Buttons

Si no necesitas tantas funciones para compartir en redes sociales como las que incluye SumoMe es mejor que te instales un plugin más liviano y que solo incluya lo que necesites.

Yo no estoy en contra de instalar los plugins que se necesiten, sean los que sean. Pero sí que procuro que cada plugin incluya solo lo que necesito para no tener un exceso de funciones que no me interesan y que sobrecargan el blog.

Y sin duda, uno de los mejores en este aspecto es Simple Share Buttons.

Tiene 2 versiones:

• Una gratuita, que se llama Simple Share Buttons Adder
• Y una de pago (10$ al año, no es caro) que se llama Simple Share Buttons Plus

Elijas la que elijas, estamos hablando de un plugin muy ligero y que no afecta tan apenas a los tiempos de carga de tu blog.

Incluye 15 botones la versión gratuita y 17 la de pago (WhatsApp entre ellos), que son más que de sobra para la mayoría de los mortales jejeje.

Además, los botones son configurables, por lo que también podrás elegir su color y su diseño.Y si lo quieres, podrás añadir contadores para mostrar cuántas veces se han compartido tus posts.

Y por supuesto, el plugin es totalmente responsivo.

¿Qué más se puede pedir?

La versión de pago además de incluir un par de botones más también incluye más opciones como la posibilidad de poner lo botones en una barra lateral, o acortar los enlaces y llevar las estadísticas de las comparticiones, o la posibilidad de elegir en qué entradas quieres que se muestren y en cuáles no.

¡Ah! Y también lleva la cuenta de las comparticiones en Twitter, cosa muy interesante desde que los de esta red social dejaron de dar esas cifras.

Por el precio que tiene la verdad es que añade un montón de funciones muy interesantes.

Monarch

Este plugin de pago es de los desarrolladores de Elegant Themes, y es de los más bonitos que te vas a encontrar (aunque esto es algo personal claro).

Es un plugin muy sencillo, tanto de diseño como de configurar. Pero eso no significa que no sea un plugin completo. De hecho es todo lo contrario, tiene un montón de posibilidades.

Te permite añadir botones sociales en el lateral, al principio y final del post, en las imágenes (como SumoMe), y también te permite crear ventanas emergentes en el medio o en una esquina para animar a tus lectores a compartir tus post en sus redes sociales.

Además es totalmente responsivo, por lo que elijas la opción que elijas siempre se va a ver bien desde un dispositivo móvil.

Con respecto a la cantidad de botones que puedes añadir está más o menos como los demás: 20 botones sociales, lo cual sin duda es más que suficiente.

Y los botones también son personalizables en su estética: colores, tamaño, orden, animaciones al pasar el cursor por encima, etc.

E incluye contadores para mostrar cuántas veces se ha compartido cada entrada y estadísticas internas, para que tú puedas llevar un control más riguroso, lo cual es de agradecer.

Además, es muy sencillo de configurar. Tiene un panel de mando muy intuitivo y que te va guiando mediante casillas que tú solo tiene que marcar o desmarcar para cambiar la configuración de este plugin social.

Sin embargo, y aunque pinta todo muy bien, lo cierto es que podrías tener problemas con el rendimiento.

¡Ojo! No a todo el mundo le pasa, y de hecho este es un plugin muy usado por su facilidad y su preciosa estética. Y si funcionase mal, por muy bonito que fuese, la gente dejaría de usarlo.

Sin embargo, dependiendo de algunos blogs, a veces ocurre que hace muchísimas peticiones al servidor, lo cual hace que el hosting donde tienes alojado el blog necesite consumir más recursos. Y si llegas al límite de recursos, se te podría bloquear el acceso para no colapsarlo.

Esto lo leí por primera vez en este artículo , pero aun así, como era un plugin muy conocido y de un desarrollador muy potente, decidí probarlo y valorar por mí mismo.

Y sí, no me duró ni 24 horas puesto que lo tuve que quitar porque el hosting se quedaba sin recursos.

Si no hubiese sido por eso yo me habría quedado con este plugin sin dudarlo. Sin embargo, por mi mala experiencia (y no soy el único), te recomiendo que antes lo pruebes con cuidado.

Pero lo dicho, no tiene por qué darte problemas. No es un mal plugin ni mucho menos, y si te gusta y te va bien, creo que no querrás probar otro 😉 De hecho es muy usado y por eso lo he querido incluir aquí.

Pero yo no gano nada hablando bien o mal de un plugin o de otro y te comento todo lo que yo mismo he vivido.

Easy Social Share Buttons

Sin duda, el plugin para compartir en redes sociales de pago más completo y con más opciones de configuración que he probado nunca jamás.

Si buscas algo sencillo tal vez ésta no sea tu opción.

Pero si eres de los que te gusta trastear los ajustes de un plugin y configurar hasta el último rincón, te lo vas a pasar de maravilla con él.

Además, de rendimiento también esta muy bien. Mientras los estuve usando no note tan apenas problemas en ese sentido, y mi blog cargaba en sus tiempos habituales.

Te permite añadir un montonazo de botones de redes sociales a tus barras de compartir, y además te permite colocarlos en un montón de posiciones.

Puedes ponerlos al inicio y final del post, en barra lateral a cualquier lado del blog, ventanas emergentes, y un largo etcétera. También puedes modificar los colores de los botones, su forma y su tamaño.

Otra de las cosas que te permite hacer es llevar unas estadísticas para ver cómo se comparten tus post y en qué redes sociales, y mostrar un contador de las veces que se comparte cada post.

Y además son responsivos.

Aunque yo con esto tuve algunos problemas, porque dependiendo de la configuración elegida para el diseño de los botones unas veces funcionaba mejor que otras.

A veces, dependiendo del tamaño de la pantalla del dispositivo donde se viesen, los botones no tenían todos el mismo tamaño, o el texto de las redes sociales no quedaba dentro del botón y se salía por fuera, lo cual quedaba horrible.

Ya te digo que esto no pasaba siempre, y que solo pasaba con algunas configuraciones concretas de los botones. Pero bueno, creo que es digno de destacar, porque aunque son responsivos a veces tienen fallos.

Shareaholic

Este es uno de los plugins más veteranos de la lista.

Sin embargo, cada vez se ve menos, y es que ha recibido números críticas porque ralentizaba la velocidad de carga de las webs.

Tiene versión gratuita y de pago, con más funcionalidades y personalizable.

Es un plugin responsivo y que te permite personalizar los botones de compartir. También te permite añadirlos en un montón de lugares de tu blog y mostrar los contadores de compartición.

Añade incluye dos funciones extra: la posibilidad de mostrar al final de cada entrada las entradas relacionadas de tu blog para que tus visitantes sigan navegando por él, y la barra de aviso de cookies.

La verdad es que no me voy a extender mucho más en éste porque considero que cualquiera de las opciones que hemos visto antes, tanto gratuitas como de pago, es mejor opción. Pero se merecía tener un hueco aquí porque sigue siendo un plugin muy conocido y muy usado.

JetPack

Sí, ¿por qué no?

JetPack es el super plugin de WordPress.com que te permite añadir un montón de funcionalidades a tu blog creado con WordPress.org, entre ellas la posibilidad de añadir botones para compartir en redes sociales.

El módulo de redes sociales es muy sencillo: solo tienes que configurar qué botones de redes sociales quieres que aparezcan y poco más.

Eso sí, los botones son muy poco personalizables.

Además, solo los puedes mostrar al inicio y al final de cada post, por lo que es muy básico comparado con el resto de plugins WordPress para redes sociales que acabamos de ver.

Pero bueno, si acabas de instalar tu blog y ya viene con JetPack instalado, aquí tienes una solución gratuita, muy sencilla y que no afecta tan apenas a la velocidad de carga.

Lo puedes utilizar hasta que encuentres un plugin mejor, y así al menos estarás permitiendo que tus post sean fáciles de compartir en las redes sociales. Ya tendrás tiempo más delante de instalar un plugin más bonito.

Por qué usar botones sociales en WordPress

Muy sencillo, una web es el escaparate de tu negocio, en ella tienes que mostrar de manera visual las diferentes ramas por las que quieres que te conozcan o contraten.

Las redes sociales humanizan la marca de tu empresa, sirven para dar confianza a ese usuario que quiere conocerte antes de comprar tu producto.

Por este motivo puedes usar botones sociales WordPress, en diferentes partes de la web: tanto botones de perfiles sociales como botones para compartir.

Pero ¡ojo!, tanto unos como otros no se pueden insertar en la web de cualquier manera.

Cuidados a la hora de usar botones de perfiles sociales

No tienes que usar botones con acceso a tus diferentes cuentas en todas las páginas de tu WordPress.

No hace falta que plagues todos los apartados y secciones de tu blog con acceso a Facebook, Instagram, Twitter, LinkedIn, etc…

Lo importante es que analices cuáles son los mejores sitios para ubicar estos botones y dónde merece la pena incluirlos.

Ejemplo:

Imagina que entras en una tienda física dispuesto a comprar un móvil y en la puerta te encuentras un stand con publicidad diciendo que te vayas al local de al lado a conocer al dueño de la tienda.

Probablemente sucedan 2 cosas:

1. Primero: que no hagas caso al stand puesto que esa persona no te va a aportar nada salvo que ya tenga cierta reputación y te anime a que lo veas por algún motivo.
2. Segundo: aunque parezca ser una buena idea que alguien salga de la tienda para ver al dueño, no lo es, ya que estás perdiendo una posible venta.

Si aplicas esto cuando tienes o vas a crear una tienda online, sucede lo mismo.

Si tienes una Home donde estás invitando al lector a que continúe leyendo para que acuda a la gama de productos, pero en la parte superior del menú tienes incluidos botones sociales, estás estableciendo un punto de fuga importante en tu web.

Lo que puede pasar es que has podido convencer al usuario e incentivar a la compra gracias a un buen copywriting de inicio pero has provocado que el usuario, al ver perfiles sociales, acuda a cotillear en las redes tu negocio.

¿Qué puede pasar? Que una vez dentro, el visitante vea que tiene notificaciones en su cuenta personal y se olvide de que iba a comprar, se le pase el deseo o directamente se le olvide dónde estaba la web.

Como negocio habrás perdido, con este fallo, una posible venta y un futuro posible comprador.

Por este motivo mi recomendación es que en la mayoría de los casos no incluyas botones de perfiles sociales en la parte superior de la web.

De la misma manera puede no ser buena idea incluirlos en páginas donde tienes botones de comprar, contratar servicios, boletines de suscripción.

Tampoco donde tengas cerca cualquier botón de acción ya que estarás impidiendo una posible conversión importante.

Además, en las páginas donde incluyas botones sociales estarás ralentizando la web al ser llamadas externas además de perder parte de la fuerza de esa página a nivel de SEO.

Los botones para compartir en redes sociales tienen menos restricciones pero también debes cuidar dónde los incluyes.

Cuidados a la hora de establecer botones de compartir en redes sociales

Los botones para compartir en redes sociales son muy potentes, como hemos visto.

Estableciéndolos en tu web estarás haciendo que la visibilidad de los artículos se multiplique permitiendo que lleguen a mucha más gente.

Cuando una persona comparte tu artículo, este está llegando a todo el público de la persona que te ha compartido.

Esto te puede ayudar de muchas maneras:

1. Al compartir tu post en su cuenta personal, estarás ganando visibilidad.
2. Puedes llegar a conseguir más tráfico ya que más personas terminaran leyendo tu artículo.
3. Estará favoreciendo en parte al SEO de tu WordPress ya que Google verá más movimiento en tu página considerando que al tener tráfico el post puede ser de calidad (lógicamente aquí influyen otros factores como la permanencia en página).
4. Conseguir más seguidores en tus cuenta de redes sociales.

A pesar de ser todo favorable estos botones sociales en WordPress, ralentizan en parte la velocidad de carga por eso, evita colocarlos en todas las partes de la página.

Además, intenta poner estos botones solo en el blog por el motivo que te acabo de dar y porque difícilmente alguien va a compartir tu Home, tus servicios o la página de contacto.

Si alguien realmente tiene interés en compartir tus contenidos, buscará otros medios para hacerlo como Buffer o directamente recomendándote en sus redes directamente.

Ahora que has visto lo importante que es usar los botones sociales en WordPress, vamos a ver los mejores plugins para establecer enlaces a perfiles y para compartir contenidos.

Los plugins que vas a ver son recomendados porque son sencillos de manejar, visuales y rápidos. Como sabes me importa mucho la velocidad y no podemos echarlo todo a perder si usas plugins inadecuados.

Cómo usar perfiles sociales en WordPress

Como ya sabes en el repositorio de WordPress tienes de todo, por eso no vas a tener problemas en encontrar lo que buscas allí ya sean gratis o de pago.

Las plantillas por defecto suelen incluir este tipo de botones sociales en WordPress.

Además, si usas un page builder como Elementor, por ejemplo, lo vas a tener mucho más fácil al tener tener éste opciones de redes sociales integrados en sus menús.

Si tu plantilla no lo incluye y quieres insertarlos en la cabecera, widgets, sidebar, etc., una buena opción es usar un plugin como Social Icons Widget by WPZOOM.

Este plugin permite incluir en la cabecera y en distintas partes de la web iconos de perfiles sociales para que el usuario conozca todavía más la empresa.

Como dije al principio del post, aunque el plugin permite incluirlo en la cabecera piensa bien si lo necesitas.

Conclusiones

De todos los plugins que hemos visto, a parte de estos 3 últimos, si tuviera que elegir uno me quedaría con:

• Gratis: SumoMe si quieres muchas funcionalidades, o Simple Share Buttons Adder si buscas algo más sencillo.
• De pago: Simple Share Buttons Plus, o Social Warfare si buscas un poco más de personalización en lo que se comparte.

–

Y hasta aquí el listado de plugins WordPress para redes sociales. ¿Ya usas alguno? ¿Los conocías todos?

Espero haberte ayudado un poco con tu elección 🙂

La entrada Mejores plugins WordPress para redes sociales se publicó primero en Webempresa.

A todos nos gustan los fuegos artificiales, porque son maravillosos, llamativos y espectaculares.

El problema viene si vemos fuegos artificiales cada día, o si los tiran todos al mismo tiempo.

¿Te imaginas? ¡No tendría el mismo efecto tan bonito!

Te digo esto porque el tema que vamos a tratar hoy en este artículo es un arma de doble filo.

Si se usa bien, puedes incrementar esos clicks en el carrito de compra, en el registro de emails para recibir una newsletter, o cualquier otro tipo de llamada a la acción que tengas configurada en tu web.

Si se usa mal, causarás el efecto contrario: el usuario se despistará con tanto movimiento y efecto, que no sabrá dónde tiene que hacer click, y como tu web le “hará pensar”, la abandonará.

(Recuerda que un usuario en internet es vago y no le gusta pensar, prefiere que le digan dónde hacer click o qué acción tomar).

A lo largo del artículo vas a encontrar varias maneras de animar el contenido de tu web, para añadir ciertos “efectos” dinámicos a los elementos que quieras.

Sigue leyendo y presta mucha atención, porque quizás ahora no lo ves, porque nunca has trabajado con animaciones en WordPress, pero puede que te interese mucho.

¿Cuándo animar elementos en una web?

Personalmente no soy muy partidario de añadir demasiados elementos que confundan al usuario.

Esto lo comprendí cuando reformé mi casa. La diseñadora de interiores me lo dejó muy claro: cuando entras a una casa, y notas que no te gusta, es porque hay demasiados elementos que distraen la atención, y tus ojos no saben dónde hay que mirar primero, y eso crea una sensación incómoda en el cerebro.

Sin embargo, cuando entras a una casa, y todo está “en equilibrio“, los ojos van directamente a un punto concreto de la habitación en la que estés (una mesa bonita, un cuadro llamativo, una escultura original, etc).

¿Recuerdas la web que se hizo Homer Simpson en la serie? ¿A que no sabrías exactamente dónde hay que pinchar?

Una buena web, tiene que tener un claro CTA (Call to Action), y en mi opinión este es el punto clave para hacer uso de animación.

Por otro lado, ten en cuenta que cada animación o animaciones de tu web, requerirá de la carga de un archivo CSS, o JavaScript, y eso, aunque en menor medida, hará que la web cargue lenta.

También ten en cuenta que las animaciones no son muy recomendables en móvil (solamente las más sutiles), ya que pueden alterar la experiencia de usuario desde dichos dispositivos.

A continuación te describo tipos y maneras de animar prácticamente lo que quieras, en tu web de WordPress.

Animación propia de un plugin

Muchos plugins ya vienen con pequeñas opciones insertadas en paneles de control, las cuales te permiten añadir efectos animados.

Por ejemplo, un plugin para crear un slider te permitirá seleccionar entre diferentes transiciones; un plugin para crear una galería, te permitirá seleccionar si quieres que se haga zoom en la imagen si “pasas” el ratón por encima, etc.

Master Slider – Responsive Touch Slider

Este es un ejemplo de plugin para crear sliders, con el cual puedes “jugar” tu mism@ y ver qué animaciones tiene disponibles para mostrar en tu web.

Animación con Page Builders

Si lo que usas es un buen Page Builder (aprovecho para abrazarte, porque es lo mejor que puedes hacer en WordPress hoy en día), la buena noticia son que todos vienen con diferentes animaciones integradas de serie, y puedes añadirles más mediante extensiones.

La mala noticia es que si sólo te planteas usar un Page Builder, porque quieres usar animaciones, no te aconsejo ir por ese camino (con un plugin de animaciones te sobra).

Cada Page Builder tiene su propia configuración de animación (suelen estar en las opciones avanzadas, ya que no se utilizan mucho), y como yo utilizo (y es mi principal herramienta de trabajo), te enseño una captura de pantalla de dónde se encuentran ubicadas las opciones de animación en Beaver Builder.

Animación mediante CSS

La animación mediante CSS es posible, obviamente, aunque requiere ciertos conocimientos de código CSS (muy poquitos).

No lo vamos a ver aquí, al ser algo avanzado, pero te quiero comentar por encima cómo funciona.

Hay recursos disponibles para todo el mundo, que reúnen muchos efectos creados previamente.

Esas “librerías”, se tienen que instalar en tu WordPress, en los archivos del Theme que estés utilizando, y mediante una línea de PHP en el archivo functions.php, “decirle” al Theme que cargue también esa librería CSS, así esos efectos estarán “disponibles” en el caso que algún elemento “los llame”.

¿Y cómo “se llama” a una clase CSS concreta, en un elemento concreto?

Para aplicar esos efectos a un elemento en concreto, en el código HTML, tienes que indicar qué clase (class) utiliza ese elemento.

Si a un elemento, por ejemplo una imagen, quieres aplicarle una clase CSS que se llama rotate180, porque dicha clase rota el elemento al aparecer en la web, el código quedaría así:

<img class="rotate180" src="urldetuimagen.png">

Como ves no es algo super mega complicado, pero si no sabes nada de CSS o HTML, te puede sonar a chino.

Si te animas a juguetear un poco con tu web, te recomiendo que pruebes esta librería CSS: Animate.CSS

Animación mediante plugins de animación

Ahora toca hablar de “lo fácil”, que es utilizar plugins específicos para animar elementos en tu web de WordPress.

Es recomendable utilizarlos, si no estás utilizando ningún Page Builder, y no quieres recargar demasiado la web. Aunque recuerda, no te pases de la raya poniendo animaciones innecesarias.

Plugin de animación en general

El plugin más famoso que he encontrado para animar los elementos de tu web se llama Animate it, y tiene muy buena pinta.

Tiene los típicos efectos de animaciones web, y puede que te sirva para animar y dar visibilidad a ese super CTA que tantos suscriptores o ventas te va a reportar.

Por cierto, su funcionamiento es muy intuitivo, y lo que hace “por ti” es todo lo comentado en la parte de CSS anterior, de una manera muy visual y sin necesidad de tener conocimientos técnicos.

En su página de descarga hay un vídeo, para que veas cómo funciona.

Plugin para animar la carga de páginas

Gracias a este plugin, las páginas de tu web podrán tener una animación en la transición al pasar de una a otra mediante un click en cualquier enlace.

También podrás incluir un “pre-loader” a la web, para que haya una animación de “loading” (cargando), y así el visitante vea la web ya cargada (es una buena sensación).

Eso sí, puede que consuma algunos recursos extra, o que no termine de gustar a la gente, si esa animación de “loading” tarda, irónicamente, mucho en cargar.

Aquí te dejo el enlace al plugin llamado Page Animations And Transitions

Plugin para animar imágenes

Este plugin está más enfocado a la animación de cómo se muestran las imágenes en tu web.

Tiene más de 40 efectos al pasar el ratón por encima de una imagen, y es muy fácil de aplicar a tu contenido.

El plugin se llama Image Hover Effects.

Plugins para animar texto y títulos

Al igual que el plugin anterior es para una elemento muy concreto, este plugin es también para otro elemento: los textos y títulos.

Con el plugin podrás añadir ese efecto de “typing” (una palabra escribiéndose), que en algunas partes de la web queda muy bien (como por ejemplo en un Hero).

El plugin se llama Typing Effect.

Plugin para crear barras de progreso

¿Has visto en alguna web esas barras de progreso o números con círculos que se mueven a su alrededor? Pues con este plugin puedes conseguirlo.

Instala el plugin, y mira su documentación (es intuitiva no te preocupes). Podrás crear esos gráficos animados muy fácilmente.

El plugin se llama SKT Skill Bar.

Review especial: CSS Hero Animator

Y después de ver todos estos plugins en el apartado anterior, voy a analizar rápidamente uno que particularmente me ha gustado (lo he descubierto hace poco, en el momento de escribir este artículo).

En este vídeo te explico cómo se anima un elemento concreto, y verás qué fácil es:

Si te ha gustado el plugin, se llama CSS Hero Animator.

Para descargarlo te pedirá tu email, porque te lo enviarán a tu bandeja de entrada después de “activar” tu suscripción gratuita a su lista de correo.

Al ser gratuito, es una muy buena manera de “captar” algún que otro email, de gente verdaderamente interesada en su plugin.

Decir que estos desarrolladores no me han contactado ni ofrecido nada por hablar de su plugin, simplemente me gusta. En lo que no estoy de acuerdo es en los pasos para descargárselo, eso sí.

Conclusiones

El tema de las animaciones para una página web, a día de hoy es bastante común.

Pero claro, se pueden aplicar de una manera muy productiva (si es para incitar a pinchar en un CTA), o muy perjudicial para tu web si hay varios elementos animados que desvían la atención de tu usuario, y no aportan nada a la consecución de tus objetivos.

Los plugins dedicados específicamente a animar el contenido, suelen funcionar mediante shortcodes, y el gran “pero” es que si decides quitar el plugin, quedará algo de código espaguetti (que no sirve y es un lío) en tu web.

Lo que yo recomiendo es intentar utilizar un buen Page Builder, como Beaver Builder (insisto de nuevo en que no me pagan por decir esto, si no que es mi herramienta de trabajo), y si no necesitas algo tan potente como esa herramienta, utilizar un plugin muy específico y muy bien programado (no deja código espaguetti), como es el de CSS Hero (por eso lo he analizado independientemente de los otros).

Ánimo con esto de las animaciones (siento el chiste malo), y espero que este análisis te haya aclarado un poquito la mente, si tenías pensado implementar animaciones en tu web.

¡Espero que te haya gustado tanto como a mi escribirlo, y nos vemos en el siguiente artículo!

La entrada Añadir animaciones de contenido en WordPress (con y sin plugins) se publicó primero en Webempresa.

La legislación actual europea, con la entrada en vigor del RGPD en mayo de 2018, pretende salvaguardar el derecho a la privacidad de los ciudadanos comunitarios.

Asimismo, la normativa española ha sido la primera, dentro de la esfera europea, en promulgar una ley que adapta las nuevas resoluciones al marco jurídico español, la LGPDGDD.

A continuación, te enseñamos todo lo que tienes que saber para cumplir con dicha legislación; cómo afecta al uso de cookies y otras tecnologías de seguimiento online similares presentes en tu web.

La entrada en vigor del Reglamento general para la protección de datos (RGPD) en mayo de 2018 por parte de la Unión Europea te afecta a ti, como propietario de una web, y como puedes hacer uso de las cookies y otras tecnologías de seguimiento online.

Además de la vinculación con la ley europea, en España se aprobó a finales del año pasado la Ley orgánica de protección de datos y garantía de derechos digitales (LOPDGDD), que refuerza a nivel nacional la figura del consentimiento previo y establece la nueva del delegado de protección de datos.

Estas nuevas disposiciones legales afectan a todas las webs, empresas u organizaciones que utilizan cookies u otras tecnologías de seguimiento online.

Aunque se trate de una ley europea, tienen alcance mundial ya que atañe a todos los sitios que reciben visitantes residentes en la UE.

Ambas, junto con el futuro reglamento ePrivacy, tienen como objetivo primordial la protección de la privacidad de los ciudadanos europeos, devolviéndoles el control de sus datos personales, y la salvaguarda de sus derechos en la esfera digital.

Por último, la AEPD ha publicado a finales de 2019 la denominada Guía para el uso de Cookies, que pretende recopilar los principales requisitos de los distintos cuerpos legales con vigencia en territorio español.

A continuación, vamos a despejar todas tus dudas.

Cookies, ¿qué son?

Las cookies son pequeños archivos de texto que se establecen en el navegador por una web y gracias a los cuales se recaba información sobre los usuarios, desde la dirección de IP, idioma, dispositivos, cuantas veces la visita, su comportamiento dentro de la página, etc.

Esta información puede ser considerada datos personales, ya que, según el RGPD, los datos personales son todos aquellos que bien aislados o en combinación con otros pueden identificar a un individuo.

¿Cuántos tipos de cookies existen?

Existen muchos tipos de cookies, según su propósito:

• Estrictamente necesarias para el funcionamiento de la web.
• De preferencias.
• Estadísticas.
• Cookies de marketing.
• Cookies desconocidas.

Además, según la duración de las mismas pueden ser:

• Cookies de sesión.
• Cookies permanentes.

Llegados a este punto, es importante a su vez destacar otra distinción según la procedencia de las cookies:

• Propias: aquellas establecidas por la propia web.
• De terceros: cookies provenientes tanto de redes sociales como de anunciantes y grandes empresas tecnológicas.

Tú, como propietario de una web, eres responsable tanto de tus propias cookies como de los sistemas de seguimiento online de terceros que están presentes en tus dominios.

Para cumplir con el RGPD y la ley de cookies tenemos que tener en cuenta la figura del consentimiento previo establecida por la nueva legislación y que requiere que todas las cookies, excepto las estrictamente necesarias para el funcionamiento de la web, se detengan hasta que el usuario otorgue su consentimiento de manera clara e inequívoca en una acción afirmativa.

Consentimiento de cesión de datos personales, la clave

La pieza clave del sistema es la figura del consentimiento, como hemos adelantado anteriormente, y definido en el artículo 4 del RGPD: “toda manifestación de voluntad libre, específica, informada e inequívoca por la que el interesado acepta, ya sea mediante una declaración o una clara acción afirmativa, el tratamiento de datos personales que le conciernen”.

Para que este se obtenga de acuerdo con la ley, el RGPD estipula que el consentimiento debe ser:

• Transparente.
• Previo.
• Documentado.
• Claro.
• Reversible.
• Renovable.

De manera similar y adaptando la legislación europea a la realidad española, la LGPDGDD estable con principios reguladores del consentimiento los siguientes principios, que se corresponden con lo anteriormente expuesto del RGPD:

• Previo.
• Informado.
• Inequívoco.
• Escrito en lenguaje sencillo.

AEPD

A nivel nacional, la Autoridad española de protección de datos (AEPD), autoridad administrativa e independiente, se encarga de asegurar el cumplimiento de las ambas leyes, RGPD y LGPDGDD. Además, es la responsable de inscribir a una empresa como agente de tratamiento y registrar a los delegados de protección de datos.

Dentro de sus competencias, el organismo hace especial hincapié en la protección de los derechos de los ciudadanos, especialmente los referentes a acceso, rectificación, supresión limitación de tratamiento, portabilidad y oposición, según se establecen en el RGPD.

La legislación española ha sido la primera en promulgar una carta de derechos digitales, dentro del marco de la normativa de protección de datos, que amplían los expuestos anteriormente y que quedan divididos en dos tipos, dependiendo en el ámbito al que nos refiramos:

1. Ámbito personal:
   • Neutralidad de internet.
   • Acceso universal a la red.
   • Seguridad digital.
   • Educación digital y protección de menores.
   • Derecho al olvido.
   • Portabilidad.
   • Testamento digital.
2. Ámbito laboral
   • Derecho a la intimidad y utilización de dispositivos digitales.
   • Derecho a la desconexión digital.
   • Intimidad, derecho ligado a la utilización de dispositivos de vigilancia.
   • Intimidad frente el uso de localizadores geográficos.

Guía sobre el uso de cookies

Para evitar la confusión que pudiera surgir por la coexistencia de la normativa europea y la legislación a nivel nacional, la AEPD publicó a finales de 2019 una guía que pretendía solventar dichas disputas en materia de cookies.

En la misma, realizada en colaboración con el IAB España y otras organizaciones publicitarias, el citado organismo recoge sus recomendaciones para el uso de cookies a la espera de la aprobación del futuro reglamento europeo de ePrivacy.

Las principales novedades introducidas por la AEPD en la guía respecto a otras publicaciones de índole parecida son:

1. Admite la acción de “seguir navegando” como válida.
2. Deslizar la barra de desplazamiento, cerrar la ventana emergente y acciones similares se consideran actos afirmativos de consentimiento.
3. Se recomienda la renovación del consentimiento cada 24 meses, aunque no tiene carácter obligatorio.
4. Amplía el tipo de cookies que considera estrictamente necesarias (preferencias de idiomas u otros ajustes establecidos de manera voluntaria por parte del usuario).

Privacidad, la tendencia

La entrada en vigor del RGPD supuso el pistoletazo de salida dentro de las normativas que pretenden regular la actividad de recogida, almacenamiento y venta de datos personales a nivel mundial.

Asimismo, en enero de este año se ha introducido la California Consumer Privacy Act (CCPA) – El Acta de la privacidad del consumidor de California- que se mueve en la misma dirección y pretende salvaguardar la privacidad de los ciudadanos frente a los gigantes tecnológicos.

Estas leyes son las primeras piedras de toque dentro del marco legal internacional que han surgido como respuesta a la creciente concienciación por parte de la ciudadanía que desea recuperar el control de su esfera privada, convertida en mercancía durante la última década.

No te quedes atrás y actualiza tu web, de ti depende.

Solución con WordPress

WordPress en un gran CMS en el que podremos apoyarnos a la hora de cumplir con la legislación vigente sobre privacidad y tecnologías de seguimiento.

A mano tendremos diversas herramientas como son los plugins que nos ayudarán en el camino a la adaptación a la política de privacidad. Si quieres ver cuales son los que más te pueden ayudar te dejo una lista de los mejores plugins gratuitos de Cookies para WordPress.

La entrada ¿Qué son las cookies? ¿Cómo afecta en tu web el RGPD? se publicó primero en Webempresa.

¿Qué es lo primero que haces cuando hojeas un libro? La portada, la contraportada y la solapa nos aportan información genérica sobre el contenido del libro y, cuando queremos saber algo más, empezamos a hojearlo y, generalmente, nos paramos en su índice.

El índice de un libro permite localizar rápidamente la página o páginas dónde está la información que nos pueda interesar, pero también proporciona información sobre el contenido general del libro, su estructura y, en definitiva, nos sirve de referencia para adquirirlo.

Con los posts o páginas de un sitio web sucede algo similar.

Cuando un usuario llega a un post, habitualmente después de realizar una búsqueda orgánica en Google, lo que quiere y necesita es encontrar el punto del texto que resuelve su duda o pregunta, lo que le llevó ahí.

Sin un índice, el usuario está obligado a recorrer toda la página web, que puede tener varias miles de palabras. Esto le puede desincentivar y hacerle desistir de seguir mirando y buscar en otra página.

Con una tabla de contenidos evitamos esta situación: el usuario no solo no se encontrará perdido cuando llegue a nuestra página o post y podrá localizar rápidamente la información que estaba buscando, sino que puede encontrar otros puntos de interés en el resto del contenido.

En este artículo, veremos en qué consisten las tablas de contenidos, qué ventajas y características tiene y cómo implantarlo en nuestros posts y páginas de un Crear WordPress fácil y rápidamente, con o sin plugin.

¿Qué es una tabla de contenidos?

Básicamente, tal como se menciona en la introducción, una tabla de contenidos equivale al índice de un libro, aplicado a una página web, que muestra la estructura del contenido de la página web y un enlace a cada unos de sus apartados.

Con respecto al índice del libro, en que tenemos que buscar y localizar la página del libro a partir del número en el índice, la tabla de contenidos permite al usuario “saltar” directamente al punto que le interesa de la página web, clicando en la referencia que aparece en la tabla.

Un ejemplo de tabla de contenidos lo podemos ver en esta imagen de ejemplo, en la que se muestra la siguiente tabla de contenidos (o índice de contenidos) y en la que se pueden identificar sus principales elementos:

Cuando el usuario llega a la página web, lo primero que ve es su descripción, con una breve introducción del contenido de esa página, que equivaldría a la portada o contraportada de un libro, seguido de la tabla de contenidos, donde puede leer y localizar su área de interés.

Imaginemos la diferencia, desde el punto de vista del usuario, con una página que no tuviera tabla de contenidos: el usuario tendría que desplazarla hacia abajo con el ratón, localizando e identificando cada área relevante del contenido.

Si el usuario se desplaza demasiado rápido por la página, podría no localizar lo que anda buscando, volviendo a la página de búsqueda de Google y, a nosotros, dejándonos con una visita con bajo tiempo de estancia.

Por tanto, una tabla de contenidos, bien diseñada y organizada (después veremos cómo hacerlo), mejora la experiencia de usuario cuando llega a nuestra página web, con el consiguiente impacto en el posicionamiento orgánico.

Estructura de una tabla de contenidos

Veamos ahora qué elementos contiene o puede contener una tabla de contenidos y en qué consiste cada uno de ellos:

• Encabezado de la tabla de contenidos. Aunque una tabla de contenidos se identifica visualmente, resulta conveniente añadirle un encabezado distintivo y visible, con letras grandes y destacadas, con un texto claro como “Tabla de contenidos”, “Índice de contenidos” o similar.

 

• Ocultar/Mostrar la tabla de contenidos. La mayoría de los plugins permiten añadir un enlace junto al encabezado de la tabla de contenidos, que la muestra u oculta.

  En estos casos, la tabla debería mostrarse siempre por defecto, al cargar la página web, para evitar que el usuario tenga que pulsarlo.

  Aún así, esta característica no proporciona realmente ninguna utilidad: si el usuario quiere consultar de nuevo la tabla, debería volver a pulsar dicho enlace.

 

• Relación de las secciones principales del contenido. De forma similar a un libro, el post o página está organizado en secciones (capítulos), cada uno con su encabezado.

  La tabla de contenidos contiene el texto de estos encabezados, como texto ancla del enlace interno que lleva directamente al inicio de esa sección.

 

• Relación de los apartados de cada sección principal. Cuando el post o página es suficientemente largo (más de 2.000 palabras, como este mismo artículo que estamos leyendo), posiblemente algunas secciones contengan varios apartados.

  Si el post está bien organizado, cada apartado tratará un tema muy concreto y tendrá un encabezado, por lo que incluir este encabezado, con su enlace interno directo, será muy útil para que el usuario llegue directamente a lo que le interesa.

 

• Elementos gráficos o visuales. La tabla de contenidos se puede “adornar” con imágenes o viñetas gráficas. En general, no son recomendables, pueden recargar visualmente la tabla de contenidos, puede confundir al usuario y no aportan ninguna información.

  Viñetas tradicionales, como puntos gruesos o guiones, son más que suficientes para organizar la información de la tabla de contenidos.

¿Cómo diseñar una tabla de contenidos?

• Diseño identificativo y resaltado
• Debe estar siempre al principio
• Siempre se debe mostrar por defecto
• No más de dos niveles de anidamiento

Cómo crear y añadir tablas de contenidos en WordPress

Llega el momento de poner en práctica todo lo que hemos aprendido y ver cómo insertar una tabla de contenidos en nuestros posts y páginas en WordPress.

Para ello, veremos dos métodos. Uno, utilizando HTML dentro del post, algo más laborioso para nosotros; otro, instalando un plugin, que lo hace por nosotros, aunque dependeremos de las posibilidades de configuración de ese plugin.

Tablas de contenidos con HTML

Podemos insertar nosotros mismos las tablas de contenido como parte del contenido HTML del post o página, utilizando las siguientes etiquetas HTML:

• < UL >, para generar la lista no enumerada que contendrá las entradas con los encabezados de las secciones y apartados.
• < LI >, que contiene cada una de las entradas de la tabla de contenido.
• < A href=”#etiqueta” >, para incluir el enlace interno al punto del post donde comienza la sección o apartado correspondiente a esa entrada.
• < id=”#etiqueta”>, que colocaremos en el encabezado de cada sección o apartado, y que formará parte del enlace interno en la tabla de contenidos.

El siguiente vídeo muestra un ejemplo de cómo utilizar estas etiquetas HTML con un post en WordPress:

Tablas de contenidos con plugins

Editar nosotros mismos el código HTML para crear la tabla de contenidos nos permite tener total control sobre su visualización y disposición.

Sin embargo, al tratarse de una labor casi mecánica, puede resultar tediosa y proclive a errores de transcripción.

WordPress dispone de una amplia colección de plugins que generan las tablas de contenidos por nosotros, sin necesidad de editar HTML ni tener cuidado con la correcta escritura de enlaces y encabezados, tan solo instalarlos y configurarlos debidamente.

En el siguiente vídeo se muestra cómo instalar y configurar el plugin “Easy Table of Contents”, uno de los más utilizados y con múltiples opciones de personalización para nuestro sitio web:

Cómo se organiza una tabla de contenidos: buenas prácticas

Como hemos visto, el concepto de tabla de contenidos es muy sencillo y, a primera vista, muy fácil de crear. Sin embargo, esta aparente facilidad esconde el principal propósito de una tabla de contenidos: que sea útil.

De nada sirve tener una tabla de contenidos si un usuario la consulta y no entiende claramente sus entradas (esto es, los encabezados de cada sección y apartado) o, cuando sigue sus enlaces, el texto no se corresponde con lo que esperaba encontrar.

Ésta y otras consideraciones que veremos a continuación, son críticas para que insertar una tabla de contenidos no sea un mero formalismo técnico (fácil de resolver, por otro lado), sino que aporte utilidad al usuario y no se sienta frustrado o aún más perdido al utilizarla.

Así pues, para organizar y crear una tabla de contenidos que sea útil debemos seguir estas pautas:

• Tener una buena estructura de la información contenida en el post, organizada lógica y coherentemente en secciones y éstas, a su vez, en apartados.

  Una tabla de contenidos en que la información de dos secciones o apartados se solapan confundirían al usuario, que no sabría a cuál de esas secciones o apartados dirigirse.

 

• Una tabla de contenidos tiene sentido y utilidad cuando el texto del post o página sea bastante alto. Posts que ocupen menos de 1000 palabras o menos de dos pantallas tendrán una tabla de contenidos con dos o tres enlaces como mucho y no aportan nada a la experiencia de usuario, que casi podrá ver el artículo de un vistazo.

  Sería como tener un índice para un folleto de dos páginas.

 

• El texto de los encabezados de las secciones y apartado deben representar fielmente su contenido. Aunque parecer evidente, ¿quién no ha seguido alguna vez un enlace de una tabla de contenidos y se ha encontrado una información que no es acorde al encabezado?

  El mismo esmero que pongamos para optimizar los encabezados para el SEO, debemos ponerlos para que representen el contenido de la correspondiente sección o apartado

 

• Evitar secciones y apartados con menos de 100-150 palabras (2-3 párrafos) y más de 300-400 palabras (6-7 párrafos) de texto plano.

  Si son muy cortos, ver una pantalla el que los encabezados destacan más que el texto real confunde al usuario: demasiados encabezados atraen su atención.

  Si son muy largos, puede dificultar su lectura y comprensión por parte del usuario, y deberíamos plantearnos subdividir esa sección o apartado.

 

• Si la tabla de contenidos es muy corta (tres o menos entradas) o muy larga (más de 20-25 entradas), plantearse revisar la estructura del contenido del texto.

  Si el artículo es muy corto, una tabla de contenidos carece de utilidad (como hemos visto en un punto anterior), pero si fuese largo, deberíamos comprobar que no estamos mezclando conceptos dentro de una misma sección o apartado.

  De igual forma, si la tabla de contenidos es muy grande, debemos preguntarnos si podríamos combinar apartados similares o reagrupar las secciones de otra forma.

 

• Procurar tener menos de 7-8 secciones principales y menos de 7-8 apartados por sección. Por un lado, porque con tantas secciones y apartados hay más posibilidad de que su información se solape y, por otro lado, por mera cuestión de usabilidad: demasiadas secciones o apartados pueden confundir o intimidar al usuario.

Ventajas de usar tablas de contenidos en WordPress

Ya sabemos qué es y cómo se debe organizar una tabla de contenidos pero, aparte de que resulta útil al usuario (lo cual de por sí ya es razón suficiente), ¿utilizar tablas de contenidos aporta alguna ventaja adicional?

De hecho, son varias las ventajas que obtendremos al insertar tablas de contenidos en nuestros posts y páginas:

1. Mejora la experiencia de usuario

Ventaja principal que ya hemos visto anteriormente: cuando el usuario llega a un post o página, tiene acceso directo a la información que está buscando, lo cual tiene dos efectos: aumenta su tiempo de permanencia en la página y obtiene una buena imagen de nuestro sitio web, al haberle resulta fácil y rápidamente su duda.

2. Destaca en los resultados de búsqueda

Si hacemos en Google la búsqueda “instalación plugin Paypal Express WordPress”, obtendremos el siguiente resultado, donde se muestran resaltados el acceso directo a enlaces internos de esa página web:

Si echamos un vistazo a este artículo, veremos que en su tabla de contenidos aparece la información que se muestra en la página de resultados; es decir, el usuario, desde Google, puede acceder directamente al punto del post que satisface su consulta.

Además, al aparecer entradas de la tabla de contenidos en esta búsqueda, conseguimos que nuestro enlace destaque con respecto a otros enlaces que no tengan esa información, haciendo más probable que el usuario clique en él.

3. Mejora la estructura de los enlaces internos

Técnicamente, las tablas de contenidos son enlaces internos a diversas partes de una misma página web, en los que tenemos total control sobre sus textos ancla y, por extensión, para asociarlas a las palabras clave de búsqueda sobre las que nos interese posicionar.

Esta estructura, además, también facilita el trabajo de indexación de los rastreadores de Google, que podrá identificar y asociar un enlace a cada porción de contenido textual del post o página

4. Mejora el posicionamiento orgánico (SEO)

Las ventajas anteriores que hemos mencionado son criterios que el algoritmo de Google evalúa para posicionar una página web. Por tanto, si utilizamos adecuadamente las tablas de contenidos, nuestra página web también conseguirá mejor posicionamiento en la búsqueda por sus palabras clave.

5. Facilita la estructuración y redacción de posts largos

Tener una tabla de contenidos obliga a estructurar correcta y eficazmente el contenido del posts en secciones y apartados, si queremos haberlo bien y que esa tabla sea útil para el usuario.

Por tanto, tener la tabla de contenidos en mente (e incluso haciendo un esbozo previo) nos servirá como referencia mientras estemos redactando el contenido, con objeto de seguir las buenas prácticas que hemos visto anteriormente.

Conclusiones

Las tablas de contenidos permiten añadir una referencia rápida que dirija a las partes relevantes de un post o página, de forma que el usuario, sin necesidad de desplazarse por la página, pueda hacerse una idea de la información que contiene y saltar directamente al punto que le interese mediante un enlace interno.

A esta comodidad para el usuario, se une que los rastreadores de Google son capaces de identificar e interpretar la información de una tabla de contenidos; es decir, el texto de las entradas y sus enlaces internos.

Gracias a este rastreo, Google puede mostrar parte de esa tabla de contenidos durante los resultados de búsqueda de un usuario, lo mejora nuestro posicionamiento orgánico y aumenta mucho la posibilidad de que ese usuario clique en el enlace y visite nuestra página web.

El principal objetivo de una tabla de contenidos es que sea útil y práctico para el usuario, para lo cual debemos seguir diversas buenas prácticas, como el tamaño de la tabla de contenido, el texto de cada una de sus entradas, o la organización de las secciones y apartados, entre otros.

Finalmente, podemos añadir las tablas de contenidos manualmente, editando nosotros mismos las etiquetas HTML dentro del texto del post, o utilizando un plugin, que inserta automáticamente la tabla de contenidos, con opciones de configuración para personalizarlo a nuestro sitio web.

La entrada Crear índice o tablas de contenidos en posts de WordPress se publicó primero en Webempresa.

Activar el modo catálogo en Woocommerce es una tarea necesaria si quieres tener una tienda online donde mostrar tus productos pero no quieres establecer un sistema de pagos en la web.

Si lo que buscas es que tu sitio web tenga las mismas características y funcionalidades que un ecommerce pero no quieres dar la opción al cliente a que los compre directamente, la desactivación de los botones de compra es la solución.

Con esta simple acción vamos a conseguir convertir un comercio electrónico normal en un catálogo en línea.

Las razones por las que puedes necesitar llevar a cabo esta operación pueden ser varias:

• Quieres gestionar los pagos de otra manera y prescindir del pago directo.
• Necesitas un sistema de gestión de envíos entre tiendas propias o quieres que directamente se pongan en contacto contigo y no necesitas mostrar el precio ni gestionar el mismo automáticamente.
• Estás empezando a lo mejor no estás preparado para vender directamente. Con la activación del modo catálogo en WooCommerce.
• Te encuentras en medio de trámites legales y esos papeles tan necesarios no acaban de llegar.
• Pues estar estudiando y comparando la mejor forma de establecer el sistema de lógistica.
• Vas a realizar tareas de mantenimiento y quieres que los productos se sigan mostrando mientras se realizan los cambios sin tener la opción de comprar.

Cualquiera de estas situaciones se pueden presentar y activar el catalogo en tu WooCommerce es la solución.

Muy bien José, ¿Y cómo hago esto?

Como siempre te comento en otros artículos, de manera muy sencilla como vas a ver, concretamente tienes 3 opciones:

1. A través del Plugin Catalog for WooCommerce.
2. Instalando el Plugin Yith WooCommerce catalog mode.
3. Insertando un código en el funtions.php de tu tema.

Si quieres ver como se hace, sigue leyendo el tutorial y/o mira este video donde te lo explico todo:

Cómo activar el modo catálogo con el Plugin Catalog for WooCommerce

Como siempre, accede al administrador de plugins y haz clic en añadir nuevo.

Busca el plugin Catalog for WooCommerce en el buscador, instálalo y actívalo.

En el panel lateral aparecerá una nueva opción llamada “catalog mode”.

Haz clic en ella y accederás a este simple y rápido panel de configuración en su versión gratuita (cuenta con opción Premium).

Como ves en la imagen, la configuración es de lo más fácil que puedes hacer.

Versión gratuita Plugin Catalog for WooCommerce:

En el panel de la izquierda están las opciones para las descripciones de productos.

En el panel de la derecha cuentas con las pestañas para la página de la tienda.

En ambas puedes:

• Activar o desactivar los botones de compra.
• Eliminar o no el precio debajo de cada producto.
• Desactivar estrellas.
• Desactivar reviews (Esta última pestaña sólo está disponible para la versión Premium).

Si activas todas las pestañas tanto de la ficha de producto como la de la página de los productos, desaparecerán en toda la web tanto los botones como los precios convirtiendo tu tienda en una catálogo de productos.

¿Y qué ocurre con el carrito del menú? El carrito del menú sigue estando visible aunque no sirva para nada.

Para eliminarlo puedes hacerlo con las opciones de tu plantilla de WordPress o desactivándolo con CSS (lo veremos más abajo).

Nota: el plugin cuenta con una opción de settings para cambiar el formato de los botones, padding, colores, bordes etc…

Aunque no es una opción para catálogos propiamente, este plugin con esta función te puede servir para un futuro si tu plantilla no te da facilidades de edición de los botones.

Versión premium Plugin Catalog for WooCommerce:

• Permite esconder las reviews en los productos.
• Cuenta con la opción de aplicar a categorías concretas.
• Opción para que el producto se asigne como descargable sin tener que pagar.
• Establecer roles de usuario.
• Uso de formulario en lugar del botón para dar facilidad al cliente a que contacte directamente con el proveedor.
• Empleo de shortcodes para adaptar formularios como contact form 7 al establecido por el plugin de catálogo.

Cómo activar el modo catálogo con el Plugin Yith WooCommerce catalog mode

Este segundo plugin es prácticamente igual que el anterior. Cuenta con versión Premium y una de las diferencias principales es que este no te permite eliminar el precio.

Esto no es un problema ya que al querer crear un catálogo no necesitamos establecer precios y si los necesitamos por algún motivo, entonces perfecto.

Cuenta con una versión gratuita que puede ser más que suficiente para lo que estamos hablando, aunque la versión Premium cuenta con características interesantes.

Una vez instalado y activo en el administrador de WordPress aparece la opción Yith.

Haz clic en ella y accederás a las siguientes opciones:

Características versión free Plugin Yith WooCommerce Catalog Mode:

• Pestaña de ocultar el botón de precio en la descripción de los productos.
• Pestaña para ocultar el botón precio en las páginas de productos.
• Activar o desactivar el modo catálogo para los administradores de la web.
• Ocultar todas las funciones del pago en carrito dejando inhabilitado el icono del carrito del menú.

Igual que con el anterior plugin tienes que desactivar el icono del menú gracias a las opciones de tu plantilla y si no te lo permite empleando CSS como ahora vamos a ver.

Características versión premium Plugin Yith WooCommerce Catalog Mode:

• Permite ocultar los precios por tipo de usuario o país haciendo que los precios sólo sean visibles en España por ejemplo.
• Desactivación de las valoraciones para quien tú quieras.
• Podrás cambiar el texto del botón haciendo que ahora el usuario pueda por ejemplo solicitar presupuesto.
• Opción de añadir un formulario de contacto para solicitar el presupuesto de un determinado producto. Además en todo momento tendrás el control sobre que producto es el solicitado ya que lo recibirás en el formulario pudiendo llevar el control de los más solicitados.
• Listas de exclusión de mostrar o no el botón el los productos que elijas.

¿Qué hacemos con el icono del carrito del menú? Igual que el anterior plugin se puede desactivar con la plantilla y si no es posible usaremos CSS. (ahora lo vemos).

Cómo activar el modo catálogo sin plugins

Si quieres evitar instalar un plugin, una simple línea de código va a convertir tu ecommerce en un catálogo de la misma forma que los anteriores.
Para ello sólo tienes que copiar el siguiente código en el funtions.php de tu tema.

remove_action( 'woocommerce_after_shop_loop_item',
'woocommerce_template_loop_add_to_cart', 10 );

remove_action( 'woocommerce_single_product_summary', 
'woocommerce_template_single_add_to_cart', 30 );

remove_action( 'woocommerce_simple_add_to_cart',
'woocommerce_simple_add_to_cart', 30 );

remove_action( 'woocommerce_grouped_add_to_cart',
'woocommerce_grouped_add_to_cart', 30 );

Para ello accede al panel de control de tu WordPress>Apariencia>Editor de temas.

Mira en la parte de la derecha donde tendrás que seleccionar el tema que estás usando en el desplegable y busca la línea donde pone archivo funtions.php.

Copia el código al final del todo y haz clic en guardar.

Nota: Si al hacer clic en guardar no te permite hacerlo es porque tienes asignado alguna prohibición por seguridad.

Tendrás que acceder desde el panel de control de tu hosting a la carpeta administrador de archivos y en la carpeta content buscar el tema y editar desde allí el código funtions y hacer lo mismo.

Si eres principiante o te da miedo el código te doy otra opción mucho más sencilla.

Instalar el código Code Snippets

Estarás pensando: ¿si voy a usar el código para ahorrar tener que instalar un plugin de catálogo, para que voy a instalar otro plugin para ello?.

Cierto, pero este plugin de Snippets es muy ligero y te va a permitir insertar de manera muy fácil cualquier código que quieras meter en el funtions en un futuro.

Además, si actualizas la plantilla, todos los códigos que tengas metidos en este plugin no se perderán.

¿Cómo funciona? Simplemente búscalo en el repositor de WordPress, instala y actívalo.

Haz clic en los ajustes (fragmento de código) y pulsa “Añadir nuevo”.

Introduce un título (por ejemplo código catálogo WooCommerce), inserta el código en el campo donde pone “código” y haz clic en guardar cambios y activar.

Ya está, esto hará lo mismo que el método de antes y podrás ver como los botones de las descripciones de los productos y la página de los mismos habrá desaparecido.

Después de esto sólo queda ver cómo eliminar el icono del carrito del menú.

Vamos a ello…

Cómo eliminar el carrito del menú con CSS

Para desactivar el icono del carrito del menú, tendrás que ver si tienes la opción en la plantilla de tu WordPress y si no la tiene hay, que usar código CSS.

Para ello, hay que inspeccionar el elemento del carrito (en el video de arriba explico como se hace).

Es muy sencillo, haz clic en el botón derecho del ratón y elige “inspeccionar”. Con esto verás el código de la página (lo puedes hacer con Google Chrome o con Firefox).

Haz clic en la flechita de la izquierda (ver imagen) y sitúa el ratón encima del icono del carrito de compra.

Como ves en la imagen de arriba, aparece un código:

 ( .cart-contents.shopping-cart ) 

Este es el la class que identifica el carrito de compra en mi plantilla (en tu caso será otro).

Si te fijas, es el mismo que se ve en el código de abajo.

Esa línea es la que tienes que copiar y pegar en el personalizador css de tu plantilla.

Para ello, accede al panel de control y busca “personalizar”. Busca la opción “CSS adicional”, y al final inserta el siguiente código (recuerda que a según la plantilla el código será distinto.

Copia el tuyo y añade:

 { display:none; } 

Ejemplo:

.cart-contents.shopping-cart { display:none; }

Si haces clic en guardar verás que el icono del carrito habrá desaparecido del menú.

Con esto tu tienda de Woocommerce se habrá convertido en un catalogo al 100%.

Conclusión

Has podido ver 3 formas de activación del modo catálogo en Woocommerce.

De forma muy sencilla has podido ver como eliminar los botones de acción en productos y páginas desaparecen.

Además has aprendido a eliminar del menú el icono del carrito usando CSS.

¿A qué esperas para activar tu catálogo de productos en tu ecommerce?

La entrada Activar modo catálogo en WooCommerce [Actualizado 2020] se publicó primero en Webempresa.

En ocasiones nuestros negocios online necesitan mostrar diferentes tipos de contenido dependiendo de dónde sea un visitante.

Si tienes una tienda online, que vende a diferentes países; un blog que escribe diferentes artículos en diferentes idiomas, dependiendo del país; un freelance que muestra una hoja de servicios profesionales dependiendo desde dónde le visitan, o algún otro caso parecido, sigue leyendo porque te interesa mucho este artículo.

Lo que sí que adelanto es que este artículo tiene cierto nivel de conocimientos y te lo vas a tener que leer más despacio de lo normal, porque es importante conocer aspectos muy específicos para entender las redirecciones (o Geo Redirecciones en este caso) en WordPress.>

Una Geo Redirección consiste en enviar a un visitante de determinado país (el cual se mide por IP) a un determinado contenido de tu web.

¿Por qué redireccionar?

Hay, o pueden haber, muchas razones por las cuales a tu proyecto le podría venir muy bien tener geo-redirecciones:

• Ofreces varios idiomas en tu sitio web.
• Podrás ofrecer “contenido local” a tus visitas (por ejemplo, si tienes un blog sobre eventos, la gente de “Madrid”, verá automáticamente los eventos “en Madrid”).
• Podrás personalizar otro tipo de elementos como cupones de descuento y campañas de marketing muy específicas.
• Si tienes una tienda online, podrás modificar los impuestos de tus productos automáticamente, dependiendo desde dónde te visiten.
• Si hay determinados banners legales (como el de las cookies en Europa), podrás hacer que dicho banner “sólo moleste” a los que te visitan desde, en este ejemplo, Europa.
• Siguiendo con la tienda online, podrás restringir productos dependiendo desde donde te visitan.
• Podrás añadir una capa de seguridad a tu sitio web, “echando” fuera de tu web cualquier visita desde países que no te interesen.
• Otro tipo de razones para redireccionar que ahora no se me ocurren.

Ejemplos de redireccionamiento

Ya de cara al contenido de tu web, a continuación te menciono algunos ejemplos de redireccionamiento, configurables con los plugins que te menciono más abajo:

• Redirección en base a la geolocalización.
• Redirección a páginas, plantillas, artículos específicos.
• Filtrar usuarios por tipo de motor de búsqueda (Google, Baidú, Yandex, etc).
• Filtrar usuarios que nunca han comentado en tu web.
• Filtrar usuarios que hayan llegado a tu sitio web a través de otra web (y no a través de una búsqueda en Google).
• Filtrar usuarios por su rol en tu sitio web.
• Redirección de usuarios que estén online, u offline.
• Redirección dependiendo del dispositivo que utilicen tus visitas (tablet, teléfono, ordenador portátil, etc).
• Redirección cuando tus visitas son “bots” o “crawlers” de Google (las famosas arañitas que indexan tu contenido).
• Redirección dependiendo del tipo de página que se visite en tu web (página padre, página hija, un nombre específico de una página, etc).

Como ves, ya te había avisado al principio del artículo que puede que éste te resulte un poco más difícil de masticar que los que normalmente escribo.

Voy a pasar ahora a describirte los tipos de destino para estas redirecciones por geolocalización, a ver si poco a poco te vas empapando de todo.

Tipos de destinos más comunes

El destino de una redirección puede tener muchas variaciones. Dependiendo del objetivo que tengas, podrás montártelo como mejor te venga, y hacer tu estrategia de redirección más o menos compleja.

Los “destinos” de redirección más comunes, son:

• Redirección a un idioma diferente. (Aunque hay plugins de traducción, que ya vienen con dicha redirección por geolocalización de serie, como WPML).
• Redirección anti-hackers a cualquier página que no sea la tuya. (Hay muchos hackers de países del este y Asia, que mejor tenerlos “mirando” a otra parte, cuando visitan tu web).
• Redirección a otro dominio tuyo. (Por ejemplo si tienes www.tutiendaonline.es y rediriges a otra página de www.youronlineshop.com destinado a público americano).

Es una lástima que (todavía) WordPress no incluya por defecto un sistema de redireccionamiento por geolocalización, pero habiendo plugins my especializados en ello, no vas a tener mayor problema para conseguir la redirección deseada.

Antes de pasar a comentarte dichos plugins, me gustaría dar un repaso al vocabulario que tienes que conocer y tener en cuenta a la hora de utilizar estos plugins, ya que la gran mayoría son en inglés, y hay que tener mucho cuidado con la configuración de los mismos (ya que podrían romper tu web).

Vocabulario a tener en cuenta

Como acabo de mencionarte, veo muy importante repasar brevemente esos “palabros” que te puedas encontrar en las configuraciones de los plugin, y conceptos relacionados con la geolocalización, para tener cierta base de conocimientos antes de pasar a utilizar cualquier herramienta.

Como ya te avisé al principio, el artículo sigue sin ser facilillo, ¿verdad? 🙂

Reglas de redirección

Este es el concepto más sencillo. Son las propias reglas de redirección en sí. Por ejemplo, mandar a alguien que te visite desde Francia, a una página con una bandera francesa, es una regla de redirección.

URL

Dentro de las reglas de redirección mencionadas en el punto anterior, una URL sería, en el ejemplo: www.paginanuestra.com/bandera-francesa.

Si te quieres poner técnico, URL en sí, significa “Localizador de Recursos Uniforme” (Uniform Resource Locator en inglés).

Pero seguro que con decirte que es un “link” de toda la vida, lo entiendes.

IP

La IP es el “DNI” de tu ordenador. Puede ser tu ordenador, o cualquier otro ordenador.

Esa IP contiene información, entre la cual se encuentra tu zona geográfica (ciudad, país, continente, etc).

Por eso la IP es tan importante para la geolocalización, porque es uno de los pilares base de información requerida por el plugin que utilices, para poder funcionar correctamente.

Whitelist

Una whitelist o lista blanca no es más que un listado de IPs que tienen acceso completo a una URL (porque son IPs de confianza).

Es como una lista de una zona VIP de una discoteca, en donde un portero de dos metros por dos metros te deja pasar.

Blacklist

Como podrás imaginar, la blacklist o lista negra, es lo contrario a la whitelist. Son las IPs que se bloquean de cara al contenido de tu web.

En la metáfora usada, en este caso, el portero te agarraría por los hombros y te expulsaría de la discoteca inmediatamente.

Redirección estática

Aunque suene difícil, una redirección estática no es más que una redirección que se configura con cualquier regla, y no se cambiará durante mucho tiempo, o prácticamente nunca.

Redirección dinámica

Sin embargo la redirección dinámica es una configuración de regla de redirección que va cambiando periódicamente.

API Key

La API es algo muy “de desarrolladores”, que hace que, a través de la misma, se puedan conectar diferentes aplicaciones o herramientas web.

A ti te interesa saber qué es, porque si utilizas un plugin basado en SAAS (Software as a Service), en el que tienes que pagar una mensualidad por utilizarlo, normalmente viene con una clave de API (API key), que tienes que conectar con tu web de WordPress en donde hayas instalado el plugin de dicho SAAS. (ahora toca respirar después de esta definición).

Caching

Cuando un contenido web se utiliza continuamente, lo que hace la “caché” es almacenar ese contenido en el servidor, para poder cargarlo más rápido a aquellas visitas que lo estén viendo todo el rato.

Te interesa saber qué es, porque hay algunos plugins de redirección por geolocalización que no funcionan muy bien si utilizas algún plugin de Caché para WordPress, como por ejemplo WP-Rocket.

Queries

Esta palabra que tanto les gusta usar a los desarrolladores mientras toman café y hablan sobre su trabajo de bases de datos, no es más que las “llamadas” que “un contenido” hace a “otro contenido”, normalmente almacenado en una base de datos.

Por eso, en los plugins de redireccionamiento por geolocalización, siempre se van a hacer llamadas (queries) a servidores, para saber desde dónde nos visitan y poder actuar en consecuencia, dependiendo de las reglas que hayamos configurado previamente.

Plugins de geo-redireccionamiento

Ahora ya por fin pasamos a la parte más interesante, que son los plugins que he encontrado que tienen muy buena pinta, y con los cuales vas a poder “jugar” todo lo que quieras.

Antes de nada, como siempre, comentar que ninguno de los autores de estos plugins me ha pagado millones de euros o regalado docenas de jamones de pata negra para que hable de sus trabajos. (¡Que más quisiera yo ser así de importante!).

Los he separado en “gratuitos” y “de pago”, porque con los gratuitos, si no tienes un gran proyecto muy grande, te sobra.

Eso si, si tu proyecto depende en gran medida de una estrategia de redirección por geolocalización, entonces te recomiendo encarecidamente que optes por pagar un plugin premium, ya que te va a venir mucho mejor para tu web.

Plugin gratuito

Puesto que las redirecciones por geolocalización requieren de “llamadas” a determinadas bases de datos, es muy difícil encontrar un plugin que sea gratuito y que nos sirva al 100%.

Existe este que te propongo a continuación, aunque casi que te recomendaría que optaras por las “pruebas gratuitas de 14 días” de los plugins de pago.

Aun así, ¡eres libre de hacer lo que quieras! 🙂

IP2Location Redirection

Este plugin me ha llamado la atención porque tienen una parte gratuita bastante potente y flexible.

Lo que más me ha llamado la atención es su interfaz, bastante fácil e intuitiva, para configurar reglas de redirección complejas.

Eso sí, si utilizas un plugin de caché, ya te avisan en su página de que no va a funcionar mientras lo tengas activo.

Plugins de pago

Como siempre digo, un plugin o servicio premium lo es, porque ofrece, en teoría, algo de calidad.

Así que si lo que necesitas es algo muy premium, y con soporte incluido, no te lo pienses a la hora de utilizar herramientas parecidas a las que te traigo aquí (no tienen por qué ser éstas en concreto).

Geo Redirect

Este plugin premium te ofrece 14 días de prueba. Aun así, merece la pena probarlo, para saber si te va a ser útil o no.

Es bastante completo, y funciona por SAAS (hay cuota mensual).

Geo Targeting WP

Justo como el plugin anterior, este servicio mensual también tiene prueba de 14 días.

Lo bueno es que puedes ir escalando tus necesidades (y el precio) dependiendo de la cantidad de “queries” que vayas haciendo.

WP GeoIP Country Redirect

Este plugin es más barato (se compra una única vez por menos de 20 dólares) y te permite configurar determinadas reglas de redireccionamiento.

Ni de lejos se acerca a lo que ofrecen los dos anteriores, pero no está nada mal si tu proyecto es sencillo y no requieres de algo muy potente.

Herramienta para hacer tests: Ciberprotector

¡Pero no te preocupes! Que por lo menos, te traigo una herramienta para cambiar tu IP.

Así podrás testear tú mismo las herramientas premium que cito aquí.

Esta herramienta se llama Ciberprotector y además de ser un Gestor de Contraseñas, su VPN (Virtual Private Network) te permite visitar webs “como si estuvieras en otro país”.

Gracias a esta herramienta, nadie podrá seguir tus pasos en la red.

Se oculta tu dirección IP y tu ubicación para que puedas navegar de forma anónima y no sea posible rastrear tu huella digital.

Esto es posible ya que no usarás la dirección IP que te proporciona tu proveedor de internet, sino una de las IPs del servidor.

De esta forma, en el momento que quieras comprobar el real funcionamiento de las redirecciones en otro país, bastará con conectarse a un servidor del mismo país en cuestión, y así podrás acceder al contenido a comprobar.

Existen otros servicios de VPN gratuitos, pero éstos suelen tener unos límites de velocidad y servidores sobrecargados, provocando así una navegación más lenta.

Sin embargo el inconveniente más importante de los VPN gratuitos es que, debido al abuso de estos mismos servidores, muchas de las web a las que quieras acceder los tengan bloqueados a pesar de que tu localización sea correcta, por lo que no podrás realizar la comprobación que necesitas y no serviría de nada.

Conclusiones

Como ya has podido comprobar esto de las redirecciones por geolocalización es un poquito más complicado de lo normal.

Eso sí, una vez configurados los plugins y su correspondiente comprobación con CiberProtector correctamente, funciona muy bien.

Poder redireccionar tus visitas dependiendo del país desde donde te visiten es muy útil si tu modelo de negocio o estrategia de marketing se basan en esa funcionalidad.

De todas maneras, si necesitas algo mucho más potente, no te va a quedar otra que utilizar un plugin premium (incluso con pago mensual), para poder tener muchas más opciones (que no sea tan simple como en el vídeo).

Tú decides, y seguro que lo decides muy bien.

Espero que te haya gustado mucho este artículo, o al menos que no te hayas asustado demasiado al leerlo, y que practiques hasta que domines la redirección por geolocalización.

¡Un abrazo y nos vemos en el siguiente artículo!

La entrada Redireccionar en WordPress según el país de origen (Georedirecciones) se publicó primero en Webempresa.

Si vas a crear una página web con WordPress necesitas una herramienta para poder conseguir el diseño deseado.

WordPress ofrece infinidad de opciones para conseguir hacer una web atractiva, funcional y navegable.

De este proceso se encargan los temas o plantillas y son una parte imprescindible a la hora de empezar a diseñar una página web de garantías.

En este post vas a ver cuáles son los mejores temas para WordPress, pero antes, tienes que entender qué es y para qué sirve un plantilla.

¿Qué es una plantilla WordPress?

Una plantilla WordPress (tema, theme o template) es una herramienta de diseño que vas a necesitar para plasmar el dibujo, estructura y personalización de tu proyecto web.

Existen varias formas de trabajar con plantillas.

Puedes adquirir temas prediseñados y sustituir los textos, tipografías o imágenes a tu antojo o puedes crear el diseño desde cero.

En cualquier caso es importante que tengas en cuenta que (aunque a priori pueda parecer la mejor opción) elegir una plantilla prediseñada puede no ser la mejor opción.

Existen infinidad de temas para WordPress gratuitos y otro cientos de miles de pago.

Por norma general, si quieres crear un proyecto de calidad y conseguir un diseño totalmente personalizable lo mejor es que optes por plantillas de pago.

Ventajas y desventajas de los temas gratuitos

En la actualidad existen temas gratis que están realmente bien. El problema es que te dejes engañar por temas que a priori parecen muy visuales pudiéndote arrepentir a medio plazo.

El motivo por el que no es aconsejable como norma general instalar una plantilla gratuita en tu WordPress es por lo siguiente:

• Una plantilla gratuita puede dejar de ser actualizada por la persona que la creó. Esto puede provocar vulnerabilidades e incompatibilidades
• Como norma general las opciones de diseño serán escasas.
• En muchas ocasiones necesitarás usar CSS para conseguir el Diseño deseado.
• El código no siempre está cuidado siendo perjudicial a la hora de posicionar en los buscadores.

Ojo: No siempre comprar una plantilla Premium es una opción acertada. Hay que mirar muy bien la plantilla a comprar

Qué mirar a la hora de comprar una plantilla

Cuando estás decidido a crear tu web con WordPress la primera opción que puede pasarte por la cabeza es la de adquirir una plantilla gratis, es normal.

Ya hemos visto que de la misma manera que adquirir un servidor gratuito o demasiado económico es una decisión equivocada, no querer invertir un poco en tu proyecto puede hacer que te arrepientas después de un tiempo.

Estamos hablando de comprar un tema para WordPress de no más de 50 €/año como norma general.

Ahora bien, después de leer esto no quiero que acudas a comprar la primera plantilla de pago que veas atractiva porque te puedes equivocar.

Los motivos por los que debes mirar muy bien el catálogo de opciones antes de decidirte son:

• Existen temas Premium para WordPress visualmente atractivos pero con un código extremadamente complejo y desordenado.
• Muchas plantillas son muy visuales porque llevan incluidos funcionalidades que son propias de los plugins haciendo la web muy pesada al contar con elementos innecesarios.
• Existen plantillas temáticas que pueden hacer que el usuario crea que debe comprarlo por la sencillez en su diseño y adaptación. La realidad es que en muchas ocasiones pueden dificultar el diseño esperado.
• Actualizar las actualizaciones de temas que no están en el repositorio de WordPress a veces es algo complejo.

Para que no tengas que buscar, he creado este listado con las mejores plantillas en la actualidad:

Cualquiera de ellas tiene millones de descargas e instalaciones activas, están en constantes actualización y cuentan con un código limpio y optimizado.

¿Cuáles son las mejores plantillas para WordPress?

Divi

Divi es la primera opción que te recomiendo al ser una de las mejores plantillas en la actualidad.

Es el tema más usado en WordPress según las estadísticas de Builtwith.com.

Junto a otras que vas a ver, son las que van a conseguir que crees el diseño deseado.

Divi es mucho más que una plantilla y por eso la recomiendo la primera.

Si otros templates se quedan en ser la base para empezar a diseñar e incluir funcionalidades, Hosting Divi va un paso más allá al poder comprar un pack de diseño espectacular a un precio muy asequible.

La diferencia de Divi respecto a otras plantillas es que es un todo en 1.

Divi permite no sólo contar con una plantilla limpia y optimizada, además te permite conseguir el diseño esperado gracias a Divi builder un sistema de arrastrar y soltar muy sencillo de manejar.

Con Divi no hay diseño que se te resista.

Divi pertenece a Elegant Themes, una plataforma donde por poco más de 80€ al año, vas a poder tener:

1. Más de 80 plantillas (entre ellas Divi).
2. El constructor Web Divi Builder
3. Plugins adicionales como herramientas para compartir en redes sociales (Monarch) o un plugin muy bueno para captar suscriptores. (Bloom).

Si quieres conocer un poco más de Divi, puedes realizar este curso GRATUITO de la Plantilla Divi 4.0.:

CURSO GRATIS DIVI

Las otras plantillas que regala Elegant Themes no están al nivel de DIVI pero puede ser que las necesites para otros proyectos.

Extra es una plantilla que está funcionando muy bien dentro de la plataforma Elegant themes.

Funcionalidades de Divi

• Cuenta con plantillas prediseñadas de calidad.

  Con esto puedes crear un diseño web en muy poco tiempo si conservas la base o bien puedes hacer tomar como principio para trabajar en un mejor diseño.

• Preparado para el SEO (cuenta con una ventana de opciones pensando en él).
• Se complementa para el comercio electrónico perfectamente con Woocommerce.
• 100% responsive.
• Optimizada y rápida.

Puedes ver lo fácil que es crear una página web con Divi a través de esta demo interactiva en vivo.

Precio de Divi:

Pack completo con plugins y temas incluidos.

• 89$/año: Licencias ilimitadas y soporte Premium.
• 249$/toda la vida: Licencias ilimitadas y soporte para toda la vida. Paga una vez y lo tienes para siempre.

Como ves Divi es una maravilla y es un plantilla espectacular con cientos de extras al mejor precio.

PROBAR HOSTING DIVI CON PLANTILLA GRATIS

Astra theme

Astra es otra plantilla muy flexible y de fácil personalización que merece estar en este listado de los mejores temas por sus enormes características.

Se trata de un template fremium con más de 600.000 instalaciones activas.

Igual que la anterior cuenta con una versión gratuita para que puedas ver todo el potencial que puedes conseguir si optas por pasar al plan de pago.

Como la anterior, la compatibilidad con otros page builder como Elementor o Beaver Builder es absoluta pudiendo conseguir un diseño mucho mejor que lo que la plantilla ofrece de base.

Además puedes importar plantillas para usar directamente en tus diseños y mucho más en sus planes medio y superior.

Si hablamos de rapidez y sencillez, Astra es una plantilla ligera y optimizada con un código limpio.

Funcionalidades

• Selección de colores y tipografías muy diversa.
• Fácil personalización de menús.
• Uso de transparencias.
• Sistema de hooks muy completo.
• 100 % adaptado a dispositivos móviles.
• Desactiva fácilmente, títulos o barras laterales.
• Código muy estructurado a nivel de SEO.
• Compatibilidad con Woocommerce.
• Una plantilla muy rápida.

Precios Astra theme

• Pro: 59$/año para sitios ilimitados.
  Más de 20 plantillas para disfrutar.
• Paquete agencia: 169$/año para sitios ilimitados.
  Más de 60 plantillas + Wp portfolio + Complementos para Elementor o Beaver Builder.
• Paquete de agencia: 249$/año para sitios sin límite.

Más de 60 plantillas + Wp portfolio + Complementos para Elementor y Beaver Builder + Convert Pro + Schema Pro + Academi SkillJet + Nuevos complementos futuros

Astra es más que una plantilla y sigue creciendo.

Ocean Wp

Con más de 2 millones de descargas Ocean Wp es otro tema popular.

Otro tema Premium con parte gratuita aunque como siempre, limitada.

Con una compatibilidad absoluta con otros maquetadores con Elementor, Ocean es una de las mejores plantillas para WordPress en la actualidad

Un punto fuerte son las plantillas prediseñadas. Importa la que te guste, úsalas de base o tómalas como ejemplo para el diseño de tu web.

Como las anteriores, es rápida, optimizada para SEO y muy personalizables.

Ocean cuenta con extensiones que puedes comprar para ampliar mucho más las opciones de personalización y diseño.

Son muchas las funcionalidades que hacen de Ocean sea un theme a tener en cuenta.

Características:

• 100 % responsive y adaptable a móviles.
• Código optimizado y sencillo.
• Muy adaptado a Woocommerce con opciones óptimas para la conversión.
• Extensiones de cookies, menú pegajoso, pop up, portfolio, sliders…
• Uso de sistema de hooks.

Precio de Ocean WP:

• Personal: 39$/año para un sitio web.
• Business: 79$/año para 3 sitios web.
• Agency: 129$ para 25 sitios.

ThemeForest

Themeforest no es una plantilla y sí una plataforma de temas.

Funciona de manera diferente a Elegant Themes.

Esta herramienta es un Marketplace de plantillas de todo tipo.

Busca una plantilla generalista o temática y cómprala.

Ojo con las plantillas de esta plataforma. Existen muchísimas muy buenas, sin embargo otras pueden darte más de un dolor de cabeza.

Ventajas de Themeforest

• Puedes encontrar plantillas muy temáticas donde poder adaptar perfectamente tu negocio al tener un formato y características muy definido.
• Si vas a crear una inmobiliaria puede ser una buena opción por la complejidad de la creación de buscadores. Con themeforest es más fácil.
• Muchas plantillas incluyen un page builder propio o integran Wp bakery pagebuilder (antiguo Visual Composer) y ahora Elementor.

Desventajas de Themeforest

• Es fácil equivocarte con la elección si no te informas antes sobre la plantilla, ves las valoraciones, descargas soporte etc…
• Muchas plantillas incluyen opciones extras que a lo mejor no necesitas y que si fuera el caso cuentas con plugins para integrarlas en tu diseño a tu gusto.
• Tienes que tener cuidado con las webs temáticas, ya que en ocasiones puedes pensar que es más fácil implementar tu negocio en el diseño prediseñado siendo más complejo hacer ligeros cambios si no tienes conocimientos en CSS.
• Las actualizaciones no son tan sencillas como las plantillas que se encuentran en el repositorio de WordPress teniendo que subir por ftp cada actualización.
• Themeforest es una plataforma de venta de plantillas impresionante.

  Si buscas bien hay plantillas muy potentes como Avada, Enfold o Bridge.

Generatepress

Generatepress es un tema fremium.

Es decir, cuenta con una versión gratuita que puedes descargar desde el repositorio de WordPress.

La versión gratuita es bastante completa, aunque con limitaciones que cubre de sobra la versión Premium.

Generatepress es una plantilla muy económica pero por ello no hay que pensar que es mediocre, al revés.

Más de 2 millones de descargas y más de 200.000 instalaciones activas avalan a este gran tema.

Hablar de Generatepress es hablar de personalización. Al igual que Divi en fusión con un page builder puedes conseguir un diseño espectacular.

La facilidad de manejo, la multitud de opciones y sus sistema de ganchos (hooks) son algunas de su principales características a destacar.

Si no quieres instalar un tema hijo puedes usar sus hooks que permiten incluir códigos de manera sencilla sin perder los cambios cuando actualices las plantillas.

Funcionalidades

• Amplia selección de colores y tipografías propias y Google fonts.
• Fácil personalización de menús.
• Sistema de hooks muy personalizable.
• Posibilidades de desactivar elementos innecesarios pudiendo crear páginas de aterrizaje limpias.
• Responsive.
• Compatible con Woocommerce.
• Cabeceras transparentes
• Código muy estructurado a nivel de SEO.

Precio de Generatepress:

• 49,95$/año para sitios ilimitados.

Si te interesa esta plantilla aquí puedes ver un tutorial completo de Generatepress.

Conclusión

Elegir una plantilla para WordPress puede ser un verdadero suplicio. La amplia gama de plantillas y plataformas hacen que escoger una puede no sea tan fácil.

Si a esto unimos lo fácil que es dejarse engañar por un diseño bonito, puede hacer que nos arrepintamos en un futuro.

En este post has visto cuales son los mejores temas para WordPress en la actualidad.

Cualquiera de ellos va a dar un buen rendimiento a tu web sobre todo porque son plantillas que de base son muy configurables.

Además si unes estas con un page builder de calidad las posibilidades de crear un diseño extremadamente visual es muy posible.

Destacamos de ellas su compatibilidad y su código optimizado para rendir al máximo nivel y posicionar en los buscadores; algo que con otras plantillas es mucho más difícil.

Has visto Divi como primera opción. En calidad, paquete de complementos y precio no tiene competidor.

Si quieres más, echa un ojo a las otras opciones.

No te equivoques en tu elección y elige un tema para WordPress que haga de tu web un negocio rentable y espectacular.

La entrada Mejores temas para WordPress se publicó primero en Webempresa.