WordPress Sidebar Topic IndexTopic Index for "WordPress Sidebar"
Learn about using the WordPress sidebar functionality.
Learn about using the WordPress sidebar functionality.
One of the best ways to enhance your website to attract return visitors is to add social media integration into your website. Besides integrating your social media with WordPress SEO, you can also add some really nice eye-catching widgets to your WordPress sidebar that will help you increase follows, likes and social commenting.
Heres’s our choice of 5 social media widgets that you can implement on your website. Keep in mind, the more you add, the longer your website will take to load, so pick and choose your favorites but mind your visitor, don’t use them all, that’d be overkill. Instead, choose one or two and then add some social media icons or links to your other social media pages you’d like people to visit.
This plugin is brand new at the time of this writing and replaces the now deprecated Facebook Like Box. You can use the code they provide as a “Text” widget on your sidebar to display your Facebook page to all of your visitors.
What’s nice about this is there’s a “Like” button and a “Share” button that will encourage people to like and share your page to others.
Visit the Facebook Page Plugin site, enter your page’s URL and then begin customizing how your widget will look on your website. You can customize:
– Width: 280x to 500px
– Height: 130px or higher
– Hide or show the cover photo (screenshot shows it)
– Hide or show friend faces (screenshot shows it)
– Show page posts (screenshot shows it)
Once you customize the plugin, then click the Get Code option and you’ll get the code you need to get this to show up on your website.
Enter the first code into your customized theme or child theme header.php file or look for a theme options on your dashboard since some themes come with a way to enter code into the header. An example of this is Thrive Themes which allows you to go to Thrive Themes > Thrive Options > Analytics / Scripts > Header Script box.
Once you have that added, you’d then add the second code as a text widget. Go to Appearance > Widgets. Look for a sidebar section then drag and drop the “Text” widget to that area. From there, you’ll get a box to enter the code in.
Log in to the Twitter account you want to setup a widget on then go to the Twitter Widgets page then click the “Create new” button. From there, you’ll see this configuration screen to begin setting up your new site widget:
From here, notice all of the options available starting with the tab area. They are as follows:
Once you make your decision and customize the settings, click the blue “Create widget” button which will cause a message Your widget has been created along with a small code to copy and paste into a text widget as explained in the Facebook Page Plugin instructions above. You won’t need to add a special code to the header section of your website with this code.
Another great social media widget integration is the Google+ Badge. This badge is similar to the Facebook Page Plugin except it doesn’t allow you to display your most recent posts. It allows people to add your Google+ page to circles and also to +1 the page. This feature was also mentioned in our Google+ Beginner’s Guide and makes yet another appearance here.
Head on over to the Google+ Badge page and wait a few seconds for the page to fully load. You’ll miss the badge creation page if you impatiently scroll down the page, give it a few seconds and the badge creation options will appear right on the top of the page.
Here’s the features you can choose from and an explanation:
Under advanced options, we recommend enabling “Dynamic” because this will enable the dynamic load feature which will improve your initial page loading time.
Once you are done, you will notice below the badge is a snippet of code that has been automatically generated for you. There’s two parts of this code just like Facebook’s code. Place the first part in your theme’s header.php or custom header script box (if available) and place the second part in a text widget.
If you create video and upload them to YouTube, a great way to raise awareness and subscribers is to use the YouTube subscribe button. Head on over to the subscribe button page and scroll down until you see “Configure a button.”
For the channel name or ID, you will want to enter in your custom channel name or use your full channel ID name. We had a little difficulty getting our Top Five Advisor channel to work, but figured it out. So if you have a channel that was created from a Google+ page or from another source, go to your channel’s main page and click on your channel name. From there you can get the real channel ID from the URL as shown:
If you run a photography driven website or offer promotions and various related content, you may want to add Instagram as a sidebar widget (or take advantage of other widget areas on your theme).
Since Instagram doesn’t offer a direct widget solution, we’ve chosen SnapWidget as your Instagram solution. Head on over there then click the blue “Get Your Free Widget Button.” From there, you’ll get a large amount of configuration settings that you can use to make best use of this widget on your website.
Enter your username or favorite hashtag and then select the widget type that you’d prefer. We recommend selecting one style then click the Preview button at the bottom to see how it looks. The most popular style is the “Grid” layout because it shows just the photo and offers excellent options that will help you get it looking exactly the way you want.
For the sidebar widget area, we recommend the 125px thumbnail size and a 2×2 layout. Another option is to go with a larger thumbnail size like 250px and choose 1×2 or 1×4 so that your Instagram images are stacked vertically.
Other options include the background color, photo padding (space between images), hover effect, social sharing buttons that appear at the bottom of each image, and the ability to enable “responsive” if you have a responsive WordPress theme.
That’s it for our recommendations. Is there a widget that you use on your website that failed to make our list? Comment below and let our readers know!