Widgets de WordPress

Los widgets de WordPress son programas in­fo­r­má­ti­cos dinámicos y pe­r­so­na­li­za­bles que pueden in­te­grar­se en una página de WordPress como bloques o fra­g­me­n­tos de contenido. Los widgets ofrecen funciones adi­cio­na­les del sitio web, como ca­le­n­da­rios, funciones de búsqueda o feeds RSS.

Si solo tomamos como re­fe­re­n­cia la palabra “widget” es difícil deducir el fu­n­cio­na­mie­n­to o el si­g­ni­fi­ca­do: la tra­du­c­ción de widget sería algo así como “cosa”, “aparato” o “di­s­po­si­ti­vo de control”. Como co­m­po­ne­n­tes de WordPress, los widgets pro­po­r­cio­nan una fu­n­cio­na­li­dad ampliada a los sitios web. Funcionan como áreas dinámicas del sitio web que, si se desea, pueden llenarse con co­n­te­ni­dos in­di­vi­dua­les, funciones, archivos de medios o extractos de texto.

La idea que hay detrás es poder tema de WordPress con funciones prácticas pe­r­so­na­li­za­das y, a poder ser, sin un gran esfuerzo de pro­gra­ma­ción. Los widgets pueden in­te­grar­se en la cabecera, el pie de página, la barra lateral u otras zonas del sitio web. La barra lateral es, sin duda, la zona más popular para integrar los widgets.

Los widgets de WordPress pueden uti­li­zar­se como elementos adi­cio­na­les de manejo y contenido de un sitio web para cubrir casi todos los temas re­la­cio­na­dos con el contenido. El lugar en el que puedes colocar los widgets en la página de WordPress depende del tema de WordPress que hayas elegido o diseñado y los espacios di­s­po­ni­bles para widgets. Los widgets de WordPress te permiten integrar las si­guie­n­tes funciones en tu propio sitio web sin necesidad de tener co­no­ci­mie­n­tos de pro­gra­ma­ción:

• Funciones de búsqueda por palabras clave
• Filtro de ca­te­go­rías
• Nubes de etiquetas (para todos los artículos que pueden asignarse a una etiqueta)
• Archivos RSS para nuevos co­n­te­ni­dos de sitios web propios o ajenos
• In­te­gra­ción en redes sociales
• Galerías de imágenes
• Mapas (por ejemplo, Google Maps)
• Funciones del ca­le­n­da­rio
• In­te­gra­ción de vídeos y música (por ejemplo, de YouTube)

WordPress incluye numerosos widgets de serie, que puedes in­co­r­po­rar in­me­dia­ta­me­n­te a tu sitio web. La ventaja: no hace falta instalar plugins externos ni tener co­no­ci­mie­n­tos de HTML o CSS. Solo tienes que colocar los widgets en la zona deseada de la página mediante el editor de bloques y ac­ti­var­los.

En WordPress puedes usar los si­guie­n­tes widgets ya prei­n­s­ta­la­dos:

• Archivos: Lista de pu­bli­ca­cio­nes antiguas ordenadas por mes
• Ca­le­n­da­rio: Añade la función de ca­le­n­da­rio
• Entradas recientes: Lista de las últimas pu­bli­ca­cio­nes
• Co­me­n­ta­rios recientes: Lista de los últimos co­me­n­ta­rios en las entradas
• RSS: Integra feeds RSS/Atom de sitios web propios o externos
• Páginas: Vi­sua­li­za­ción de las páginas de tu propio sitio web
• Texto: Vi­sua­li­za­ción de cualquier elemento de texto/HTML
• HTML: Inserción de elementos de código HTML
• Galería: In­te­gra­ción de una galería de imágenes
• Menú de na­ve­ga­ción: Am­plia­ción de la barra lateral con un propio menú
• Ca­te­go­rías: División del sitio web en ca­te­go­rías co­n­tro­la­bles
• Nube de etiquetas: Vi­sua­li­za­ción de las nubes de las etiquetas más uti­li­za­das (palabras clave)
• Buscar: Añade una ventana de búsqueda para la búsqueda interna del sitio web

¿Te interesa obtener más in­fo­r­ma­ción sobre WordPress? Pues escucha el podcast WordPress de IONOS con in­fo­r­ma­ción in­te­re­sa­n­te sobre la historia y la evolución actual del popular CMS de código abierto:

Ya sean widgets prei­n­s­ta­la­dos en WordPress, plugins au­to­pro­gra­ma­dos con funciones pe­r­so­na­li­za­das o widgets de pro­vee­do­res externos, los widgets añaden valor a un sitio web. Sin embargo, para uti­li­zar­los co­rre­c­ta­me­n­te, debes conocer los di­fe­re­n­tes tipos y ca­te­go­rías de widgets. Los si­guie­n­tes tipos de widgets son im­po­r­ta­n­tes para un sitio web atractivo:

Los widgets de noticias se en­cue­n­tran entre las ex­te­n­sio­nes más im­po­r­ta­n­tes para un sitio de WordPress. Pueden uti­li­zar­se para presentar de forma visual las últimas entradas y artículos del blog, los últimos co­me­n­ta­rios o nuevos productos a los vi­si­ta­n­tes del sitio. Los widgets WordPress RSS por su parte, no solo son capaces de presentar nuevas entradas de tus páginas o las páginas de otros, sino que también ofrecen la po­si­bi­li­dad de su­s­cri­p­ción a los lectores. Así, con los lectores de feeds adecuados, estos se mantienen ac­tua­li­za­dos au­to­má­ti­ca­me­n­te con el feed RSS au­to­má­ti­co.

Ejemplos:

• WP RSS Ag­gre­ga­tor
• RSS Feed Widget
• Feedzy RSS Feeds

Los botones CTA son una gran manera de conseguir que los vi­si­ta­n­tes realicen una acción en un sitio web. Los lectores que siguen con en­tu­sia­s­mo los artículos o están in­te­re­sa­dos en los productos pueden utilizar este método para dejar sus di­re­c­cio­nes de correo ele­c­tró­ni­co, su­s­cri­bi­r­se a un feed RSS, añadir un producto pro­mo­cio­nal a la cesta de la compra o ponerse en contacto con los gestores de las páginas en caso de tengan dudas o preguntas.

En el caso de nuevas entradas y artículos, puedes incluir botones call to action aña­dié­n­do­los en el editor de bloques integrado de Gutenberg al crearlos. Para un widget pe­r­ma­ne­n­te, usa widgets call to action de terceros.

Ejemplos:

• Simple Side Tab
• Magic Content Box Lite
• Call-to-Action-Widget in Elementor Pro

Las páginas con muchos co­n­te­ni­dos, su­b­pá­gi­nas y ca­te­go­rías deben ser fáciles de navegar. En este sentido, son muy útiles los widgets de na­ve­ga­ción para el menú de na­ve­ga­ción, la búsqueda, las ca­te­go­rías o las etiquetas. Estos co­m­ple­me­n­tos permiten a los vi­si­ta­n­tes del sitio activar ca­te­go­rías o palabras clave es­pe­cí­fi­cas, filtrar las entradas por mes o fecha, o buscar términos, productos y frases concretas. Incluso puedes incluir un widget de búsqueda de Google para ampliar la búsqueda en la web sin que los vi­si­ta­n­tes tengan que abandonar tu sitio.

Ejemplos:

• Category Posts Widget
• Widget Menuizer
• Re­s­po­n­si­ve Menu
• WP Mobile Menu
• Ivory Search
• WP Google Search

¿Sueles tener actividad en redes sociales? Pues, usa los widgets de redes sociales para dar a conocer tus perfiles y canales de redes sociales entre los vi­si­ta­n­tes de tu página de WordPress. En su esencia, estos también son widgets de feeds, pero se es­pe­cia­li­zan en mostrar las entradas actuales de las redes sociales en el sitio web. Con los widgets de botones de redes sociales, tus vi­si­ta­n­tes pueden seguirte en Twitter, Facebook, Instagram o TikTok, su­s­cri­bi­r­se a tu canal de YouTube o dar “me gusta” a las últimas pu­bli­ca­cio­nes de las redes sociales.

Ejemplos:

• Widget for Social Page Feeds
• Smash Balloon Feeds para Facebook, para Instagram, para Twitter o para YouTube
• Shared Counts
• Sassy Social Share
• Easy Social Icons

La in­te­gra­ción de clips de audio o vídeo aporta un aire atractivo a cualquier sitio web y le confieren una imagen moderna e in­ter­ac­ti­va. Las galerías de imágenes (por ejemplo, de nuevas obras de arte o fotos de la tienda) sirven para que los vi­si­ta­n­tes vean los nuevos co­n­te­ni­dos a primera vista y para llevarles di­re­c­ta­me­n­te a la fuente mediante los enlaces in­te­gra­dos. También son perfectos si ofreces re­pro­du­c­to­res de audio para podcasts o tu­to­ria­les de vídeo (por ejemplo, en YouTube) y los quieres integrar en blogs.

Ejemplos:

• Wonder Video Embed (para vídeos)
• Fusebox (para re­pro­du­c­to­res de audio)
• Po­we­r­Pre­ss (para podcasts)

Si creas una tienda online con WordPress, debes usar widgets de carritos de la compra, y ubicarlos de manera visible en la cabecera, el pie de página o la barra lateral para que lleven a los vi­si­ta­n­tes de la tienda di­re­c­ta­me­n­te de la zona de compra a la zona del carrito. También puedes mostrar los productos de tu tienda online con widgets de productos.

Ejemplos:

• WP EasyCart-Plugin
• WordPress Simple Paypal Shopping Cart
• Woo­Co­m­me­r­ce-Plugin
• WP eCommerce

Si los vi­si­ta­n­tes tienen preguntas o dudas o necesitan más in­fo­r­ma­ción, los widgets de contacto facilitan el contacto directo. Un widget de contacto, por ejemplo, colocado en el pie de página, lleva a los vi­si­ta­n­tes di­re­c­ta­me­n­te al fo­r­mu­la­rio de contacto. No existe un widget de fo­r­mu­la­rio de contacto prei­n­s­ta­la­do en WordPress, pero existen varios plugins para esta función, por ejemplo, el Contact Form 7 gratuito o el Gravity Forms de pago.

Otra opción son los widgets de listas de correo, que los vi­si­ta­n­tes pueden utilizar para in­tro­du­cir di­re­c­cio­nes de correo ele­c­tró­ni­co para recibir boletines y correos pro­mo­cio­na­les. En este caso, te re­co­me­n­da­mos MailChimp o al­te­r­na­ti­vas a MailChimp como Ge­tRe­s­po­n­se, Emma o Mailjet.

Los widgets se ad­mi­ni­s­tran en el backend o panel de control de WordPress. Allí en­co­n­tra­rás la sección “Widgets” en la opción de menú “Apa­rie­n­cia”. Sin embargo, ten en cuenta que debes utilizar los widgets de forma muy selectiva. Si hay de­ma­sia­dos en una página los vi­si­ta­n­tes acabarán abrumados por tanta in­fo­r­ma­ción. Así que no coloques los widgets de forma de­li­be­ra­da. Hay tres formas para añadir widgets:

Para ello, usa el panel de control y haz clic en “Apa­rie­n­cia” > “Pe­r­so­na­li­zar” > “Widgets” y ya podrás insertar widgets prei­n­s­ta­la­dos en WordPress con un page builder de WordPress o un editor de bloques Gutenberg en las zonas di­s­po­ni­bles de la página o cambiar su di­s­tri­bu­ción.

En función del tema de WordPress, el pe­r­so­na­li­za­dor muestra las áreas de widgets di­s­po­ni­bles en la cabecera, el pie de página o la barra lateral. Una vez añadido el widget, guarda los cambios con el botón “Publicar”. Con el editor de bloques, también tienes la opción de añadir widgets solo a de­te­r­mi­na­das páginas de un sitio web.

En la pestaña “Plugins” del panel de control, busca los plugins WordPress o de terceros con opción de widget que te convenzan e in­s­tá­la­los. Muchos plugins gratuitos ya ofrecen su­fi­cie­n­tes funciones de widgets que son adecuadas para sitios web pequeños y grandes. En cambio, con los plugins premium tendrás muchas más opciones en cuanto al diseño y la función de tus páginas.

Si cuentas con co­no­ci­mie­n­tos avanzados de pro­gra­ma­ción y no te convence ninguno de los plugins y widgets exi­s­te­n­tes, puedes utilizar la API de widgets para crear tus propios widgets a través de la carpeta de plugins. Para ello, crea un nuevo plugin en el di­re­c­to­rio wp-contetnt/plugins y programa un código de plugin que se ajuste a tus ne­ce­si­da­des. Dado que se trata de pasos complejos, es aco­n­se­ja­ble que uses widgets ya pre­pa­ra­dos que ofrezcan numerosas funciones en la medida de lo posible.

Utiliza los widgets de forma selectiva para que tu sitio web sea atractivo y fácil de usar, añade funciones prácticas para las noticias, los archivos mu­l­ti­me­dia y la na­ve­ga­ción. La fu­n­cio­na­li­dad in­te­li­ge­n­te del sitio web no solo mantiene a los lectores co­m­pro­me­ti­dos con tu contenido a través de las redes sociales, sino que si­m­pli­fi­ca la ex­pe­rie­n­cia de compra en WordPress con el eCommerce y refuerza tu marca como bloguero, vendedor, artista o empresa.