Ya sabes lo útiles que son los widgets: nos permiten mostrar determinada información a lo largo de todo el site, mejoran la usabilidad y la experiencia del usuario, otorgan funcionalidades únicas… Imposible entender hoy día WordPress sin los widgets.
Entonces, ¿por qué limitarnos a mostrarlos en las widget areas? ¿Nunca has necesitado utilizar un widget dentro de un post o una página de WordPress? Si es así, presta atención, porque vamos a ver diferentes formas de insertar widgets dentro del contenido.
Tabla de contenidos
La usabilidad móvil y los widgets en el contenido
A pesar de la progresiva desaparición de la barra lateral (yo hace tiempo que la desterré de esta web), sobre todo desde la explosión de la navegación en dispositivos móviles, los widgets siguen (y seguirán) siendo imprescindibles.
Los móviles han cambiado la forma de navegar, y por lo tanto han cambiado el concepto de usabilidad. ¿De qué sirve un buscador de productos en una barra lateral que más de la mitad de tus usuarios no ven hasta después del contenido? ¿Eso es usable?
Pues eso, que lo que hasta ahora se colocaba en la sidebar, ha de repartirse entre las widget areas de cabecera y footer, y los menús. Pero, ¿qué pasa con el contenido? ¿Por qué no poner widgets ahí?
Cómo insertar un widget en una entrada, post o producto
No quiero enrollarme con temas de marketing y diseño web: la utilidad de esto es evidente, así que no necesitas que te la explique. ¡Vamos directamente a la parte práctica! ¿Como insertar un widget en el contenido en WordPress? Y si estás pensando que hoy día cualquier maquetador visual (Visual Composer, Elementor, Divi) es capaz de insertar un widget en el contenido… pues sí, pero si vas a maquetar así las entradas o los productos tendrás la web más lenta de todo internet.
Así que, dejando eso de lado, la primera alternativa, la más sencilla y rápida (y también muy práctica) es usar el plugin amr shortcode any widget (el propio autor lo nombra así, en minúsculas).
Lo que hace este widget es, mediante un shortcode, permitirte insertar en el contenido cualquier widget que tengas en un área para widgets. Como quizá quieras poner dentro del contenido widgets que no tengas en las sidebars (en WordPress sidebar es, técnicamente, cualquier widget area, no sólo la barra lateral), te genera una específica, no visible en el front-end, llamada Widgets for Shortcodes. En ella puedes poner todos los widgets que quieras mostrar dentro del contenido pero no en otras widget areas.
Pero mejor lo ves directamente en un vídeo. Es tan fácil y rápido que dura menos de cuatro minutos:
Además de lo visto, con el shortcode [do_widget_area] puedes insertar el contenido completo de la sidebar Widgets for Shortcodes, con todos los widgets que contenga.
¿Estás construyendo tu tienda online o eres implementador WordPress?
¿Necesitas plugins de calidad y con soporte para implementar funcionalidades concretas?
Consigue todos los plugins a la venta en la sección de plugins de esta web y todos los que siga añadiendo. Acceso a los 96 plugins (y subiendo) con soporte directo del desarrollador, actualizaciones y uso ilimitado: úsalos en tantas webs como lo necesites.
Insertar varios widgets en bloque dentro del contenido
Como has podido ver al final del vídeo, por defecto cada widget ocupa todo el ancho disponible, y si pones varios se sitúan en columna, no en fila (aunque pongas todos los shortcodes seguidos, sin saltos de línea). Si lo que quieres no es esto, sino colocar varios en horizontal, hay varias alternativas:
- Un poco de CSS, es mano de santo
- Crear una tabla, poco recomendable ya que las tablas no son responsive
Aparte de esas dos soluciones, también tienes el plugin Widgets on Pages. Este plugin, en su versión gratuita, hace lo mismo que amr shortcode any widget, aunque de forma ligeramente diferente: lo que insertas en realidad no son widgets, sino widget areas completas, que puedes generar mediante el propio plugin (el cual las llama Turbo Sidebars).
La diferencia está en que en su versión premium el plugin permite establecer cómo agrupar los plugins de cada una de estas Turbo Sidebars en función del ancho de pantalla del dispositivo. Es decir, puedes decidir cuántos widgets deben compartir el ancho en función de si se ve en un móvil, una tablet o un ordenador.
Estupendo Enrique, muchas gracias!
La verdad es que tiene mucha potencialidad a nivel de contenidos este widget.
Gracias por compartir.
Saludos.
Gracias a ti por tu comentario, Vicenç.
Un saludo.
Claro, sencillo y perfectamente explicado. Además, el plugin me parece muy útil para principiantes como yo.
Muchas gracias! Me quedo por aquí
Un saludo
Gracias por tu comentario, Javi. Me alegra que te haya sido útil.
Un saludo.
Excelente video!
Pero, me surgió un problema. Instalé el plugin para instalar el widget en una página determinada dentro de mi web, pero cuando quiero generar el shortcode no me da la opción de colocarle título y por ese motivo no puedo guardarlo y es imposible generar el código.
(el widget es Booking.com officiar search box), ¿será que en ese widget determinado la opción está bloqueada? y de ser así, de qué otra manera podría incrustarlo en un página determinada? Gracias!!
Hola Rocío
Deberías consultar con los desarrolladores de ese plugin a través de su foro de soporte, son los que mejor pueden ayudarte.
Un saludo.
Hola Enrique, me ha venido genial tu ayuda para poder poner la caja de búsqueda de booking afiliados en cualquier artículo. Y es que el plugin de booking.com search box sólo te permite ponerlo como widget, y con tu ayuda he podido agregarlo a cualquier artículo del blog.
Muy bien explicado… y ameno! Que hay cada persona más sosa por ahí jejeje que uno ve sus vídeos y se quiere tirar al metro.
En cambio tú lo explicas todo con mucho salero y con rapidez. Acabas de ganar un «fan» más 😉
Gracias por tu comentario, Pablo. Yo tampoco es que sea la alegría de la huerta 🙂 pero me alegra de que el contenido te haya resultado de utilidad.
Un saludo
Buenos días,
Gracias por explicarlo tan fácil, el problema que yo tengo es que intento que el buscador me lo busque dentro de la entrada, pero lo que hace es buscarlo en todas las entradas. Mi idea es poner el buscador y como publico empleos para muchas localidades, que el usuario tenga la facilidad de encontrar rápido que empleos tiene en esa entrada. Pero no soy capaz de conseguirlo 🙁
Espero que me puedas ayudar. Gracias y saludos
Hola Mar
Para eso deberías utilizar campos personalizados y filtros. Echa un vistazo a esto.
Un saludo
Buenísimo Enrique, exactamente lo que necesito, da muchísima flexibilidad! Muchas gracias!!
Gracias por tu comentario, Santi. Me alegra que te haya sido de utilidad 🙂
Un saludo
Hola Enrique, tengo un problema con widget for shorcodes, y es que lo inserto donde indicas pero no genera ningún shortcodes.
Cual puede ser el problema?
gracias. Estoy empezando en este mundillo y me ha sido muy útil. Si me lo permites, me gustaría tu opinión sobre mi web en proceso
Hola muy buena explicacion muchas gracias pero tengo una consulta, cuando utilizo el shortcode en la pagina de inicio,este no se genera…solo se despliega el codigo.
Pero en otras paginas de mi wordpress si funciona….habra algun bloqueo en especial en ciertas paginas ?
Saludos