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)

💡 Resumen: Puedes agregar y administrar widgets en WordPress yendo a Apariencia » Widgets y seleccionando el área que deseas editar. Desde allí, puedes agregar, personalizar, guardar o eliminar widgets para controlar cómo se ven tu barra lateral y otras áreas de widgets.

¿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.

Estas “áreas de widgets” son ubicaciones específicas definidas por tu tema de WordPress donde se pueden colocar los widgets. Las áreas comunes incluyen barras laterales (izquierda o derecha), el pie de página (a menudo dividido en varias columnas) y, a veces, la cabecera o áreas específicas dentro del contenido de las publicaciones.

Ejemplo de menú de widget

La experiencia moderna de WordPress utiliza principalmente Widgets de Bloques, que integran el poder del editor de bloques de WordPress en tus áreas de widgets. Reemplaza la interfaz anterior de “widgets clásicos” con una herramienta de creación de contenido más visual y flexible.

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.

Método 1: Usando la Pantalla de Widgets (para Temas Clásicos)

Si estás usando un tema clásico de WordPress, la forma más común es navegar a Apariencia » Widgets.

En esta pantalla, verás tus áreas de widgets disponibles (como ‘Barra Lateral’ o ‘Pie de Página’). Haz clic en el área de widgets que deseas editar para expandirla.

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
Método 2: Usando el Personalizador de Temas (para Temas Clásicos)

Otra forma de agregar widgets, especialmente si deseas ver una vista previa en vivo de tus cambios, es usando el personalizador de temas de WordPress. Este método es principalmente para temas clásicos.

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 y ver los cambios en tiempo real.

Para agregar un widget a tu barra lateral, simplemente haz clic en la opción de menú ‘Barra Lateral Derecha’ (o en el área de widgets que desees editar).

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
Método 3: Usando el Editor del Sitio (para Temas de Edición Completa del Sitio)

Si estás usando un tema más nuevo de Edición Completa del Sitio (FSE), no tendrás las opciones tradicionales de ‘Widgets’ o ‘Personalizar’ en Apariencia. En su lugar, administrarás bloques (incluidos aquellos que actúan como widgets) directamente dentro del Editor del Sitio.

Simplemente navega a Apariencia » Editor. Esto abrirá el Editor del Sitio.

En el editor, puedes explorar tus plantillas (como ‘Publicación Única’ o ‘Página’) y partes de plantilla (como ‘Cabecera’ o ‘Pie de Página’).

Seleccionar una plantilla en el editor de sitio completo

Para agregar un bloque similar a un widget, selecciona la parte de plantilla donde deseas agregarlo (por ejemplo, un área de barra lateral dentro de una plantilla).

Haz clic en el ícono ‘+’ para agregar un nuevo bloque. Puedes buscar bloques como ‘Últimas Publicaciones’, ‘Buscar’, ‘Categorías’, etc., que funcionan de manera similar a los widgets clásicos.

Añadir un widget en el editor de sitio completo

Una vez agregado y configurado, haz clic en el botón ‘Guardar’ para aplicar tus cambios a la plantilla.

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 su configuración para el futuro. Esto es útil si planeas usarlo de nuevo más tarde sin tener que reconfigurarlo.

Para hacer esto en la pantalla de Apariencia » Widgets (para temas clásicos), puedes arrastrar el bloque de widget a la sección 'Widgets inactivos'.

Busca el manejador de seis puntos o simplemente haz clic y mantén presionado el bloque de widget para arrastrarlo.

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 volver a usar ese widget, simplemente arrastra el bloque de widget desde la sección 'Widgets inactivos' de vuelta a un área de widget activa.

📍Nota: Esta función de 'Widgets inactivos' es específica de los temas clásicos que usan la pantalla de Apariencia » Widgets. Para temas FSE que usan el Editor del sitio, normalmente eliminarías el bloque y luego lo volverías a agregar si fuera necesario, ya que no hay un área de 'espera' inactiva.

También te puede interesar ver 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.

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

Bloques de widgets disponibles de WordPress

Para darte una mejor idea, aquí tienes un desglose de los widgets comunes de WordPress que encontrarás, tanto los integrados como los que se agregan frecuentemente con plugins:

Nombre del widgetFunción y casos de uso
ArchivosMuestra un archivo de tus publicaciones mensual, útil para permitir a los visitantes explorar contenido antiguo.
AudioIncrusta un reproductor de audio para reproducir música o podcasts directamente en tu sitio.
CalendarioMuestra un calendario resaltando los días con publicaciones publicadas, lo que ayuda a la navegación.
CategoríasEnumera las categorías de tus publicaciones, ayudando a los usuarios a explorar temas específicos.
HTML personalizadoTe permite agregar cualquier código HTML personalizado, perfecto para incrustar contenido externo o diseños únicos.
GaleríaMuestra una selección de imágenes en formato de galería.
ImagenAgrega una sola imagen con un enlace opcional.
Comentarios recientesMuestra los comentarios más recientes en tus publicaciones, fomentando la interacción.
Publicaciones recientesEnumera tus publicaciones de blog más recientes, manteniendo el contenido fresco y descubrible.
Menú de navegaciónMuestra un menú personalizado que hayas creado (por ejemplo, menú principal, menú del pie de página).
PáginasEnumera todas las páginas publicadas en tu sitio.
RSSMuestra entradas de cualquier fuente RSS, útil para mostrar contenido de otros sitios.
BuscarAgrega una barra de búsqueda, permitiendo a los visitantes encontrar contenido específico en tu sitio.
ShortcodeTe permite insertar shortcodes de plugins o temas.
Iconos socialesMuestra enlaces a tus perfiles de redes sociales (a menudo proporcionados por temas/plugins).
Nube de etiquetasMuestra una nube de tus etiquetas más usadas, haciendo que el descubrimiento de contenido sea más visual.
TextoAñade texto plano o HTML básico, versátil para mensajes de bienvenida, descargos de responsabilidad, etc.
VideoIncrusta videos de plataformas como YouTube o Vimeo, o videos autoalojados.
WPForms (Ejemplo)Te permite incrustar un formulario de contacto creado con el plugin WPForms directamente en un área de widgets.

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

Preguntas Frecuentes Sobre Cómo Agregar y Usar Widgets en WordPress

Aquí tienes algunas preguntas que nuestros lectores han hecho con frecuencia sobre cómo añadir y usar widgets en WordPress:

¿Cómo funcionan los widgets en WordPress?

Los widgets en WordPress funcionan como pequeños bloques de contenido que puedes añadir a áreas como las barras laterales y los pies de página. Te ayudan a mostrar contenido adicional como menús, publicaciones recientes o barras de búsqueda sin editar código.

¿Cómo se diseña un buen widget en WordPress?

Un buen widget en WordPress es simple, útil y fácil de leer. Debe coincidir con el diseño de tu sitio y proporcionar valor rápidamente sin distraer a los usuarios del contenido principal.

Para empezar, puedes ver nuestro tutorial sobre cómo crear un widget personalizado de WordPress.

¿Cómo usar widgets clásicos en WordPress?

Puedes usar widgets clásicos en WordPress instalando un plugin que restaure el editor de widgets antiguo. Esto te permite administrar widgets usando la interfaz tradicional en lugar del sistema basado en bloques.

Para más información, te puede interesar ver nuestra guía sobre cómo desactivar los bloques de widgets en WordPress (restaurar widgets clásicos).

¿Cuáles son las desventajas de los widgets en WordPress?

Los widgets a veces pueden hacer que los diseños se sientan abarrotados si se usan demasiados. También pueden ralentizar el rendimiento si se añaden widgets pesados o mal optimizados.

¿Son buenos los widgets para el SEO en WordPress?

Los widgets pueden apoyar el SEO en WordPress mejorando la navegación y la experiencia del usuario. Sin embargo, no mejoran directamente los rankings a menos que ayuden a los usuarios a interactuar más con tu contenido.

Esperamos que este artículo te haya ayudado a aprender cómo agregar y usar widgets en WordPress. También te puede interesar ver 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 ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Divulgación: 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 ComentariosDeja una respuesta

    • Todo depende del tema, pero el propósito es el mismo y los bloques tienen la ventaja de que la mayoría se pueden incluir en publicaciones o páginas como contenido también :)

      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.

    • Los widgets se usan para agregar algo visual a tu sitio o contenido, mientras que un plugin puede agregar cualquier cosa a tu sitio, esa es una forma de pensarlo :)

      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

    • 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

    • Solo en publicaciones y páginas por el momento, pero tal vez a medida que Gutenberg reciba actualizaciones, habrá algo :)

      Administrador

  4. 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.

  5. 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.

  6. 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.

    Le he recomendado que empiece a seguir WPBeginner; no me sorprendería verla desarrollar más experiencia en WP de la que tengo yo :)

Deja una respuesta

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