How to add a widget to a wordpress page

New Page

How to Add a WordPress Widget to a Blog Post or Webpage

Prix ​​Shayla

Prix ​​Shayla

Updated: May 10, 2022

Posted: March 25, 2021

Have you ever started designing a page on your website and found that some information didn’t flow well?

Marketer adding a widget to his website

Calls to action, bios, and social media feeds are just a few quirks that don’t have enough substance to justify their own web pages, but don’t always integrate well with existing page content. no more. Yet these elements are important for giving context to your content, enriching the user experience (UX), and converting visitors into leads.

Instead of ignoring these components entirely for design reasons, you can keep them on the page while maintaining a nice UX.

La solution? Widget WordPress.

Download Now: How to Launch a WordPress Website [Free Guide + Checklist]

This article will explain what a WordPress widget is, its benefits, and how to add one to your website. We’ll also provide you with great plugin options to help you easily enhance your widgets, as well as step-by-step instructions on how to optimize their functionality.

What is a WordPress Widget?

Widgets are tools that add blocks of content to the sidebar or footer of your WordPress website. If they are interactive, they can improve the user experience on your website. Widgets make it easy for inexperienced web developers or hobbyists to add more complex functionality to their WordPress sites.

You can add a widget for just about anything, from a lead form to your company’s live Twitter feed. Take a look at this table to see more types of widgets you can add to your website. 

  • image gallery
  • social media feed
  • lead form
  • Featured blog post
  • The navigation menu
  • authors biography
  • Video
  • Email registration form

WordPress viene automáticamente con una amplia selección de widgets, pero siempre puedes agregar más usando complementos.

Y aquí hay un ejemplo de cómo se ve un widget de calendario en la barra lateral de un sitio web de WordPress:

Calendar widget in a sidebar on a website

Fuente de imagen

¿Por qué agregar un widget a una página o publicación de WordPress?

Agregar contenido específico pero relevante a una página web es solo una de las razones para agregar un widget a una página o publicar en su sitio de WordPress. Hay varias otras oportunidades que su sitio web podría estar perdiendo y que un widget podría traer a las páginas.

  • Navegación mejorada: puede agregar menús adicionales en una barra lateral que pueden ayudar a sus usuarios a navegar por esa página o por todo el sitio.
  • Advertisement Opportunities: If you’re running advertisements on your WordPress site, you’ll find that adding a widget to your sidebar and footer specifically for this purpose is key to balancing your user experience and your ad revenue.
  • Additional Content: New blog posts, evergreen content, and limited-time offers are some examples of additional content that may have their own pages on your site, but could use some additional promotion to your readers. Adding these content types as widgets in a sidebar is a smart way to get them front-and-center without appearing distracting.

How to Add a Widget in WordPress

Widgets are a native WordPress feature, so you can add them without any additional plugins or third-party tools. There are two ways to add a widget natively in WordPress — using the drag and drop feature or selecting a sidebar or footer from the widget drop-down. Both methods are demonstrated in the gif below.

  • Go to Appearance, then Widgets.
  • Select the widget you want to add to the sidebar.
  • Drag the widget to the side bar and drop it in the box.

If you have several sidebars or footers on different pages, you can add a widget to those by selecting them from the widget drop down.

  • Go to Appearance, then Widgets.
  • Select the widget you want to add to the sidebar.
  • Click the arrow on the right side of the widget to reveal the dropdown.
  • Select the sidebar or footer you want to add the widget to.
  • Click Add Widget style=”font-size: 1.125rem; font-weight: 400;”>.

How to add a widget in WordPress gif

How to Add a Widget to a WordPress Page or Post Using a Plugin

Typically, when you add a widget to a sidebar, it would display on every page of your website. This content typically serves as a reminder to the visitor to engage with the additional resources that you have to offer.

However, this sidebar content isn’t always relevant to all posts and pages on your site. Instead, you want to show site visitors relevant, page-related content that provides further value, like an About Us page with a contact form widget (like the one shown in the image below) for site visitors with additional questions.

While you can use native WordPress functions to add widgets to your website, the default settings don’t allow you to display (or disable) these widgets on specific posts or pages — whether you want them there or not.

To solve this, use plugins. These custom add-ons will help you manage where widgets appear and how they look.

Let’s go over how you can use plugins to restrict widgets to different posts and pages to ensure that you’re providing your site visitors with the most valuable, relevant information.

ejemplo de widget de formulario personalizado que muestra cómo agregar un widget a la página de WordPress

Plugins to Display Widgets on Specific Page

  1. AMR Shortcode Any Widget
  2. Content Block (Custom Post Widget)
  3. WP Page Widget
  4. Custom Sidebars Dynamic Widget Area Manager
  5. Cherry Sidebars
  6. Sidebar Widget & Widget Manager for WordPress

With these WordPress plugins, you can add and remove plugins from specific pages. With an easy setup process, you can update your page in just a few minutes.

1. AMR Shortcode Any Widget

AMR Shortcode Any Widget is a popular widget for non-technical users. You can insert these widgets onto your pages with a simple shortcode.

Here’s how to use it:

Complemento amr shortcode para agregar widget a la página de WordPress

  • Navigate to the specific page or post where you want to add the widget.
  • Insert the shortcode into the Visual Editor.
  • After following these steps, it should appear on the page or post like this:

ejemplo de agregar un widget a la página de WordPress

2. Content Blocks (Custom Post Widget)

Content Blocks is another shortcode plugin unique in that you can create custom widget content using the built-in WYSIWYG editor.

Here’s how to use it:

  • Install and activate the plugin.
  • On the left-hand side of your dashboard, click Content Blocks.
  • Then, click Add Content Block.
  • Give the new content block a title.
  • Insert this new block into the Visual Editor.

editor visual para agregar widget a la página de WordPress

  • Click Publish.
  • On the same page, scroll down until you see Content Block Shortcodes on the right-hand side.códigos cortos de bloque de contenido para agregar widget a la página de WordPress
  • Copy the shortcode and insert it into the Visual Editor for the page or post you want to display the widget on.
  • Preview the content to see your changes, and click Insert Content Block when done.

3. WP Page Widget

WP Page Widget is a useful tool for creating widgetized page layouts in sidebar-enabled WordPress themes.

Here’s how to use it:

  • Install and activate the plugin.
  • On the left-hand side of your dashboard, go to Settings, then Page widgets settings.
  • Next to Available for post type, check Post and Page, or wherever you’d like it to be displayed.
  • Select the desired sidebars or sections of your page that you’d like to customize.
  • Optional step: select Yes to customize by default to ensure that you always have control of where widgets are displayed on your site.
  • Preview your changes if desired or simply select Save Changes.

widgets de la página de configuración para agregar un widget a la página de WordPress

  • Navigate to the desired page or post where you want to add the widget and scroll down to the Page Widgets section.

sección de widgets de página para agregar un widget a la página de WordPress

  • Drag and drop the desired widgets into this area.
  • Preview the content to see your changes before they go live.

4. Custom Sidebars – Dynamic Widget Area Manager

Custom Sidebars helps you display custom widgets on pages or posts by category, ensuring that site visitors only see relevant and related content.

Here’s how to use it:

  • Install and activate the plugin.
  • Navigate to Appearance, then to Widgets. Here you’ll see a new area called Custom Sidebars.

Complemento de barras laterales personalizado para agregar un widget a la página de WordPress

  • You can create a custom sidebar or drag and drop the default included widgets into the section marked Theme Sidebars. You can control where the sidebar appears (in the sidebar or footer section) for both types.
  • Click the down arrow on the desired widget, then click Visibility (as shown below).

visibilidad del complemento de barras laterales personalizadas para agregar un widget a la página de WordPress

  • Click the + button to indicate when the widget will display on specific pages or posts.

opciones de filtro en barras laterales personalizadas para agregar un widget a la página de WordPress

  • Save your widget settings.
  • Preview the content to see your changes.

5. Cherry Sidebars

This unique plugin can display widgets within different areas on your site and assign widgets to display on different groups of pages or posts.

Here’s how to use it:

  • Install and activate the plugin.
  • Go to Appearance, then Widgets.
  • You’ll see a new widget area labeled Cherry Sidebars underneath the default sidebars customizer.
  • Drag and drop your pre-downloaded widgets.

Cherry Sidebars plugin to add widget to WordPress page

  • Navigate to the specific page or post where you want to add the widget.
  • Scroll down until you see Post Sidebars on the right-hand side menu.

publish sidebars to add widget to WordPress page

  • From the drop-down menu, select the sidebars you want to use.
  • Save the page or post.
  • Preview the content to see your changes.

6. Sidebar & Widget Manager for WordPress

Sidebar & Widget Manager for WordPress is a feature-rich plugin that gives you full control over displaying widgets on your site. You can select the relevant pages or posts to display your widgets and change their placements on each page.

Here’s how to use it:

  • Install and activate the plugin.
  • Navigate to Appearance, then to Widgets.
  • Click the Set Visibility button and choose the pages where you want your widgets to appear.

demo of how to add widget to specific pages at once

You can also change the placement of widgets on your pages and posts by creating custom sidebar widgets. That is how:

  • First, navigate to the Pages section .
  • Create your design or select a default option from the drop-down menu.
  • Drag and drop the sidebars containing the widgets you want to display.

demo how to create custom sidebar widgets in wordpress page

  • Preview the post or page to see the changes.

Choose a plugin to display your widgets

Customizing your blog posts and web pages with widgets can inspire engagement from site visitors by offering additional content. Although the default WordPress setup might not include the features you need, the additional plugins on this list offer workarounds to help you create the WordPress site you want.

Editor’s note: This post was originally published in December 2020 and has been updated for completeness.

Keyword

Themes: WordPress website

Don’t forget to share this post!

Google Google Translate


Video How to add a widget to a wordpress page

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…