Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar y usar widgets en WordPress (paso a paso)

Los widgets son herramientas potentes que brindan funcionalidad adicional a tu sitio web de WordPress. Puedes agregarlos a tus barras laterales y otras áreas listas para widgets sin necesidad de escribir código.

En WPBeginner, usamos widgets para personalizar y extender las capacidades de nuestros sitios para hacerlos más dinámicos y atractivos para tus visitantes. Por ejemplo, se pueden usar para mostrar publicaciones recientes, feeds de redes sociales, ofertas especiales y mucho más.

En este artículo, te mostraremos cómo agregar y usar widgets en WordPress para personalizar rápidamente tu sitio, mejorando su estética y experiencia de usuario.

Cómo agregar y usar widgets en WordPress (paso a paso)

¿Qué son los widgets y por qué los necesitas en WordPress?

Los widgets son bloques de contenido que puedes agregar a las barras laterales de WordPress, al pie de página y a otras áreas de widgets de tu sitio web.

Esta puede ser una forma fácil de agregar galerías de imágenes, feeds de redes sociales, citas, calendarios, publicaciones populares y otros elementos dinámicos a tu sitio web de WordPress.

Puedes encontrar tu área de widgets yendo a Apariencia » Widgets en tu panel de administración de WordPress.

Aquí, verás una lista de tus áreas de widgets disponibles. Por ejemplo, el tema en la captura de pantalla a continuación ofrece múltiples áreas donde puedes agregar widgets, incluyendo la barra lateral, el encabezado y el pie de página.

Ejemplo de menú de widget

Las áreas donde puedes colocar widgets están definidas por tu tema de WordPress, por lo que podría verse diferente dependiendo del tema que estés usando.

Dicho esto, te mostraremos cómo agregar fácilmente widgets a diferentes áreas de tu sitio web de WordPress.

Cómo agregar un widget a una barra lateral en WordPress

Hay varias formas de agregar widgets a tu área de barra lateral de WordPress.

La forma más fácil es navegar a Apariencia » Widgets y luego hacer clic en la flecha hacia arriba en la sección de widgets de la barra lateral para expandir la sección de widgets.

Expandir widget de barra lateral

Luego, haz clic en el ícono '+' para abrir el menú de bloques de widgets.

Aquí, puedes buscar un widget por nombre. O haz clic en el botón 'Explorar todo' para abrir un menú de todos los widgets disponibles.

Hacer clic en el icono de agregar widget

Para agregar un widget a tu barra lateral, simplemente haz clic en ese widget y se agregará automáticamente a tu barra lateral.

Luego, todo lo que tienes que hacer es hacer clic en el botón 'Actualizar' y el widget ahora estará activo en tu sitio web.

Agregar widget y actualizar

La página de widgets no es la única forma de agregar widgets a tu blog de WordPress.

También puedes agregar widgets usando el personalizador de temas de WordPress. Primero, navega a Apariencia » Personalizar y luego haz clic en la opción 'Widgets'.

Widget personalizador de barra lateral de WordPress

Esto te lleva a una página donde puedes personalizar tus opciones de widgets.

Para agregar un widget a tu barra lateral, simplemente haz clic en la opción de menú 'Barra lateral derecha'.

Hacer clic en el widget de la barra lateral derecha

Después de eso, haz clic en el ícono de agregar bloque '+' para abrir el menú de bloques de widgets.

Luego, selecciona un bloque de widget y se agregará automáticamente a tu barra lateral.

Hacer clic para agregar un bloque al widget de la barra lateral

El proceso de agregar un widget es el mismo que el anterior.

Una vez que hayas terminado de hacer cambios en tu área de widgets, haz clic en el botón ‘Publicar’ para que tus cambios se apliquen en vivo.

Guardar cambios del widget de la barra lateral en el personalizador

Cómo eliminar un widget en WordPress

Eliminar un widget en WordPress es tan fácil como el proceso de agregar uno. Simplemente navega a Apariencia » Widgets en tu panel de WordPress.

Después de eso, haz clic en el bloque del widget que deseas eliminar.

Hacer clic en el bloque de widget para eliminar

Luego, en la parte superior del bloque de widgets, haz clic en el botón de tres puntos ‘Opciones’. Esto abrirá un menú que te permite mover y eliminar el widget.

Para eliminar el widget, simplemente selecciona la opción ‘Eliminar bloque’.

Hacer clic en opciones y eliminar bloque de widget

Eliminar el widget lo quitará de tu barra lateral y eliminará la configuración del widget o cualquier opción que hayas seleccionado.

A veces, es posible que desees eliminar un widget, pero guardar la configuración y los cambios que has realizado para el futuro.

Para hacer esto, haz clic en el ícono ‘Arrastrar’ en la parte superior del widget.

Hacer clic en el icono de arrastrar para mover el widget

Luego, arrastra el widget a la sección ‘Widgets inactivos’.

Antes de salir de la página, asegúrate de hacer clic en el botón ‘Actualizar’ para guardar la configuración de tu widget.

Arrastrar a widget inactivo

Si deseas usar ese widget nuevamente, simplemente arrastra el bloque de widget desde la sección ‘Widgets inactivos’ a una sección de widgets activos.

También te puede interesar nuestra guía sobre cómo deshabilitar widgets no deseados de WordPress.

¿Qué tipos de widgets están disponibles para WordPress?

Una instalación predeterminada de WordPress viene con widgets integrados, que incluyen publicaciones recientes, etiquetas, una barra de búsqueda, categorías, un calendario y más.

Bloques de widgets disponibles de WordPress

Sin embargo, la mayoría de los plugins de WordPress y temas también vienen con sus propios bloques de widgets que puedes agregar a tu sitio.

Por ejemplo, el plugin WPForms se puede usar para crear páginas de formularios de contacto, pero también tiene un widget que te permite agregar formularios a cualquier área de tu sitio lista para widgets.

Ejemplo de widget de WPForms

De manera similar, muchos otros temas y plugins agregan widgets, por lo que sus usuarios pueden añadir elementos a las áreas de widgets de WordPress sin escribir código ni HTML.

Incluso puedes crear tu propio widget para añadir un widget completamente personalizado a WordPress. Para más detalles, consulta nuestra guía sobre cómo crear un widget personalizado de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo añadir y usar widgets en WordPress. También te puede interesar nuestra guía sobre cómo elegir un esquema de color perfecto para tu sitio de WordPress y nuestras selecciones de los mejores trucos para la barra lateral de WordPress para obtener resultados máximos.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

27 CommentsLeave a Reply

    • It all depends on the theme but the purpose is the same and blocks have the advantage that most can be included in posts or pages as content as well :)

      Administrador

  1. Gracias. Antes me costaba diferenciar entre plugin y widget, este artículo tiene el efecto secundario de hacerme entender la diferencia. Por favor, ¿significa que los bloques en el editor de bloques también son widgets? Gracias de nuevo.

  2. Hola, gracias por el artículo. Entendí de la guía que los plugins extienden las capacidades del sitio, pero ¿cuál es exactamente la diferencia entre un widget y un plugin? Ambos añaden funciones y capacidades al sitio.

    • Widgets are used to add something visual to your site or content while a plugin can add anything to your site is one way to think about it :)

      Administrador

  3. Al ver Apariencia->Widgets, aparece el siguiente mensaje:

    Tu tema tiene 5 áreas de widgets, pero esta página en particular no las muestra.
    Puedes navegar a otras páginas de tu sitio mientras usas el Personalizador para ver y editar los widgets mostrados en esas páginas.

    pero después de esto, no hay áreas mencionadas como en este artículo, tienes "barra lateral derecha" y "encabezado"... por favor, ayúdame

    • Parece que tu tema tiene algunas opciones de diseño personalizadas. Te recomendamos contactar al soporte de tu tema específico, ya que ellos podrán ayudarte a aclarar cómo modificar tus widgets con sus herramientas.

      Administrador

  4. Si el tema solo tiene widgets en el pie de página, ¿cómo podemos agregar widgets en la barra lateral y en la sección de menús?

    • Deberías considerar cambiar de tema o usar un constructor de páginas si el tema que estás utilizando no tiene la opción de agregar widgets donde te gustaría.

      Administrador

  5. Quiero cambiar el texto de la sección de Comentarios de mi blog, pero cuando voy a Widgets, no se muestran widgets para el pie de página.

    • Only on posts and pages at the moment but maybe as Gutenberg gets updates there will be something :)

      Administrador

  6. Quiero agregar widgets de iconos en la página de inicio y que enlacen a mis categorías. No tengo un "área" de widgets en mi página de inicio (aquí es donde quiero ponerlos). Solo tengo áreas de widgets en la parte inferior de las páginas. ¿Alguna sugerencia? Gracias.

  7. No es un comentario sino una pregunta.
    En el área de administración de Wordpress, si expando Apariencia, solo veo 'Temas', 'Personalizar' y 'Editor', no 'Widgets'.
    ¿Cómo hago para que 'Widgets' aparezca aquí?
    Gracias

    • Hola Bill,

      Intenta cambiar a un tema predeterminado y mira si puedes ver los widgets en el área de administración. Si es así, esto significa que tu tema no tiene barras laterales o áreas listas para widgets definidas y es por eso que no puedes ver los widgets en Apariencia.

      Administrador

    • Estoy reconstruyendo un sitio web con muy poca experiencia con WordPress. En la sección o página de Widgets, hice clic en algo y ahora dice "administrar con vista previa en vivo". No puedo agregar un widget. ¿Cómo elimino esto para poder agregar un widget que descargué? Gracias por su tiempo.

  8. Publicación muy oportuna. Estaba a punto de hacer algunos videos instructivos para mi asistente virtual sobre cómo mantener los widgets de mi sitio. Usar esta publicación como antecedente debería facilitar mucho las cosas.

    I have recommended to her to start followinging WPBeginner — I would not be surprised to see her develop more WP expertise than I have :)

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.