This article will show you how to add social media button on your WordPress site using Floating Social Bar.

What Is Floating Social Bar?

wordpress plugin, floating social bar

Floating Social Bar is simple social media plugin for WordPress that allows you to maximize your social media visibility without impacting your site speed.

Floating Social Bar adds a horizontal floating share bar to your blog posts, pages, and other post types. The floating ability allows this eye-catching social media bar to get you maximum shares.

Unlike other social media plugins for WordPress, Floating Social Bar only offers share buttons for Twitter, Facebook, Google+ Pinterest, and LinkedIn.

Floating Social Bar only loads scripts when necessary. None of the social media scripts are loaded on the initial page load. They use socialite technique to only load social scripts when the user brings their mouse over the button. Doing this allows the plugin to keep your site just as fast as it would load without any social plugins.

Install Floating Social Bar

First thing you need to do is login to your WordPress admin area. Next, click on Plugins > Add New.

Type in “floating social bar” in Search Plugins box to search for Floating Social Bar plugin.

wordpress, search floating social bar

Next, click Install Now button to install the plugin.

wordpress, floating social bar

WordPress will now install your plugin and show you a button to activate the plugin. Click on the Activate button and you’ve successfully installed and activated Floating Social Bar plugin.

Configure Floating Social Bar

When you activate the plugin, you will see a new menu under Settings with the name Floating Social Bar. Click the menu to configure Floating Social Bar plugin.

Next, drag and drop social networks you’d like to use from Available Social Services to Enabled Social Services and order them the way you’d like them to show in the page.

wordpress, floating social bar, order service

Next, change the plugin settings to fit your need.

wordpress, floating social bar, plugin setting

Social Bar Label – Text shown next to the buttons, you can leave it empty if you want no label.

Show Bar On Single – You can choose the post types you want to add the floating social share bar such as posts, pages, or any other custom post type.

Twitter Username – If you want tweet text to say “via @YourUsername” in the end, fill this field, otherwise it can stay empty.

Interval to Update Stats – Floating Social Bar doesn’t load social widgets as soon as a page is loaded, instead it shows images that look like social widgets and updates the count in these images every X seconds, this can impact load time dramatically

Pinterest Image Fallback – If you want to use Pinterest button, you can provide image URL to use as fallback image for posts that have no images in them

Make Social Bar Static – Check the box to make the bar static. Then you can choose to position it above the content, below the content, or both.

Disable Socialite – This option basically stops the flickering that some users don’t want. Note, this will not load any scripts and open the share box in new window.

That’s it. Now when you go to your post page, there will be a horizontal floating share bar.

This article will show you how to use UpdraftPlus to backup your WordPress site to Dropbox.

What Is UpdraftPlus?

wordpress plugin, updraftplus, dropbox

UpdraftPlus is the leading WordPress backup, restore and migration plugin. UpdraftPlus simplifies backups (and restoration). Backup into the cloud (Amazon S3 (or compatible), Dropbox, Google Drive, Rackspace Cloud, DreamObjects, FTP, Openstack Swift, UpdraftPlus Vault and email) and restore with a single click.

Install UpdraftPlus

First thing you need to do is login to your WordPress admin area. Next, click on Plugins > Add New.

Type in “updraftplus” in Search Plugins box to search for UpdraftPlus plugin.

wordpress plugin, search updraftplus

Next, click Install Now button to install the plugin.

wordpress plugin, install updraftplus

WordPress will now install your plugin and show you a button to activate the plugin. Click on the Activate button and you’ve successfully installed and activated UpdraftPlus plugin.

Configure UpdraftPlus

When you activate the plugin, you will see a new menu under Settings with the name UpdraftPlus Backups. Click the menu to configure UpdraftPlus plugin.

wordpress plugin, updraftplus menu

To configure your backup settings, go to the Settings tab.

wordpress plugin, updraftplus schedule

From the File backup schedule and Database backup schedule fields, you can choose the backup frequency of the files and database. You can also choose how many backups you want to save.

wordpress plugin, updraftplus include files

From the Include in files backup field, you can choose to include the themes, plugins, uploads and any other folder inside of the wp-content folder. And if you want to exclude any folder, there are fields for that too.

If you want a report after each backup completes, you can do so by checking the Email checkbox.

wordpress plugin, updraftplus report email

Next, choose Dropbox on Choose your remote storage to copy your backup file to Dropbox.

wordpress plugin, choose updraftplus remote storage

If you choose not to use remote storage, your backup file will remain on the web-server.

Click Save Changes button.

After you saved the settings, come back to the settings page to complete authentication with Dropbox.

Dropbox Authentication

Click the link provided in the UpdraftPlus notice on top of your WordPress admin.

wordpress plugin, updraftplus dropbox authentication

This will take you to the Dropbox website. Login to your Dropbox account and give UpdraftPlus permission to upload files in your account.

wordpress plugin, updraftplus dropbox access

Once you click Allow button you will be redirected back to WordPress admin. Now click Backup Now button to test the backup.

wordpress plugin, updraftplus backup now

The length of time to complete the backup will depend on your database and images size, but you can see how the backup is progressing.

wordpress plugin, updraftplus backup progress

Once the backup is complete you will see a message on screen to say that the backup was successful. Your backups will now be saved in your Dropbox account in the folder Apps > UpdraftPlus.

wordpress plugin, dropbox files

That’s it.

This article will guide you how to create and display contact form to your WordPress site using Contact Form 7.

What Is Contact Form 7

wordpress plugin, contact form 7

Contact Form 7 is simple but flexible contact form plugin. Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Install Contact Form 7

First thing you need to do is login to your WordPress admin area. Next, click on Plugins > Add New.

Type in “contact form 7” in Search Plugins box to search for Contact Form 7 plugin.

wordpress plugin, search contact form 7

Next, click Install Now button to install the plugin.

wordpress, install contact form 7

WordPress will now install your plugin and show you a button to activate the plugin. Click on the Activate button and you’ve successfully installed and activated Contact Form 7 plugin.

Setup Contact Form

When you activate the plugin, you will see a new menu in the WordPress administration menu with the name Contact. Click the menu to manage contact form. On next screen, you can create new contact forms for your WordPress site or edit existing ones via Edit option.

wordpress plugin, contact form 7 home

The most important settings you need to define are located in Mail tab.

wordpress plugin, contact form 7, mail setting

Here’s what you should have in each field when you edit forms in the Mail tab.

To: The email address you want to receive contact form submissions at.

From: An email address that comes from the domain name of the website (no Gmail or other non-branded email address). You can also add the [your-name] if you’d like.

Subject: This can’t be empty. Either put the [your-subject] shortcode, or manually put something here.

Additional Headers: Reply-To: [your-email]

Message Body: Use the shortcodes from your form to build the email response you want to receive.

As always, whenever you change your contact form, send yourself some test emails to make sure everything is working properly.

Display Form

Just after creating new contact form, you will see shortcode like this:

wordpress plugin, contact form 7, shortcodes

Copy the shortcode. Then, create new Page or edit the existing Page and paste the code you copied into the contents of the page.

wordpress plugin, contact form 7, wordpress page

Now your contact form setup is complete. Visitors to your site can now find the form and start submitting messages to you.

You can read more detail information here.

This article will show you how to install and configure WP Super Cache to make your WordPress site faster than before.

What Is WP Super Cache?

wordpress plugin, wp super cache

WP Super Cache is a very fast WordPress caching plugin that generates static html files from your dynamic WordPress blog. So instead of loading the heavy PHP scripts of your blog, your visitors will be served with these static html files which will make your blog appear to load faster.

Install WP Super Cache

First thing you need to do is login to your WordPress admin area. Next, click on Plugins > Add New.

Type in “wp super cache” in Search Plugins box to search for WP Super Cache plugin.

search wp super cache

Next, click Install Now button to install the plugin.

install wp super cache

WordPress will now install your plugin and show you a button to activate the plugin. Click on the Activate button and you’ve successfully installed and activated WP Super Cache plugin.

Enable WordPress Caching

Once you’ve installed and activated the plugin, you’ll see the result like the screenshot below.

wp super cache

By default, WP Super Cache plugin is disabled. Click on Plugin Admin Page link to enable the plugin.

Enable caching by clicking on button next to Caching On. Once you’ve enabled the option click on Update Status button.

wp super cache, enable cache

After turning on the cache, click on the Test Cache button to check if it is working.

wp super cache, cache tester

WP Super Cache will fetch your WordPress site twice and will compare the time stamps of both pages. If the both time stamps match then this means that caching is working on your site now.

Configure Advanced Settings

Go to Settings > WP Super Cache and click on Advanced tab. The options on this page can further improve your site’s performance.

wordpress caching, wp super cache, advanced caching

Cache hits to this website for quick access – Check to turn on the caching.

Next you will find three caching options. By default plugin uses PHP to serve cache file option. This option will serve cached pages that will be processed by PHP engine. This consumes more CPU.

Instead of this option enable Use mod_rewrite to serve cache files option. This is the fastest option and allows WordPress to serve static cached pages without invoking PHP engine.

wordpress caching, wp super cache, advanced misc setting

Compress pages so they’re served more quickly to visitors – Check to enable compression.

Compression allows WP Super Cache to serve cached files as compressed files. These files are downloaded by user browsers quickly due to their smaller size. By default this option is disabled.

304 not Modified browser caching – Check to enable the option.

This is a small header that is sent to visiting browsers. This indicates when a page has not been modified since last request.

The cached pages are not fit for the users who comment on your website or regularly login to your site. So enable Don’t Cache pages for known users. This option allows administrator and other user to see actual data without any caching.

Don’t cache with GET parameters – Check to enable the option.

Cache rebuild – Check to enable the option.

This option is useful for the site in which there are lot of people logged in and they don’t edit much content on your site.

Once you’re done with all settings in Advanced tab, click on Update Status button.

When you click on update button, WP Super Cache will show a notification that “Mod_Rewrite Rules must be updated”. Now scroll down to the page till “Mod Rewrite Rules” and click on Update Mod_Rewrite Rules to update these rules. Once Mod_Rewrite Rules are updated this section will turn green.

Next set the time and frequency up to which the cached data on your server will be valid. By default, in terms of garbage collection the Cache timeout is 3600 seconds. If you have large number of article on your site then set lower time.

That’s it. Once you completely implement WP Super Cache, your WordPress site should be considerably faster than before.

This article will show you how to install and configure Akismet in WordPress.

What Is Akismet?

wordpress plugin, akismet

Akismet is a comment spam blocking service which can be used for WordPress. Akismet checks your comments against the Akismet Web service to see if they look like spam or not and lets you review the spam it catches under your blog’s “Comments” admin screen.

Why Should Use Akismet?

Commenting is an integral part of blogging. However, there is a dark side to blog comments: spam. Comment spam is not only a headache to sort through and deal with on your own, but it can hurt your SEO efforts in the long run.

Comment moderation is a time consuming task, and Akismet can save you hours. Akismet will catch spam comments before it lands in your moderation queue as pending. This allows you to focus your energy on moderating comments by real users.

Install & Activate Akismet

Every WordPress installation comes with two plugins pre-installed. One of them is Akismet. Even though Akismet comes pre-installed, it is not activated by default. You will have to take some extra steps to activate it.

First, log into your WordPress admin and navigate to Plugins > Installed Plugins.

Click the Activate link below the Akismet plugin name and description.

akismet activate

You will find an Activate your Akismet account notice on the next screen.

akismet notice

Go ahead and click on the Activate your Akismet account button. You’ll be taken to the plugin’s settings screen.

akismet setting page

To activate Akismet’s functionality, you will need to create a WordPress.com account and fetch what is known as an API key. This is basically just a confirmation code that allows the Akismet spam-blocking system to access your site and work its magic.

Click on Get your API key. You’ll be taken to the Akismet website. Click the Get Started button.

get akismet

You will be redirected to a registration form for WordPress.com.

If you already have a WordPress.com account, then you can click on the link I already have a WordPress.com account. If you don’t have a WordPress.com account, then simply enter an E-mail address, Username and Password on this screen and click on Sign Up → button to create account.

akismet wordpress registration

Once the authentication with WordPress.com is complete, you will be taken back to the Akismet website. There you will be asked to provide some user details along with the payment information. If you picked the free plan, then simply drag the price amount to $0.

akismet donation options

Click the Continue button and you’ll be taken to the screen that shows your API key. You will also receive an email from Akismet containing your API Key.

Copy your Akismet API key and go back to your Akismet configuration screen then paste and save the API key.

That’s it.