WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Themes» How to Add a WordPress Widget to Your Website Header

How to Add a WordPress Widget to Your Website Header

Last updated on December 14th, 2016 by Editorial Staff
215 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Add a WordPress Widget to Your Website Header

Do you want to add a WordPress widget to your website’s header area? Widgets allow you to easily add content blocks into designated sections of your theme. In this article, we will show you how to easily add a WordPress widget to your site’s header.

Add a WordPress widget to your site's header

Note: This is an intermediate level tutorial. You will need to add code to your WordPress theme files and write CSS.

Why and When You Need a Header Widget on Your Site?

Widgets allow you to easily add content blocks to a designated area in your WordPress theme. These designated areas are called sidebars or widget-ready areas.

A widget ready area in header or before content can be used to display ads, recent articles, or anything you want.

This particular area is called ‘Below the fold’ and all popular sites use it to show really important stuff.

The header section on the popular List25 website

Typically, WordPress themes add sidebars next to the content or in footer area. Not many WordPress themes add widget-ready areas above the content are or in the header.

That’s why in this article, we will cover how to add a widget area to your WordPress website’s header.

Step 1. Creating a Header Widget Area

First, we need to create a custom widget area. This step will allow you to see your custom widget area on Appearance » Widgets page in your WordPress dashboard.

You will need to add this code to your theme’s functions.php file.

function wpb_widgets_init() {

	register_sidebar( array(
		'name'          => 'Custom Header Widget Area',
		'id'            => 'custom-header-widget',
		'before_widget' => '<div class="chw-widget">',
		'after_widget'  => '</div>',
		'before_title'  => '<h2 class="chw-title">',
		'after_title'   => '</h2>',
	) );

}
add_action( 'widgets_init', 'wpb_widgets_init' );

This code registers a new sidebar or a widget ready area for your theme.

You can now go to Appearance » Widgets page, and you will see a new widget area labeled ‘Custom Header Widget Area’.

Custom header widget area

Go ahead, and add a text widget to this newly created widget area and save it. See our guide on how to add and use widgets in WordPress for detailed instructions on adding widgets.

Step 2: Display Your Custom Header Widget

If you visit your website now, you will not be able to see the text widget you just added to your newly created header widget.

That’s because we haven’t yet told WordPress where to display this widget area.

Let’s do that in this step.

You will need to edit the header.php file in your theme and add this code where you want to display your custom widget area.

<?php

if ( is_active_sidebar( 'custom-header-widget' ) ) : ?>
    <div id="header-widget-area" class="chw-widget-area widget-area" role="complementary">
	<?php dynamic_sidebar( 'custom-header-widget' ); ?>
    </div>
	
<?php endif; ?>

Don’t forget to save your changes.

You can now visit your website and you will see your header widget area.

Unstyled header widget

You will notice that it looks a bit unpolished. That’s where you will need CSS to make it look better.

Step 3: Style Your Header Widget Area Using CSS

Depending on your theme, you will need to add CSS to control how the header widget area and each widget inside it is displayed.

The easier way to do this is by using CSS Hero plugin. It allows you to use an intuitive user interface to change CSS of any WordPress theme. For more details see our CSS Hero review.

If you don’t want to use a plugin, then you can add custom css to your theme by visiting Appearance » Customize page.

This will launch the WordPress theme customizer interface. You will need to click on the ‘Additional CSS’ tab.

Adding custom CSS to a WordPress theme

The additional CSS tab in theme customizer allows you to add your custom CSS while watching the changes appear in the live preview.

For the sake of this tutorial, we are assuming that you will be only using this area to add a single widget to display banner ads, or a custom menu widget.

Here is some sample CSS to help you get started.

div#header-widget-area {
    width: 100%;
    background-color: #f7f7f7;
border-bottom:1px solid #eeeeee;
    text-align: center;
}	
h2.chw-title {
    margin-top: 0px;
    text-align: left;
    text-transform: uppercase;
    font-size: small;
    background-color: #feffce;
    width: 130px;
    padding: 5px;
    }

This is how our custom header widget area looked on the default Twenty Seventeen theme.

Preview of header widget

You may need to adjust the CSS to match your theme. Take a look at our guide on how to add custom styles to WordPress widgets.

We hope this article helped you learn how to add a WordPress widget to your site’s header. You may also want to see our list of 25 most useful WordPress widgets for your site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

215 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

76 Comments

Leave a Reply
  1. Ranjit says:
    Sep 23, 2020 at 10:15 am

    Thank you for tutorial, I have a one question how to add columns (2 or 3) in header widget ?

    Reply
    • WPBeginner Support says:
      Sep 24, 2020 at 10:44 am

      That would depend on your specific theme, we would first recommend reaching out to your specific theme’s support to see if they have a built-in method for what you’re wanting to do or have recommended settings.

      Reply
  2. Muhammad Kashif says:
    Aug 28, 2020 at 2:09 pm

    Hello, I added the custom header widget successfully, but after updating the theme my custom header widget is not working ? Please tell me the solution! Looking forward to your response. thanks

    Reply
    • WPBeginner Support says:
      Sep 1, 2020 at 9:18 am

      When you updated your theme you likely removed the code from the header.php. To prevent that in the future you can look at creating a child theme following our guide below:

      https://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

      Reply
  3. Sophia says:
    Jul 3, 2020 at 6:56 am

    Thank you so much! This was exactly what I was looking for. It works perfectly.

    Reply
    • WPBeginner Support says:
      Jul 7, 2020 at 11:27 am

      You’re welcome :)

      Reply
  4. Inayatali says:
    May 19, 2020 at 4:53 am

    Thank You so much for this awesome post, this code works perfectly how I wanted.

    Reply
    • WPBeginner Support says:
      May 19, 2020 at 9:41 am

      You’re welcome, glad our article was helpful :)

      Reply
  5. Jim Rolt says:
    May 7, 2020 at 9:13 am

    Excellent code snippets which I was able to adapt and style to do the jobs I wanted. Many thanks for this

    Reply
    • WPBeginner Support says:
      May 8, 2020 at 10:02 am

      Glad our guide could be helpful :)

      Reply
  6. Vildan says:
    Apr 16, 2020 at 9:31 am

    Hi WP Beginner,

    How do I get the widget area in the header on the right side of the menu? I want to add the ADD TO CART icon in there.

    Reply
    • WPBeginner Support says:
      Apr 17, 2020 at 10:47 am

      For placement, it would depend on the specific theme you are using, if you check with your theme’s support they should be able to let you know what part of your header.php file to add the code to or if they have a built-in method to do so.

      Reply
  7. Bathri Vijay says:
    Apr 15, 2020 at 11:44 pm

    Thank You WPBeginner Editorial Team giving a perfect blog to the beginners and middle class coders. It is a big platform to learn and to execute WordPress. You were the big reason for the success of many bloggers and business owners.

    Reply
    • WPBeginner Support says:
      Apr 16, 2020 at 9:14 am

      You’re welcome, glad you’ve been finding our content helpful :)

      Reply
  8. zambol says:
    Oct 7, 2019 at 5:38 pm

    Thanks for the tutorial. it works but the trouble I have is that it’s not responsible for mobile devices. is it possible to make the sidebar responsible?

    Reply
    • WPBeginner Support says:
      Oct 8, 2019 at 9:51 am

      I believe you mean responsive in which case, we sadly do not have a recommended method for making this widget responsive at the moment.

      Reply
  9. Gen says:
    May 10, 2019 at 12:19 am

    Thanks,
    it works. Now I can add some widget or ads without add plugins.

    Reply
    • WPBeginner Support says:
      May 10, 2019 at 11:25 am

      You’re welcome :)

      Reply
  10. anju says:
    Apr 22, 2019 at 6:05 am

    how to show custom header bafore created header

    Reply
    • WPBeginner Support says:
      Apr 22, 2019 at 2:31 pm

      Depending on your specific theme, if there is content before the header.php content, you would want to reach out to the theme’s support

      Reply
  11. dav says:
    Apr 12, 2019 at 8:45 am

    hello,
    I would like to make an header like the one in the first picture on the top of this page ( the list 25 website).
    How can I make It?
    Please help me!

    Reply
    • WPBeginner Support says:
      Apr 12, 2019 at 11:33 am

      It would depend on what you mean, you can add image icons to your menu items using: https://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/

      Reply
      • dav says:
        Apr 13, 2019 at 10:34 am

        Actually I’m talking about adding a middle header and right header widgets

        Reply
        • WPBeginner Support says:
          Apr 15, 2019 at 12:36 pm

          That would depend heavily on your theme, you may want to look into a page builder plugin to easily create something like what you’re wanting.

  12. Tehreem says:
    Apr 8, 2019 at 7:39 am

    well I am unable to access my header.php ! is there any other way to display my header? like from css!

    Reply
    • WPBeginner Support says:
      Apr 8, 2019 at 1:51 pm

      CSS would allow you to style the area once added but you would need to edit the php file to add the code for placing the section or you could use a page builder plugin as another option: https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/

      Reply
  13. GoosePT says:
    Dec 2, 2018 at 6:58 pm

    Hello!

    Perfect tutorial.

    Im using it to create a Topbar, but im facing a problem the widgets (in my case 2) are one below the other.

    How can I make them to be displayed side by side?

    Reply
    • Lori says:
      Dec 27, 2018 at 2:59 pm

      Great tutorial, works perfectly. I would love to hear the answer to this one as well, I’m using for a similar setup and would like to displays widgets side by side.
      PS – great site BTW, any time i need to add additional functionality or have an issue with something, I was start with wpbeginner.

      Reply
      • WPBeginner Support says:
        Jan 4, 2019 at 1:47 pm

        Sadly, for a question like that it would require theme specific CSS modifications with how the widgets are added. You would likely need to use inspect element to find the CSS option that needs to be changed: https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/

        Reply
  14. J M Das says:
    Aug 27, 2018 at 12:19 pm

    This tutorial is very useful.
    How to remove the white space above this widget area in Posts? Thanks for any help

    Reply
  15. Mikhail Koval says:
    Aug 5, 2018 at 7:12 pm

    What would I have to put in the header.php to ONLY show on the home page but not show on other pages?

    Reply
    • WPBeginner Support says:
      Aug 5, 2018 at 7:25 pm

      Hi Mikhail,

      You can use conditional tags like is_home or is_front_page to display things on certain pages in WordPress. For example:

      If ( is_front_page() ) { 
      // code you want to display on the homepage
      } 
      
      Reply
      • Anna says:
        Oct 14, 2018 at 8:43 am

        Hi, this is really what I’m looking for and it would be great if I could get it to work! Creating the widget area works fine, displaying it does unfortunately not.. I would also like to display it only on the start page.
        I´m not sure
        1) where in the header file to put the display code
        2) where to put this “only-on-startpage”-code and what code goes on line 2
        I understand if my questions are too basic to bother with, but I would be really grateful if someone has time and patience for it anyway..:-) Thanks in advance!!

        Reply
        • WPBeginner Support says:
          Oct 14, 2018 at 2:46 pm

          Hi Anna,

          These are perfectly reasonable questions.

          1. You need to put the display code based on where you want to display the header widget. For example, your theme’s header.php file may have a section to display site title, logo, description, and navigation menus. They will probably be wrapped around div tags. You will put your header widget code before or after these areas. If you are unsure, you can place the code at the end of the header.php file.

          2. If you only want to display the widget area on your website’s front page then you can use conditional tags like this:

          if ( is_front_page() ) {
          // your widget display code goes here 
          
          } 
          
        • Anna says:
          Oct 19, 2018 at 9:36 am

          OK, I cheated and put the widget-code in the front-page.php instead, it worked! Thanks :-)!

    • Anna says:
      Oct 19, 2018 at 8:08 am

      Hi again, it became visible on start page with css positioning!

      Now it’s only the question of how to put together the only-on-start-page-code with the visibility code…

      Thanks again for kindness and patience..)

      Reply
  16. Bruce Pratt says:
    Jul 27, 2018 at 8:17 pm

    Great tutorial! This helped me accomplish exactly what I wanted. Fantastic!

    Reply
  17. Paul Johnson says:
    May 25, 2018 at 9:32 am

    Great tutorial thanks. I am trying to implement the JetPack Cookie Consent Widget and despite following your instructions the Cookie Consent bar still appears at the bottom of the page.

    Is it possible the widget is overriding the code?

    Reply
  18. Keu says:
    May 22, 2018 at 5:16 pm

    Does this still work for Twentyseventeen? The functions.php part works fine, but the header.php part doesn’t.

    Reply
  19. thomas evans says:
    Mar 17, 2018 at 3:43 am

    Hello
    pls can someone here help me as how to make this responsive on any mobile device?

    i want to insert a google adsense code here for ads 728 x 90 banner sizes but any time i do so, it shows perfectly on desktops but on mobile devices it becomes weird.
    thank you

    Reply
  20. Anubhav Bhatt says:
    Feb 19, 2018 at 11:22 am

    I have successfully created a header widget and It was really easy, thanks to you all. But I actually wanted it in the POSTS, not on the Homepage because I’m using Nikko Portfolio theme and it looks awful.
    Please Help.

    Reply
  21. Soren says:
    Nov 25, 2017 at 3:11 pm

    Wow, I was actually able to do this…?! Thank you so much for an awesome guide!

    Reply
  22. Jeffrey says:
    Oct 12, 2017 at 10:12 am

    I placed the code in my functions.php file and added my widget code in the header.php file and added my widget text and saved.
    When I move on to editing pages, upon clicking Update, I get a white screen and can’t see my page.
    I then have to go back to /wp-admin to see the dashboard. There are no console errors when I click update but just a white screen.

    Reply
    • Jeffrey says:
      Oct 12, 2017 at 10:38 am

      After troubleshooting, I have incorrect syntax in functions.php file.
      thank you!

      Reply
  23. Derek says:
    Oct 3, 2017 at 2:09 am

    This is great for that header advertizment thing, but what I want to do is add a pay pal donation button to my header. (Right side) cant believe there is no video tutorials out there on how to make a a widgetized header space to drag your pay pal widget into so that it appears on the right side of your header.. i can imagine there is alot of people who could benefit from an instructional on this.

    Reply
  24. Stephen Crawford says:
    Sep 19, 2017 at 7:03 am

    This is a great tutorial, but I would like to create a widget area that can be placed above the header area would that also be possible?

    Reply
  25. Joey says:
    Sep 15, 2017 at 12:08 pm

    Just updated everything and it’s working great on my desktop. Now, if you could tell me how to get the widget to display on my mobile device that would be great! Did I mess something along the way?

    Reply
  26. Kushal says:
    Sep 5, 2017 at 1:42 pm

    Thank you so much for this post! Solved what I was looking for!

    Reply
  27. Mark says:
    Sep 2, 2017 at 8:23 am

    Hi, many thanks for writing this, it has helped me massively. However, with my website: how do I get the widget to appear at the far right hand side. When I use the option to show search field in the header, this is the place I want it to go?

    Thanks in advance! :)

    Reply
  28. Linda Holiner says:
    Aug 9, 2017 at 1:05 pm

    I am confused. I don’t understand how to get an image into the widget and let the user change the image. I don’t see where your image is coming from.

    Reply
  29. Thomas says:
    Jul 18, 2017 at 10:15 am

    Would it be possible to make a tutorial about how to make a TopBar with sections (Social media icons, Notice, Search, Woocommerce cart).

    No plugin does really do that well

    Thanks

    Reply
  30. Liam says:
    Jun 30, 2017 at 4:07 am

    How to make the widget do display only on desktop devices?

    Reply
  31. Tim says:
    Jun 6, 2017 at 1:13 pm

    If i want to add multiple custom widget areas do i need to add a new function to functions.php for each? or just add them in the area i want?

    Reply
  32. fahad says:
    May 7, 2017 at 9:44 pm

    I managed to use the widget in the navigation bar instead of the header area as I wanted to add a language toggle option at this section. I have a small problem where I can’t move the language two flags to the any horizontal location. I tried to add margin-right: 100px; to the advanced CSS section but it didn’t change. It might be something else centering all the navigation content but I want to make sure if it could be fixed with the widget.

    Reply
    • Courtney says:
      Oct 21, 2018 at 7:06 am

      Hey how did you edit the code to put it in the nav bar? I’m currently trying to do the same thing without any luck.

      Reply
  33. Leanore says:
    Apr 27, 2017 at 4:29 pm

    When I attempt to add more than one custom widget area, I receive a 500 Error on my website. Is there a reason for this? Is it possible to create more than one custom widget area for a theme?

    Reply
    • WPBeginner Support says:
      Apr 27, 2017 at 10:03 pm

      Hi Leanore,

      Yes, you can create multiple custom widget areas for your theme.

      Reply
      • Antonis says:
        Jul 31, 2018 at 12:15 pm

        Hello,

        Is it possible to briefly describe how to make multiple ones? I tried to copy the function and rename the elements but it wont work..

        P.S Very handy code, thanks!!

        Reply
  34. nina says:
    Apr 26, 2017 at 2:50 am

    Hi! When i try to update the function.php file, there is this fatal error:
    Fatal error: Cannot redeclare wpb_widgets_init()
    I am not sure if i did a wrong edit. Could you help

    Reply
    • WPBeginner Support says:
      Apr 27, 2017 at 10:30 pm

      Hey Nina,

      This means that wpb_widgets_init function already exists in your functions.php file. You will have to replace it like wpb2_widgets_init to make it unique or remove the previous code that you added.

      Reply
  35. Sam says:
    Apr 23, 2017 at 2:01 pm

    Hello,

    Thanks so much for this, it is really helpful.

    One issue I am running into: My widget is just a menu of a couple of text links to pages. Here is my site:

    See how the text is all the way against the right side of the header area? I would like to use a right margin to line it up under “Contact” without turning the margin area white.

    Also, would love to make the text black. :)

    Many thanks if you can help with these tweaks!

    Sam

    Reply
  36. Tommy says:
    Mar 27, 2017 at 8:45 am

    Your blog is most helpful. Thank you for helping us made modifications to Twenty Seventeen. People like you make using a new wordpress theme like Twenty-seventeen much easier.

    I am relatively new to word press and would like to try some additional modifications to Twenty seventeen.

    I would like to create a new widget for wp pages. I am trying to figure out how I can take your blog information on how to make a new widget for the header and apply it to a wp page in the twenty seventeen theme. I am getting stuck.

    Could you show us now to create a new widget for a page? That would be awesome.

    Thanks
    Tommy

    Reply
    • WPBeginner Support says:
      Mar 30, 2017 at 11:39 pm

      Hey Tommy,

      Please see how to create a custom WordPress widget.

      Reply
  37. Tom says:
    Mar 6, 2017 at 1:27 pm

    in Twenty Twelve theme, it put it under my menu and not in the header area.

    Reply
    • liz says:
      Aug 22, 2017 at 12:42 pm

      same for me – did you find a solution Tom?

      Reply
  38. Bobby_qw says:
    Mar 1, 2017 at 9:43 pm

    Thank you very much Mr. Admin.You are teahing to us ‘how to make our own web site. l always follow your posting and l make my own web site. Thank you very much.

    Reply
  39. Shane Cunningham says:
    Feb 22, 2017 at 3:43 pm

    I used this and though it worked in adding a custom widget area to the top of my page, i could not get it to align with the other items in the header (company logo and nav menu) in Cherry. No matter where I put it in the header.php, it either appeared above or below the other items. I wanted to use it to create a phone number block between the logo and the nav menu. Though I could get it to center in correct spot horizontally, i could not get it to appear between them. To give you a better idea of what I need, imagine that on this very page’s header, you wanted to move the nav menu justified to the right and put your 800 number between it and the “wpbeginner” logo. How could I use this code (or a variation of it) to do that?

    Reply
  40. Kristin says:
    Jan 26, 2017 at 12:00 pm

    Thank you so much for this (and all) of your detailed tutorials! Could you please tell me how to implement a header widget, excluding the Homepage?

    Reply
    • Massimo says:
      Feb 13, 2017 at 9:48 am

      In the code that you added to header.php change the first line:
      if ( is_active_sidebar( 'custom-header-widget' ) ) : ? >
      with this one:
      if ( is_active_sidebar( 'custom-header-widget' ) && ! is_front_page ) : ?

      Reply
    • Massimo says:
      Feb 13, 2017 at 9:51 am

      Sorry, I missed something!
      The line that you have to add is:
      if ( is_active_sidebar( 'custom-header-widget' ) && ! is_front_page() ) : ?>

      Reply
      • Kristin says:
        Feb 15, 2017 at 12:44 pm

        Thank you so much!

        Reply
  41. reus says:
    Jan 14, 2017 at 8:08 am

    thank men, more power :)

    Reply
  42. Nirmal Kumar says:
    Dec 28, 2016 at 10:06 pm

    Thanks for this tutorial ☺ I used this code to create header for my website.

    Reply
    • WPBeginner Support says:
      Dec 28, 2016 at 10:18 pm

      You are welcome :)

      Reply
  43. Mihaita Vulpe says:
    Dec 14, 2016 at 1:47 pm

    Wow, and i taught i was limited to adding widgets only in the sidebar, thanks for the tips.

    Mihaita,

    Reply
  44. Yukio says:
    Dec 14, 2016 at 11:26 am

    Wow this really look interesting and very useful; im going to try it and hope it works.

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
All in One SEO logo
All in One SEO
Improve website SEO rankings with AIOSEO plugin. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
MainWP
MainWP Coupon
Get 15% OFF on MainWP WordPress multisite manager plugin.
Sprout Invoices
Sprout Invoices Coupon
Get 50% OFF on Sprout Invoices WordPress invoicing plugin.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.