Embed Facebook Messenger Widget in Your Website

Embed Facebook Messenger Widget in Your Website

Facebook Messenger is now everywhere and if you want to put your business online, this will help you to get success. Facebook Messenger has more than a billion monthly users. So, if you want to stay connected with your readers or customers then Facebook Messenger is the best option. For that, you have to implement Facebook Messenger Chat Widget on your website to get a response from your customers of your products or services you provide. Your future customers can easily get in touch with you. So, in this tutorial, I’ll show you how to add Facebook Messenger Chat Widget on your website. This is a very simple procedure, you don’t need to code for that.

Read More: WordPress Tutorials

When you apply this widget on your website, visitors can easily send you a message on your Facebook Page. The best part of this widget is it doesn’t cover more space on your website like other widgets, it needs only a space of button! It is a Facebook Messenger button which is placed at the lower right corner of your web page. When you click on it, a window will open and you can write your message and send it. It’s so easy!

How to add Facebook Messenger Chat Widget?

It’s very simple to add Facebook Messenger Chat Widget on your website. All you need to do is copy the following JavaScript in your website or widgets. This JavaScript is compatible with Blogger and WordPress. So, if you have a website from these platforms then you can also implement Facebook Messenger Chat Widget on your website. But make sure before inserting this JavaScript in your website, copy it to any text editor and replace Mac Specialist Facebook Page link to your Facebook Page link!

<style>.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:’x’;font-family:sans-serif}</style>

<div class=”fb-livechat”>
<div class=”ctrlq fb-overlay”></div>
<div class=”fb-widget”>
<div class=”ctrlq fb-close”></div>
<div class=”fb-page” data-href=”https://www.facebook.com/macspecialistblog/” data-tabs=”messages” data-width=”360″ data-height=”400″ data-small-header=”true” data-hide-cover=”true” data-show-facepile=”false”>
<blockquote cite=”https://www.facebook.com/macspecialistblog/” class=”fb-xfbml-parse-ignore”> </blockquote>

<script src=”https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9″></script>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>
<script>$(document).ready(function(){var t={delay:125,overlay:$(“.fb-overlay”),widget:$(“.fb-widget”),button:$(“.fb-button”)};setTimeout(function(){$(“div.fb-livechat”).fadeIn()},8*t.delay),$(“.ctrlq”).on(“click”,function(e){e.preventDefault(),t.overlay.is(“:visible”)?(t.overlay.fadeOut(t.delay),t.widget.stop().animate({bottom:0,opacity:0},2*t.delay,function(){$(this).hide(“slow”),t.button.show()})):t.button.fadeOut(“medium”,function(){t.widget.stop().show().animate({bottom:”30px”,opacity:1},2*t.delay),t.overlay.fadeIn(t.delay)})})});</script>

How to Insert JavaScript on WordPress?

Login to your website backend. Go to Gadgets under Appearance. Select Text Widget and drag it some place where you like but don’t worry it doesn’t cover more space on your website. Select Text and paste JavaScript. Save Changes and boom!

embed facebook messenger widget


Refresh browser cache by Pressing Control+F5 and you will notice at the lower right corner Facebook Messenger button. When anyone goes there and send you a message, it will directly go to your Facebook Page Inbox. If you replied then it will appear at Facebook Messenger app on their smartphone. Or use can use Insert Headers and Footers plugin to insert JavaScript code into WordPress.

Read More: How to add HTML code to WordPress

The best part about this Widget is, your visitors also like your Facebook Page so you don’t need to implement any Facebook Page Widget to get likes from your visitors. So, it’s very important and very useful Widget to stay connected with your visitors.

That’s it for this tutorial, I hope you like it. If you did then thumbs and share with your friends. Leave your comments below and tell me it’s working for your or not? and if you having any issues then comment below.

Subscribe newsletter/RSS for latest updates.

See you in the next one.

Thank You.

Read More:

What is RSS? How to use RSS in WordPress?

What is RSS? How to use RSS in WordPress?

When I started blogging I daily visit blogger and read their content. And I usually found some common thing on every blog. Some orange button and when I click on it I got a page where all posts are saved. I thought what is this, is kind of database or something? I didn’t know what is it? So, I started to search on the internet and I found some interesting things about RSS.

Read More: How to Create a Website/Blog?


RSS stands for Rich Site Summary and basically, it’s piece of software which allows your readers to read your content without going to the particular blog. RSS is basically a structure XML document that includes full or summarized text along with other metadata such as published date, author name etc. So, if you are following the 5-6 blog and if you subscribe that RSS feed so you can easily read those articles from RSS feed reader. You don’t have to go their blog and find the latest article they post and then read, which is time-consuming. So, RSS feed is very important for blogs or informative websites where daily posts some interesting stuff.

If you are the owner of any WordPress website you should know about it and interesting part is WordPress automatically publishes RSS feeds of your content & comments. If you know about RSS, that’s great otherwise stick with this article and I’m damn sure you will get complete information about RSS.rss wordpress


There are so many advantages like your subscribers can read your content easily without visiting your website. There are many feed readers on the market right now but the best software is Feedly which is also available on Android or iOS devices. So, grab the links of your favorite blogs and add to Feedly. You don’t have to remember URL of the blogs. You will get all information at one place.

Feedly is available on mobile devices, you can read feeds from anywhere and even offline. Feedly also allows you to share the articles on social media so if your readers like the article then they can share it on social media. So, you will get more traffic towards your blog. You can easily find the latest article of your favorite blog easily and once you read that article you can Mark as Reading. The biggest advantage is, you save time by visiting every blog you like and read as many articles you want.


You can use RSS reader, Feedly or Feed Burner. From these 3 I really like Feedly which is a free RSS reader. Feedly is available as a browser add-on as well as Android, iOS app and Kindle devices. The best part is it is available across every device so you can sync your subscription across any devices you have and even resume reading wherever you left it. You can add as many blogs in one account. The procedure is so simple you have to enter the only URL and you are ready to go!rss wordpress

You can search your favorite topic and you can subscribe the updates from that topic. You can categorize some of your favorite blogs like tech blog, fashion blog, review blog, travel blog etc. Feedly has some great features like highlight the line, social media share, print, email share and much more.

You can download Feedly apps from here;

iOS: https://itunes.apple.com/us/app/feedly-get-smarter/id396069556?mt=8

Android: https://play.google.com/store/apps/details?id=com.devhd.feedly&hl=en


You can add RSS feed button in your WordPress website to allow your readers to subscribe your feed. For that you can add RSS button in the sidebar you can see this on my blog’s sidebar. You can use Feedburner or Feedblitz to get additional statistics regarding your feeds. Feedburner also allows email subscription box which you can add into your sidebar. You can also you Aweber, MailChimp for email subscription box.

I hope you like this article. Thumbs if you did and share if you love. Leave your thoughts below.

See you in the next one.

Thank You.

Read More:

How To Install WordPress Locally With XAMPP

How To Install WordPress Locally With XAMPP

Hey, Once again I’m back with another amazing tutorial. Today I’m going to talk about how you can host WordPress on your Mac. So, you don’t need to pay for domain and web hosting. So, let’s get started.

You should know before hosting website on your device;

If you want to create a website for your own then you should locally host it on your system. In this case, your system is work as a server and your website will host on it. All the data of your website will save on it. So, If you shutdown the server then you can access your website. You don’t even access it on other devices.

No one can open your website. If you want to make a website/blog which lives on search engines, you have to host it on other servers like GoDaddy, HostGator, Bluehost etc. For that, you have to pay some charges called hosting charges. So, these tutorial is for them who want to make a website for own.

To host your website on your system you should have 4 important things;

Suitable System [PC/Mac/Notebook]

Xampp [Open Source Web Server]

Latest version of WordPress

Text Editor

Suitable System:

Xampp is available for different platforms like Windows, MacOS & Linux. You can select a proper system, which you can play with it like if you are comfortable with PC [I mean Windows!] then choose it but in this tutorial, I’m using Mac.


Xampp is the open source cross-platform web server solution stack developed by Apache Friends. We will host a website using Xampp. You can download the form here.

The latest version of WordPress:

WordPress is the best CMS to create responsive websites and we will use WordPress to create our website. It’s open-source software. Click here to download.

Text Editor:

We will use a text editor to change the coding of PHP files. You can use whatever you like but I’m using Sublime Text or you can use default text editor. It’s open source software.

1st of all you have to download Xampp for the respective operating system. I’m using Mac. Click here to download. Click on download other versions & select latest PHP version. It takes time.

Now, it’s time to download the latest version of WordPress. Click here to download.

Open Xampp. It will ask your permission. install wordpress xamppNow, go to Manage Servers. 3 servers are available there & all are stopped. install wordpress xamppNow, click on MySQL Database & Apache Web Server make it start. No need to start ProFTPD server. install wordpress xamppIt takes the time to start both servers. Now, minimize this window and open a web browser.

Now, enter localhost and hit enter. It will redirect you to localhost/dashboard. install wordpress xamppOnce you get this page it means Xampp is properly installed on your system.

Now, it’s time to setup database. For that, you have to click on phpMyAdmin.

install wordpress xamppClick on the database. Enter the name of the database and create. Your database is created & now you are ready to install WordPress.

install wordpress xampp

Extract WordPress.zip file which you download from WordPress website. Open the extracted folder.

install wordpress xamppSearch for wp-config-sample.php and now we edit this file in text editor.

install wordpress xamppOnce you open it, you will see coding there and now search for

define (‘DB_NAME’ , ‘database_name_here’);

define (‘DB_USER’ , ‘username_here’);

define (‘DB_PASSWORD’ , ‘password_here’);

And change it with;

install wordpress xampp

define (‘DB_NAME’ , ‘wordpress’); [in my case, wordpress is the databsse]

define (‘DB_USER’ , ‘root’);

define (‘DB_PASSWORD’ , ‘’); [leave it blank]

Once you were done, save as this file & rename it with wp-config.php Please do not save it, save as it.

install wordpress xampp

It means there are 2 files;



install wordpress xamppNow, close this window and move this wordpress folder to


To check, go to your web browser and enter

localhost/wordpress [instead of wordpress use your database name]

Read More: FTP Connection Error on localhost [Fixed]

If you get WordPress installation window it means you have successfully installed WordPress on Xampp.

install wordpress xampp

Now, enter site title, username, and password, email id and Install WordPress.

install wordpress xampp

Login to your WordPress dashboard to get access to the backend of your website. Click on Visit Site to open your website.

install wordpress xampp

I hope you like this tutorial. Thumbs if you like and share if you love. Leave your comments below and tell me you liked it or not and if you have any questions regarding this tutorial you can ask me via tweet and comments. I love to hear from you!

Subscribe newsletter/RSS for latest updates.

See you in the next one.


23 Best WordPress Plugins for 2017 | Mac Specialist

23 Best WordPress Plugins for 2017

Hey, In this tutorial, I’m gonna talk about best WordPress plugins. Plugins are like apps on your smartphone. Without apps you can’t use a smartphone as same you will not create a website without plugins. So, plugins are essential to creating a website. There are lots of different types of plugins out there but some are most important for SEO and higher google ranking, backup and restore your data, blog security etc. So, today, I’m discussing my most favorite 23 best WordPress plugins which I personally use on my blog. Most of these are free and some are free but If you want more facilities then you have to purchase the premium version of it. So, let’s begin.

1. WordPress SEO by Yoast

best wordpress plugins

WordPress SEO by Yoast plugin is the best free SEO plugin for WordPress. I’m telling it the best SEO plugin because it provides so many services given below;

  • Meta Description for Homepage
  • Meta description for Single Post
  • Social Sharing
  • Social SEO
  • XML Sitemap
  • Create robot.txt file
  • Page Analysis
  • Single Focus Keyword
  • Email Support (Premium)
  • Multiple Focus Keywords (Premium)

I’m using this plugin for basic SEO of my blog. It gives me an idea about SEO and you can download this plugin from here. If you are a beginner then go for free and once you completely know about SEO then go for the premium version.

2. Broken Link Checker

As the name says, It used to check broken links on the blog. It’s totally free and you have to simply install and activate. Once it’s activated it will take care of all you don’t need to interfere. If it finds some broken URLs then it will automatically redirect it. That’s awesome!best wordpress plugins

It helps you to find & fix all internal links and external broken links (404 error). These types of broken links make the negative effect on your google page rank so it should remove. So, it’s a must have a plugin for getting higher rank in search engine. You can download free from here.

3. SEO Friendly Images

best wordpress plugins

Not only posts and content will drive traffic towards your blog, by optimizing images you can drive a significant amount of traffic from image search engine. This plugin will help you to get more traffic from optimizing images. It’s a free plugin and yu can download from here. But Problem is that;best wordpress plugins This plugin hasn’t been updated in over 2 years. It works perfectly on my WordPress, I don’t know if it working on your WordPress or not. But don’t worry, It will automatically create Alt Text but you can manually add Alt Text in Featured Image (click on set featured image and upload the image and add Alt Text) and optimize your images. best wordpress plugins best wordpress plugins

4. Google Analytics for WordPress by MonsterInsights

MonsterInsights is the best Google Analytics plugin for WordPress. You can track activities, get proper idea about your traffic, optimize your website to get more earnings and so on. You can also learn more about your website visitors like where they coming from and what are they doing on your website.

best wordpress plugins

It’s a free plugin but you want some more features then you have to purchase the premium version. I’m using MonsterInsight for my blog. It’s awesome! Click here to download the free version.

5. Insert Headers and Footers

best wordpress plugins

When you are creating your website then you have to deal with some HTML code which you place into the head tag or body tag to get access. So, it’s the best plugin to insert headers and footers codes into WordPress. So, when it asks to insert code into the head tag then if you don’t have this plugin then you should use the editor and it’s a very complex and risky. If you don’t know anything about HTML coding then you may loose your data. So, in my opinion, If you are beginner then you should use this plugin. It’s a totally free and you can download from here.

6. All In One Schema.org Rich Snippets

best wordpress plugins

Rich Snippets are special markup that you can add to your content and describe your content more precisely to search engines. Now, search engines show your content differently like if you post product review then it will show star rating below your product. So, It’s the best plugin to get more traffic for your website.

It’s a totally free of cost and you can download from here.


best wordpress plugins SumoMe is the must have a plugin for every blog. It’s a free plugin and it provides better email listing, analytics, social sharing and much more. The best feature is Heatmaps which analyze where visitors click on your page. So, there are lots of different ways to grow your email list including welcome mat, pop-ups, hello bar and more.

It also includes the premium version of SumoMe. If you serious about growing your email list then you should upgrade it to use more features. To be frank, I’m also using SumoMe and it is very helpful to me. Click here to add to your website.

8. Contact Form 7

best wordpress plugins One of the most important parts of your blog/website is Contact Form. If you don’t have any contact form on your website then you can’t interact with your visitors. Making it easy for customers to get ahold of you and your content is a great way to provide superior customer service.

Contact Form 7 is highly recommended for manage multiple contact form for your website. It is one the most popular plugins (1M+ active installs) out there. I’m using it. It’s a totally free and you can download from here.

9. iThemes security

best wordpress plugins This is also must have plugin. It is very useful and provides security towards your blog/website. It provides a different way to secure your website from spam and hackers. I’m using this plugin and it is very helpful. It’a free plugin and it provides lots of features but if you want more then you should upgrade it. You can download free from here.

10. woo commerce

best wordpress plugins WooCommerce is the best plugin to create an online store. If you want to create eCommerce website then you definitely check out this plugin. Almost 30% online eCommerce website is based on WooCommerce. It provides some other services like sell anything for total control for developer and store owners.

It’s easy to use and showcase offering in beautifully designed displays with multiple configurations and it has features for affiliate marketers. It is free eCommerce plugin you can download from here.

11. Jetpack by WordPress.com

best wordpress plugins Jetpack is the must have a plugin for every WordPress website. It’s all in one plugin. All you need you will find in Jetpack. Jetpack takes care of your website security, traffic growth, web site performance, image optimization, website appearance and much more. the best thing is it will automatically send your publish data to search engines to grow more traffic towards your website. It also creates a sitemap so that search engine can easily index your website.

Jetpack protects your website security by preventing brute force attack and also monitors your site for downtime and instantly informs you by email. So, I really like Jetpack and It helps me a lot. It’s totally free and you can download it free from here.

12. Akismet

best wordpress plugins Actually, it’s a default plugin that comes with every WordPress installations. It’s an anti-spam plugin which protects your website from spam comments. It provides a history from each and every comment so you can check it first and when you approve it then only it will publish to your website. So, It’s an awesome plugin and it must have for every website.

You can also check approved comments. It’s a free plugin but if you purchase premium version then it provides some advanced level of spam control. You can download free from here.

13. Google XML Sitemaps

best wordpress plugins It is another best SEO plugin which allows you to submit sitemaps to google. This plugin helps the search engines like google, bing, and yahoo to index your website with special XML sitemaps.

Once you install and activate it. It automatically creates sitemaps for your website. So, it’s an awesome plugin and totally free. you can download from here.

14. UpdraftPlus – Backup/Restore

best wordpress plugins It is one of the most useful plugins for backup and restores your website data. It allows you to store backup data to remote locations like dropbox, google drive etc. So, you can take backup and store it on the server as well as remote locations. I really like UpdraftPlus and It is very helpful for backup your website data.

Read More: How to setup UpdraftPlus on WordPress?

UpdraftPlus is the highest ranking backup plugins on WordPress with 1M+ active installs. It is free of cost but you can upgrade it to use more features. You can download free from here.

15. Auto Terms of Service and Privacy Policy

best wordpress plugins Now, you don’t have to spend lots of money to create the privacy policy and terms of service. It is a free plugin which provides you to create terms of service & privacy policy automatically. You only have to install this plugin and fill the form. It will automatically generate terms of service and privacy policy. I really like this plugin and I used it to generate privacy policy of my website.

You can download it from here.

16. WP Super Cache

best wordpress plugins It is the best caching plugins out there. This plugin generates static HTML files with mod_rewrite or PHP, depending on your preference for your dynamic WordPress blog. It’s free easy to use and requires little no configuration. you can download it free from here.

17. Black Studio TinyMCE Widget

best wordpress plugins This plugin adds a new Visual Editor widget type that allows you to insert rich text and media objective in your sidebar. Because WordPress default text widget has less functionality compare to Black Studio TinyMCE widget. It provides lots of features. The best thing is you can switch between Visual Mode and HTML Mode. You can insert images/videos from WordPress media library. It provides a live preview in theme customizer. It is an awesome plugin and it’s free. You can download it free from here.

18. Easy Google Fonts

best wordpress plugins It is a simple and easy way to add custom fonts to any WordPress website. This plugin integrates with the WordPress customizer so you can preview fonts on your site in real-time. The good is it compatible with almost every theme. It’s a free plugin and you can download it free from here.

19. Limit Login Attempts

best wordpress plugins It is used for login protection. If someone tries to login in your WordPress account and enters wrong id password then he got a message like 4 attempts remaining. It is very useful and also provides Captcha Verification, Login Weight Plugin, Redirect to the homepage when the abnormal request and much more. Limit Login Attempts is free plugin and I recommend it to everyone. you can download it free from here.

20. No Self Pings

This plugin disables intra-blog pinging. Basically, internal linking is good for SEO. Are you tired up self-pings? then turn it off now with No Self Ping plugin. It’s free and you can download it free from here.

21. Page Builder by SiteOrigin

best wordpress plugins Page Builder by SiteOrigin is the most popular page builder plugin out there. It makes easy to create grid and column based responsive content using widgets. So, you can customize your page very well with drag and drop and no coding.

It is compatible with almost every theme. And the best part is it has its own widgets and you can use it to create your page. It is free of cost and you can download it free from here.

22. Image Widget

best wordpress plugins Image Widget is a simple plugin which allows you to insert images in your sidebar widget. It is very popular and very useful plugin. It has som many features like link the image, add title and description, versatile, customize the look and much more. If you want some additional features then you have to purchase Image Widget Plus.

It’s free and you can download it from here.

23. Floating Social Bar

best wordpress plugins It is must have a plugin for every WordPress site. Social media share buttons are very important to share with other people and get more traffic. Floating Social Bar is a lightweight plugin that adds a horizontal floating share bar to your blog posts, pages. the best thing is floating ability allows eye-catching media bar to get maximum shares. I really link this plugin. It is free and you can download it from here.

It’s my list of best 23 WordPress Plugins in 2017. I hope you like this tutorial. Thumbs if you like and share if you love.

Tell me which plugins are you using in WordPress and what’s your best plugins list in comments.

Subscribe our newsletter/RSS for latest updates.

See you in next one.

Thank You.

Backing up Your Website: The Ultimate Guide

Backing up Your Website: The Ultimate Guide

Hey, Today’s tutorial is very important if you are a blogger or a website owner. In this tutorial, I’m gonna talk about backup of your website. How can you take a complete backup of your website? It includes plugins, media, database and all your content. I’m giving this article for top 3 hosting providers GoDaddy, Bluehost and HostGator. So, If you have a website on these platforms then this article is very helpful for you. But If you do not belong to these providers then don’t worry I’m also giving information about a plugin that provides backup facility and much more. I thought it may help you so I’m posting this article for you.

Complete Website backup using cPanel of GoDaddy

If you are using GoDaddy as a hosting platform for your website then for security reasons you should have the latest backup of your website. I not telling you that GoDaddy is not secure but sometimes any server issues or website crash than to restore your website you should have at least one backup. Otherwise, you may loose your content and you have to create it again. So, in my opinion, if you are an owner of the website or blog then you should take a complete backup. So, let’s get started.

Read More: How to Make a Website: Step-by-Step Guide for Beginners

Using the cPanel platform with GoDaddy hosting you can backup website manually. You can also backup automatically but you have to Site Backup from GoDaddy. But in this tutorial, I’m going to take backup manually.

Open GoDaddy website and log in to your account. Select Hosting and click on Manage. Now, select the domain and Manage. Now, you are at cPannel Dashboard of your website. Go to Files section and select Backup. There are lots of different options to take a backup. If you want to take a complete backup then select Download a Full Website Backup from Full Backup. Otherwise, go to Partial Backups and select Download a Home Directory Backup. It will automatically create a .zip file and you can easily download. Make sure you Partial Backup is not complete because you don’t download MySQL Database Backup. So, go there and select the name of the database and download it.

Now, your Partial Backup is completed. But in my suggestion, you should go for Full Backup because, If you forget to download MySQL Database then you can’t restore your website. So, Full Backup is perfect for beginners and it will take care of all your important data.

So, in this way, you can take a complete backup of your website with cPanel using GoDaddy.

Complete Website backup using cPanel of Bluehost

If you are using Bluehost platform for your website then this article is helpful to you. Actually, the procedure is quite same for all platforms. 1st of all login to your cPanel account. Go to File Management section and select Site Backup Pro. If you have a pro plan then for there otherwise select a basic plan and Backup and Restore.

Read More: Best WordPress Plugins 2017 [Must Have For Every blog]

Now, select whatever you want to backup. Otherwise, go for Full cPanel Backup. Click on Download button. Select backup intervals like daily, monthly etc. and choose which type of compression you want like .zip, .tar etc. Click on Download Now. If you have pro plan for backup and restore then you have another button called Browse. Click on Browse and you can take particular file backup without download whole set of file. So, it’s cool. But don’t worry it doesn’t make a difference between backups (basic plan backup or pro plan backup).

So, in this way, you can take a backup of your website using cPanel of Bluehost. Click here! to get started with Bluehost.

Complete Website backup using cPanel of HostGator

Login to your cPanel of HostGator account. Go to Files section and select Backups. You can take Full Back or Partial Backup. Click on Download to take Full Backup. But in HostGator, you can’t restore your Full Backup so make sure if you want to move your account to another server then go for full Backup. Otherwise, go to Partial Backup and click on Home Directory button and download the file. You can restore your Partial Backup.

So, in this way, you can take a backup of your website using cPanel of HostGator. Click here! to get $0.01/month web hosting on HostGator.

Complete Website Backup Using UpdraftPlus Backup & Restoration

If you are using other hosting services for your website then this section is very helpful to you. Actually, I have used GoDaddy, HostGator & Bluehost only so I don’t have such an experience with other hosting providers so I can’t post about it. But don’t worry I have another awesome option for you which is UpdraftPlus Backup & Restoration. It is very popular and over 500K+ active installs with the 5-star rating WordPress plugin.

Read More: How to Add Adsense to Your Website

To use this plugin, you have to install it on your WrodPress click here! to download. Login to your website backend and go to Plugins section. Search for UpdraftPlus Backup and install & activate it.

Once it’s done go to Settings to configure it. The best thing about it is you can store the backup on the server and remote locations like Dropbox, Google Drive etc. So, in this tutorial, I’m gonna talk about the store the backup at remote locations. So, don’t click on Backup Now otherwise, it will create a backup of your website and store on the server.

Now, go to Settings. Select File Backup Intervals & Database Backup Intervals. To set a specific time backup you have to purchase Premium Plan. Check the boxes which you want to include in a backup like Plugins, themes, database etc. If you like to receive emails when the backup has been completed then check Email box. Now, select the remote storage. There are lots of different options but I’m gonna choose Google Drive. Make sure you have to configure your Google Drive account otherwise you can’t access this account for storing your backups.

Now, search for Google Developer Console. (Or click here!) Log in with your google account. Select 1st option Use Google APIs. Enter the name of the project. If you want email updates then select Yes otherwise, accept terms and conditions and Create. A new page will open and in Google Apps APIs select Drive API.  Enable API then go to Credentials on the left sidebar. Select OAuth Consent Screen. Enter your email and product name (you can use UpdraftPlus in Product Name) and Save.

Now, you can see Add Credentials blue button click on the drop down part of that button. Select OAuth 2.0 Client ID. Select Web Applications. Enter your website URL in Authorized JavaScript Origins. Now, go to your UpdraftPlus setting tab on your website and copy Authorized Redirect URL and paste in the same box on Google developer Console page and Create.

Now, you will get Client ID and Client Secret. Copy it and paste it into the UpdraftPlus settings and Save Changes.

Once again, go to UpdraftPlus setting and click on the link which is in Authenticate with Google tab. Login to your Google account and Allows it. Once all done you will get a message like Google Drive Authentication is successful.

Now, you are ready to click on Backup Now. It will take a time to take a backup and it will automatically store on remote location.

I hope you like this tutorial. thumbs if you like and share if you love. Leave your comments below. I love to hear from you!

Subscribe our newsletter/RSS for latest updates.

See you in next one.

Thank You.