Posted on

How to Add a Facebook Like Box / Fan Box in WordPress

Do you want to add a Facebook Like Box to your WordPress website?

Adding a Facebook Like Box to your website makes it easy for your audience to like and follow your Facebook page. The more likes you get, the more reputable and trustworthy your brand will look to new users.

In this article, we will show you how to add a Facebook Like Box in WordPress.

How to Add a Facebook Like Box or Fan Box in WordPress

Why Add a Facebook Like Box on Your WordPress Website?

Adding a Facebook Like Box to your WordPress website has some great perks.

First, it helps engage people by letting them easily like your Facebook fan page or business page. This means your posts will show up in their Facebook feed, so you can keep reaching people beyond your website.

Also, the Facebook page Like Box shows how many people have liked your Facebook page. This can work as social proof and encourage more visitors to click ‘Like.’

This tutorial will show you two ways to add a Facebook Like Box: one using a social plugin and the other with code. You can use the quick links below to navigate through our article:

Note: A Facebook Like Box is different from a Like Button. If you want to display that on your website instead, then you can check out our step-by-step guide on how to add a Facebook Like Button in WordPress.

Method 1: Adding a Facebook Like Box With a Plugin (Easy)

This first method is the easiest and recommended way for beginners to add a Facebook Like Box to their sites. It will also allow you to display your Facebook feed on your website if you wish.

This method uses Smash Balloon, which is a user-friendly WordPress plugin that allows you to embed various social media feeds in WordPress, along with a Like Box.

For this tutorial, you can use the free Smash Balloon Social Post feed plugin. But if you want more features beyond the Like Box (like displaying videos, photos, and events), then we recommend upgrading to the Pro version.

Set Up the Smash Balloon Facebook Feed Plugin

First, you need to install the WordPress plugin in the admin area. After that, go to Facebook Feed » All Feeds and click ‘Add New.’

Creating a new Facebook Feed in the free Smash Balloon plugin

Now, select the ‘Timeline’ feed type.

Then, simply click the ‘Next’ button.

Selecting the Timeline Facebook Feed type in Smash Balloon

At this stage, you will need to connect your Facebook page to your WordPress website.

What you need to do is click the ‘Add New’ button.

Adding a new Facebook Feed source in Smash Balloon

Smash Balloon will direct you to a new screen.

Here, just select ‘Page’ for the source type and then click ‘Connect to Facebook.’

Connecting Smash Balloon with Facebook

Now, you need to log in to your Facebook account.

After that, choose which page(s) for which you want to display the Like Box on your WordPress blog or website. Then, click ‘Next.’

Selecting Facebook Pages to use as sources in Smash Balloon

You will now see the Smash Balloon’s permission settings. We recommend enabling them all to make sure everything works well.

Now, go ahead and click ‘Done.’

The Smash Balloon permission settings when connected to Facebook

The last popup will simply confirm that you’ve successfully linked Smash Balloon with Facebook.

Simply click ‘OK’ to continue.

Confirming that the Smash Balloon and Facebook connection is successful

Smash Balloon will now redirect you to the admin area, where you have to select a Facebook page to use in your timeline feed.

Just pick a page and click ‘Add.’

Choosing a Facebook page to use as a source in Smash Balloon

You will now see the Facebook page you’ve just connected to as a source in the Smash Balloon plugin page.

Simply pick that and click ‘Next.’

Selecting a Facebook page to use as a source for the Smash Balloon Facebook Feed in WordPress

Customize the Facebook Like Box

At this stage, Smash Balloon will bring you to the Facebook feed editor.

The first step is to click ‘Feed Layout’ above the Color Scheme option.

Selecting the Feed Layout menu in the Smash Balloon Facebook Feed editor

Simply scroll down to the ‘Number of Posts’ section.

After that, set the number for both Desktop and Mobile to 0. This will remove the display of all your recent posts and have the feed display the Like Box only.

Alternatively, if you also want to show your Facebook feed along with the Like Box, then you can follow our tutorial on how to create a custom Facebook feed in WordPress.

Removing all display of Facebook post in the Smash Balloon Facebook Feed

Now, go back up.

Then, click ‘Customize’ to go back to the feed editor page.

Clicking the Customize button in Smash Balloon to return to the main Facebook Feed editor

At this stage, you can remove the header of your Facebook feed.

What you need to do is move down to the ‘Sections’ part and select ‘Header.’

Opening the Header section setting in Smash Balloon

This Header setting determines what your Facebook feed’s header will look like.

But in this case, you need to hide it, so just turn off the ‘Enable’ toggle.

Disabling the Facebook Feed header in Smash Balloon

Let’s now go back to the main feed editor page and open the ‘Like Box’ setting. After that, simply turn on the ‘Like Box’ feature.

On this page, you can also adjust the Like Box’s size, position, cover photo display, custom width, custom call-to-action text, and so on.

Enabling the Facebook Like Box feature in Smash Balloon

Once that’s done, just hit the ‘Save’ button in the top right corner.

Embed the Facebook Like Box on Your WordPress Page or Post

At this stage, you can display the Facebook Like Box on a page or a widget-ready area like a sidebar.

To do this, click ‘Embed’ at the top right corner. Now, the Embed Feed popup will appear, giving you two options to display the Like Box.

One is to use a shortcode, and the other is to directly add it to a page or a widget-ready area. The second option is much easier, so we will show you that method first.

The Embed Feed popup for Facebook Feed in Smash Balloon

If you want to add the Like Box to a specific page, click the ‘Add to a Page’ button.

Now, just select a page to add the feature to and click ‘Add.’

Selecting a page to insert the Facebook Feed to in Smash Balloon

You will now arrive at the Gutenberg block editor.

Go ahead and click the ‘+ Add a Block’ button, as instructed by Smash Balloon.

Clicking the Add Block button as instructed by Smash Balloon in the block editor

Once the block inserter library is open, you need to find the Facebook Feed block.

Then, simply drag and drop it wherever it looks best on the page.

Finding Smash Balloon's Facebook Feed block in the block editor

In the block, select the Facebook feed with the Like Box you just created earlier.

The block will then display the Like Box.

Choosing a Smash Balloon Facebook Feed to embed in the block editor

But what if you have multiple Facebook pages and have set up a Like Box for each one using Smash Balloon?

You can also switch between them in the block settings sidebar by picking a feed from the ‘Select a Feed’ dropdown menu.

Switching to a different Facebook Feed in the Smash Balloon block settings sidebar inside the block editor

All you need to do now is click the ‘Update’ button to make the changes official.

Here’s what our Like Box looks like on our demo site:

An example of the Facebook Like Box created with Smash Balloon

If you use a block WordPress theme, then you can also use the Full Site Editor to add the Facebook Like Box block to your theme’s page templates.

For more information about the Full Site Editor, just read our beginner’s guide to Full Site Editing.

Embed the Facebook Like Box Widget in WordPress

If you use a classic WordPress theme, then you may want to display the Facebook Like Box in a widget-ready area, like a sidebar, header, or footer. It’s a great way to show the Like Box without distracting users from the main content on the page.

In the Embed Feed popup, select ‘Add to a Widget’ to go to the block-based widget editor.

Now, like in the previous method, just click the ‘+ Add Block’ button, find the Facebook Feed block, and drag it onto your desired area.

On our demo site, we want to use the Like Box as a WordPress sidebar widget.

Finding the Smash Balloon Facebook Feed widget in the widget editor

In the block, select the Facebook Feed with the Like Box you created earlier.

Then, click ‘Update’ to make the changes live.

Selecting a Smash Balloon Facebook Feed to embed in the widget editor

And you are done!

Here’s what the sidebar on our test site looks like with the Like Box widget:

An example of what the Facebook Like Box widget looks like in the sidebar

Embed the Facebook Like Box Widget With a Shortcode

If the two previous methods don’t work, then we recommend adding the Facebook Like Box or Fan Box using a shortcode.

Simply copy the shortcode from the Embed Feed popup earlier and add it anywhere on your website.

Copying the Facebook Feed embed shortcode in Smash Balloon

For more information on using shortcodes, you can read our guide on how to add shortcodes in WordPress.

Method 2: Adding a Facebook Like Box With Code

If you are only interested in displaying a Like Box without adding any other types of Facebook feeds, then using a Facebook page plugin may seem like overkill. In this case, you can add the Like Box using code instead.

This method may seem intimidating for beginners, but we will show you a foolproof way to insert code using WPCode. It’s a WordPress plugin that makes it easy to add custom code snippets to WordPress without breaking your site.

For this guide, the free WPCode version is enough, although you can upgrade to the Pro version for advanced features like testing mode and a cloud-based code snippets library.

First, let’s install the plugin in WordPress. Once it’s active, go to Code Snippets » + Add Snippet. Then, select ‘Add Your Custom Code (New Snippet)’ and click ‘Use snippet.’

Adding custom code in WPCode

You will now arrive at the code editor. Let’s give your custom code snippet a name first so that you can easily identify it later. For this one, we will name it ‘Facebook JavaScript SDK’ because that’s what we will add here.

Now, keep this tab open and create a new tab on your browser to go to the Facebook Developers page.

In the menu, click ‘Log In’ to sign in to your Facebook account.

Logging into the Facebook Developers page

If this is your first time accessing the page, then complete the onboarding wizard to create a free account.

You will then be directed to the Facebook Developers dashboard. Let’s click on the ‘Create App’ button.

How to create a new Facebook app

On the next page, just select ‘Other’ for the use case.

After that, click on the ‘Next’ button.

Choosing a Facebook use case

Now, you will see all the different apps that you can create for your Facebook page.

To create a Like Box, you can just select ‘Business’ and then click on ‘Next.’

Creating a business application in Facebook

Let’s now give your app a name. It can be anything you like since this is just for reference. You can also enter your email address and select an optional Business Account.

Finally, just click ‘Create app.’

Creating a Facebook application in the Developers console

Let’s now go to the Facebook Developers page for social plugins.

Then, scroll down until you find a section like in the screenshot below:

Here, make sure to fill out your Facebook page URL, empty the ‘Tabs’ field, and specify the width and height of the Like Box if needed.

You can also choose to use a smaller header, disable the cover photo, and more. We’ve also chosen to adapt the Like Box to fit the container width so that the size will adjust responsively to where it’s placed on the website.

Once done, click the ‘Get Code’ button. You will then see a popup that shows you two types of code snippets: JavaScript SDK and iFrame. Both will display your Like Box, but in general, JavaScript SDK is a much better option.

The JavaScript SDK codes to embed the Facebook Like Box

JavaScript SDKs are usually faster because they are directly embedded into the webpage, allowing them to load as part of the main document. iFrames require loading an entire HTML document, which can slow down the page load time.

In the JavaScript SDK tab, make sure the app name you created earlier has been selected.

Then, go ahead and copy the JavaScript SDK API code from Step 2. Now, keep this tab open, but switch to the WPCode tab and paste the code there.

You can leave the Code Type as ‘HTML Snippet.’

Pasting the Facebook JavaScript API to WPCode

Now, scroll down to the ‘Insertion’ section.

The Insert Method can be left as ‘Auto Insert,’ while the Location should be changed to ‘Site Wide Body.’

Finally, just make the code active and click ‘Save Snippet.’

Choosing Auto Insert and Site Wide Body for the code's Insertion settings in WPCode

Next, you will create a second code snippet. You can follow the same steps as before and call it something like ‘Facebook Like Box.’

After that, switch to the Facebook Developers page for social plugins from earlier and copy the code from Step 3.

Navigate to the WPCode tab again and paste the Step 3 code in the Code Preview box. The Code Type can be ‘HTML Snippet.’

Pasting the Facebook Like Box custom code snippet in WPCode

Let’s scroll down to the ‘Insertion’ section.

If you use ‘Auto Insert,’ then you can make the Like Box appear automatically in multiple places that fit the Location category.

In our example, we have decided to choose the ‘Site Wide Footer’ location, which means the Like Box will appear in the footer.

There are other options, too, like Insert Before Post, to display the Like Box before all of your WordPress blog posts.

Selecting the Side Wide Footer location in WPCode

On the other hand, the ‘Shortcode’ method allows you to create a custom shortcode.

You can then add it to specific parts of your website using the shortcode block.

Creating a custom shortcode using WPCode

Once you’ve configured the Insertion settings, just make the code active and click ‘Save Snippet.’

That’s it! You can then visit your website to see what Like Box looks like:

An example of the Facebook Like Box added with WPCode

For more guides on displaying social feeds on your WordPress site, check out our article on adding social media feeds in WordPress.

We hope this article has helped you learn how to add a Facebook Like Box or Fan Box in WordPress. You may also want to check out our ultimate social media cheat sheet and list of the best social media plugins for WordPress.

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.

The post How to Add a Facebook Like Box / Fan Box in WordPress first appeared on WPBeginner.

Posted on

Chris’ Corner: Tricks With CSS

There are plenty of very legit reasons you’d want to have a scrolling element start out scrolled to the bottom, and stay scrolled to the bottom (as long as a user hasn’t scrolled back up). As ever, you could do this with JavaScript, as JavaScript can adjust scroll positions of elements. There is a way to do this primarily with CSS now that the anchor-overflow property exists, and I think it’s an extremely great CSS trick.

There is another way though! Kitty Giraudel covers it in CSS-only bottom-anchored scrolling area. The base of the trick is quite simple and requires no additional elements. You just set flex-direction: column-reverse; and then put the HTML inside in reverse order. So the stuff you want pinned at the bottom visually you put at the top of the element. In a way, this makes sense to me, as the thing you want to read first is at the top.

Element with scrolling pinned to bottom (as long as you add the stuff at the visual-bottom to the top of the DOM). Think of a chat interface.

But there is an accessibility concern that Kitty notes. It “creates a disconnect between the visual order and the DOM order, which can be confusing for screen-reader users.” I’d want to verify that with a screen reader user I think (probably applies mostly to people who use a screen reader and have some vision). But it’s a good point and a classic problem that comes up any time you use CSS to position things in such a way they appear visually differently than the source order suggests. I’m sure you can imagine the akwardness of focus states jumping around the screen unpredictably.

The thing that makes all this so news-worthy to me is that CSS is working on a solution for this that I didn’t know about:

reading-order: normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order

In our case, we could use reading-order: flex-visual to align the way sighted users and screen-reader users consume our feed.

So we’ve reversed the order using flexbox, but we can make the elements still read top-to-bottom (visual order) by forcing it with this property. I might argue, again, that in this case, users might want to read bottom-to-top. But at least you’ve got options now.

And this reader-order stuff is generally interesting. Like if you use flexbox and totally mess with where the flex items are placed with the order property, placing, for instance, the 7th item in the 2nd place, and the 19th item in the 1st place, updating the reading order to flex-visual will be great. I notice there is no grid-visual though, which is curious, since you can mess with the order of grid just the same.

Jonathan Snook has a play with the idea of lenticular cards. Those are those ridged plastic novelty cards that have two different images you can see depending on the angle you look at it from. Or more!

Since Apple released Live Photos, I’ve always felt like they could be used to create a similar effect and yet, no photo app that I’ve seen has implemented it, from what I’ve come across.

I enjoyed playing with the demo on mobile (where the DeviceOrientation API is a thing):

I love the experimentation spirit here. Like thinking of something you think should exist, but doesn’t seem to in an obvious way, then building it anyway.

Yair Even Or had the idea that a box-shadow could be cool if it… wasn’t actually a shadow, but was a blur instead.

The implementation is that perfect tornado of cleverness that appeals to me. It’s not incredibly complicated, but it requires usage of a number of different CSS features that you not think about immediately. In the end, it’s:

  • Place a pseudo element behind the element, a specified amount larger than the original element.
  • Blur the background with that pseudo element using backdrop-filter.
  • This doesn’t “fade out” the effect like a box-shadow would naturally, so instead, two masks are used to fade out the effect (vertical and horizontal).
  • Mask compositing is used to combine the masks.

I think the two masks are needed because of the rectangular nature of the element. I’d be tempted to try it with a single radial-gradient, but I think you’d lose blurring near the corners.

Dan Wilson always does a good job looking at new CSS features and the possibilities they unlock. Particularly the new features that are a bit esoteric, or seem to be at first glance, like math functions.

In The New CSS Math: pow(), sqrt(), and exponential friends, Dan looks at those new CSS functions (and a few more), and point out some somewhat practical things they can do. For example, a typographical system where the header sizes aren’t a straight multiple of one another, but are grown on a curve. Or simulating an easing effect by animating a number linearly, but having the movement distance calculated by a pow() on that number. There is even a function now that makes quick work of the Pythagorean theorem.

If you’re into this stuff, Dan looked at rem() and mod() here, which are similar methods for determining what is left over when you divide a number into another number. Is 9 divisible by 3? Yes, and you can know if the remainder is 0. But in web design, you could do things like figure out how many 125px grid columns could fit into 693px of space, if you needed to.

Dan has looked at trig functions as well, and shortly after that, Hypersphere looked at simulating randomness in CSS with those functions. The sin() function, for example, modulates from -1 to 1. So by farting around with that and incorporating a seed value, you can build pretty darn random looking CSS output:

The can’t-miss link recently is Ahmad Shadeed’s An Interactive Guide to CSS Container Queries. His interactive guides are always outstanding. This one is full of practical examples of where container queries are useful.

Posted on

8 Best WordPress Migration Services (Compared)

Are you looking for the best WordPress migration service for your website?

Whether you are moving your site from a different CMS or to a new web host, choosing the right migration platform is important. That’s why we’ve put together a list of the best WordPress migration plugins, tools, and services to help you with your decision.

In this article, we will show you the best WordPress migration services for various use cases.

Best WordPress Migration Services

What Is the Easiest Way to Migrate a WordPress Site?

The easiest way to migrate a WordPress website is with a migration service. With this, you don’t need any technical knowledge to move your site manually using FTP and worry about accidentally breaking your site.

WordPress migration services come in two types: a migration tool or a third-party service (like a WordPress agency or a developer) that handles the migration for you.

A WordPress migration tool or plugin can be a great choice if you are confident in migrating the site yourself and you are running a website that doesn’t have a ton of complex or custom features. In most cases, you will only need to download your site into a zip file and then upload it to your new WordPress account.

On the other hand, choosing a third-party service means letting a professional handle the site migration process. Even though they usually come with a higher cost, they can also make sure that your new host is well set up and there are no errors on your new site.

With that in mind, let’s look at the best WordPress migration services.

1. Duplicator (Do-It-Yourself Plugin for Migration)

Is Duplicator the right backup and migration plugin for you?

Duplicator is one of the most popular WordPress migration plugins on the market, and for a good reason. It makes migrating between WordPress accounts fast and easy, even for beginners.

Duplicator comes in a free version called Lite and a premium version called Pro. With Lite, you can save your website database, media files, plugins, and themes in a zip package and then restore that file in your new location.

Duplicator Lite plugin page

Duplicator Pro comes with even more features to smoothen the migration process. For example, you can use the Import Link feature to import a website from a server or a cloud storage using a URL.

This way, you won’t need to export a package file from your desktop first.

Importing a WordPress website using a URL in Duplicator Pro

If any error occurs when you are setting up your new site, then you can use the Recovery Point feature to restore your site to a previous, error-free version of the site.

Pros of Duplicator:

  • Unlimited migrations and scheduled automatic backups are available in all plans.
  • Easy, self-explanatory step-by-step migration wizard to move your WordPress website.
  • Support for migrating WordPress multisite networks and destinations where the database is shared with another website.
  • Integrations with cloud storage providers like Dropbox, Google Drive, and Amazon S3.
  • Support for managed hosting providers like WP Engine and GoDaddy.
  • If you are a WordPress developer and work with clients, then you can use the Installer Branding feature to rebrand the plugin’s pages.

Cons of Duplicator:

Why we chose Duplicator: Duplicator tops our rankings as the best overall WordPress migration service. The Lite version is great for moving simple sites, while the Pro plan offers more power and can be suitable for developers working with multiple clients.

2. Seahawk Media (Site Builders to WordPress)

Seahawk Media

Do you want to move your site from another website builder to WordPress? If so, then Seahawk Media is your best solution.

The tricky thing with migrating sites between different website builders is that each platform has its own configurations. Therefore, making your site look and feel the same way as it was before it was migrated can be difficult.

Thankfully, Seahawk has plenty of experience in migrating an existing site to WordPress, no matter where it was built. They have experience in moving sites from Shopify, Squarespace, Drupal, Prestashop, and more.

Seahawk Media's WordPress migration services

All you need to do is book a free consultation, and the Seahawk team will come up with a game plan to make sure the migration is safe and seamless.

Then, they will migrate your website, polish it to your needs, and provide support in case anything happens.

Pros of Seahawk Media:

  • Free initial consultation, so there’s no risk in contacting them about your migration needs.
  • Support migrating sites from various website builders, like Wix, Magento, and Hubspot CMS. They are also open to assisting you even if the origin platform is not very popular.
  • They make sure your live site is not affected and there is zero downtime so your online business can still run.
  • They offer 24/7 post-launch support to make sure that your new site is operating well.
  • Over 1000+ companies trust their WordPress services, including top brands like DreamHost, GoDaddy, and Alibaba Cloud.

Cons of Seahawk Media:

  • The pricing is based on the project size, so you will need to consult with their team first to get a quote.
  • The service may not be suitable if you need an instant website migration.

Why we chose Seahawk Media: If you have a custom project and are not confident in doing your own migration, then Seahawk Media is an excellent migration service. Besides moving your content, they can make sure your site is running with no issues.

Editor’s Note: At WPBeginner, we are investors in Seahawk Media. We made this investment because we believe Seahawk offers great WordPress services at fair prices.

3. Codeable (Custom WordPress Migration)

Codeable's homepage

Codeable is a WordPress freelancer platform where you can hire a developer to migrate your website. Like Seahawk, we recommend this option if you are not confident with doing the migration yourself.

What makes Codeable different is that it can match you with a WordPress expert in under one day. Simply sign up on the platform for free, describe your needs, and they’ll find you some potential developers that best suit the project.

Codeable's process for matching a client with a WordPress developer

When you receive your list of matches, you can evaluate them based on their years of experience, number of clients, and typical projects.

Additionally, Codeable has some project estimates that you can use to predict how much the migration project will cost. This way, you can see if Codeable’s rates will suit your budget.

Pros of Codeable:

  • Large talent pool of WordPress experts specializing in site migrations.
  • No need to pay anything or hire anyone until you find an expert that you like and agree on the project estimate.
  • The average time it takes to match users with an expert is 3-5 hours, which is much faster than working with an agency.
  • Money-back policy in case the developer doesn’t deliver based on the agreement.
  • Rigorous vetting process to filter the WordPress developers that apply.

Cons of Codeable:

  • You have to pay a 17.5% fixed service fee on top of the project costs.

Why we chose Codeable: If you just want to work with just one developer to move your site, then Codeable is one of the best migration services. The matching process is quick and only the best WordPress developers get hired by the platform.

4. BlogVault (Multisite/Large Website Migration)

BlogVault's WordPress migration service landing page

BlogVault is a premium WordPress backup and migration service. While they can migrate any type of website, their main benefit is the ability to move websites as large as 100 GB. That’s why they are trusted by top brands like eBay and Intel.

To use BlogVault, you will need to purchase a plan, where prices start at $149 per year for one site. That being said, you can sign up for a 7-day free trial, so you can try out the service with no risk.

BlogVault supports one-click migrations to new web hosts or new domain names. You can just log in to your BlogVault dashboard, choose a backup version to migrate, and enter the new website details. BlogVault will then automatically move the site for you.

BlogVault also powers the free Migrate Guru plugin, but it doesn’t support localhost migrations.

BlogVault's Migrate Guru plugin

Pros of BlogVault:

  • Can migrate large websites (up to 100 GB size limit) and multisite networks.
  • Selective migration feature to move certain site files and databases only.
  • Staging site feature to turn a backup version of your site into a testing environment.
  • Automatic search and replace feature to simplify the process of updating links, images, and content in your new site.
  • No credit card required to sign up for the 7-day free trial.

Cons of BlogVault:

  • The pricing can be expensive for small businesses, especially if you are just migrating one website.
  • The user interface is not the most beginner-friendly.

Why we chose BlogVault: If your website has lots of files and you are worried that a plugin won’t support the migration, then BlogVault could be the best WordPress migration service for you.

5. All-in-One WP Migration (Basic WordPress Migration Plugin)

If you are looking for a simple WordPress migration service with no frills, then you should consider All-in-One WP Migration.

This free plugin only has three basic features, but it does them well. It can export all of your website files into one neat package, import it into your new website, and create backup versions of your site.

All-in-One WP Migration's plugin settings page

The All-in-One WP Migration plugin also has a search and replace feature to update URLs, file paths, or other texts within your WordPress database during the export. This way, the migrated website functions smoothly without any broken links.

Additionally, you can enable the advanced options to protect the exported package with a password and/or exclude certain files from being exported. These files include spam comments, post revisions, themes, plugins, and so on.

Pros of All-in-One WP Migration:

  • Support for older WordPress versions of up to 3.3 and all versions of MySQL and MariaDB.
  • Despite being free, it has advanced tools like selective migration and search and replace to optimize the migration.
  • There are various paid add-ons you can install to extend the plugin’s functionality, such as integration with cloud storage services.
  • Supports 50+ languages.

Cons of All-in-One WP Migration:

  • There are no built-in features for scheduling backups or email notifications for when the backup is successful or has failed. You will need add-ons for these.
  • It has a maximum upload size limit of 256 MB, so you will need an add-on to upload files bigger than that.

Why we chose All-in-One WP Migration: Sometimes, you just need a simple tool to move your website, and that’s what All-in-One WP Migration is for. Even without the add-ons, this plugin is a great basic migration service.

6. WP Migrate (Localhost WordPress Migration)

The WP Migrate plugin landing page

Many migration plugins now allow exporting your live site files into a staging environment for testing. WP Migrate is no different, but its push-and-pull migration makes it a favorite among many WordPress developers.

In a normal migration, you need to export your database, media files, themes, and plugins into a file and then import that into a new host. With WP Migrate, you can pull data from a live site to a localhost site directly just with a remote connection.

Similarly, you can push that data from the local site to the live site when the new changes are ready to be implemented. This feature makes the migration much faster.

The push-and-pull migration feature of WP Migrate

Developers will also enjoy WP Migrate’s WP-CLI integration, which lets you run migrations from the command line and make the migration process even more efficient.

Pros of WP Migrate:

  • The push-and-pull migration feature can make WordPress migration much faster.
  • There is serialized data detection to ensure no database is corrupted.
  • It automatically backs up your databases in case anything goes wrong during the migration.
  • The premium versions come with a 60-day money-back guarantee.
  • It comes in a free version, but it doesn’t have the push-and-pull feature.

Cons of WP Migrate:

  • If you want to push and pull media files and/or theme and plugin files, you need at least the Plus plan, which costs $189.

Why we chose WP Migrate: All in all, WP Migrate is one of the fastest WordPress migration services on the list, making it great for developers who do a lot of staging and testing.

7. Import Shopify To WP (Free Shopify Migration)

Import Shopify to WooCommerce plugin

Do you want to migrate your Shopify store to WooCommerce? If so, then check out Import Shopify To WP. Made by the experts at WPBeginner, this plugin lets you move your Shopify store data to WooCommerce free of charge.

All you need to do is go to shopifytowp.com and enter your Shopify site URL and email. Then, you need to install the AMTools Shop Exporter app in Shopify, which will export the data of your products, product categories, customers, and orders.

After that, you can go to your WordPress dashboard and install the Import Shopify To WP plugin to import the newly exported data. Then, simply review your data to make sure everything is correct.

The Shopify to WooCommerce importer tool

If you want to see this plugin in action, you can read our article on how to properly move from Shopify to WooCommerce.

Pros of Import Shopify To WP:

  • The plugin and the website are completely free to use.
  • The migration is quick and easy, with no complex configuration needed.
  • You can export your current orders, products, and users so that you can continue your operation where you left off before the migration.
  • The plugin or website doesn’t delete any data from your existing Shopify store, so you can go back to see if anything is missing from the imported data.

Cons of Import Shopify To WP:

  • It cannot export the Shopify store design to WooCommerce, so you will have to set it up from scratch.

Why we chose Import Shopify To WP: While the paid services we’ve listed so far are great, we also know how important it is for you to keep costs low. This plugin is one of the easiest, free Shopify to WordPress migration services for small business owners.

8. Medium to WordPress (Free Medium Migration)

Medium to WP migration tool

If you want to move your Medium site to WordPress, then we also have a free Medium to WordPress migration service you can use.

Medium has grown in popularity over the years thanks to its user-friendly blogging platform and large built-in community. However, many users find the site pretty limiting, as they have a lot of rules about monetizing your content.

To use this free migration service, you need to download your Medium site zip file to your computer. Then, go to mediumtowp.com, enter your Medium website URL, name, and email address, and upload the zip file there.

The tool will then make adjustments to the export file so that it’s more compatible with the built-in WordPress importer tool.

You can learn more about this tool in our guide on how to properly move from Medium to WordPress.

Pros of Medium to WordPress:

  • The tool is completely free of charge.
  • No need to install a plugin to import the file in WordPress.
  • Besides importing the Medium blog posts, you can also import the images you use in those posts.
  • If you use a custom domain on your Medium site, you can set up redirects to point users to the new WordPress site.

Cons of Medium to WordPress:

  • Some images may not get successfully transferred, so you may have to import them again.
  • Setting up redirects is not possible if you use a medium.com URL.

Why we chose Medium to WordPress: If you want an easy WordPress migration service to move your Medium site, then look no further than this tool. It’s free, and you won’t have to manually copy-paste your published blog posts to WordPress.

Special Offer: Get a Free WordPress Migration From WPBeginner

Do you want to move your site from Blogger, Medium, or another website builder to WordPress but don’t want to do it yourself? Let our team of experts do it for you completely free.

All you need to do is:

  1. Go to our free WordPress blog setup page.
  2. Sign up for a new WordPress hosting service using one of our links.
  3. Submit your application form on the blog setup page.

Note that we can only move blogs that have less than 1,000 posts. If you have more than that, then the service will no longer be free.

Just go to our free WordPress blog setup page now and get your new site up and running with zero risk!

WPBeginner's Free WordPress Blog Setup service

What Is the Best WordPress Migration Service?

Overall, the best WordPress migration plugin is Duplicator.

The Lite version is easy to use for migrating simple websites. Meanwhile, the Pro version offers many advanced features for developers and business owners, like multisite support, custom branding, and cloud storage integration.

Alternatively, if you previously used a different website builder and don’t want to use a do-it-yourself tool to migrate to WordPress, then Seahawk Media is an excellent WordPress migration service.

Their WordPress service has a great track record in the industry, and their team of experts can provide support before, during, and after the migration.

Of course, every WordPress user looks for different things in a migration service. To help you figure out the best service for your needs, we’ve created a table that highlights our top picks from this list:

CategoryNameReason(s)
Best WordPress migration pluginDuplicatorGreat ease of use and comprehensive migration features for various users
Best migration service for non-WordPress sitesSeahawk MediaTeam of experts with years of experience in migrating sites from various website builders
Best WordPress migration tool for large websitesBlogVaultOffers free trial and can support up to 100 GB of site files
Best WordPress migration plugin for staging sitesWP MigratePush-and-pull migration makes it easy for staging and production

Bonus: Choose a Hosting Provider With Migration Services

These days, many WordPress hosting companies offer an easy migration service to move your website to your new server. It’s a convenient alternative to transfer your site without using a plugin or hiring a team of experts.

For example, if you use Hostinger, then you can get your website migrated to their hosting free of charge.

You can choose whether to move your site from another WordPress account, cPanel, or another control panel. Then, submit a migration request form, and their team will start the transfer. For WordPress sites, they can do the migration within two hours.

Hostinger's free migration request feature

Other web hosts that offer website migrations include:

  • Bluehost (with the Bluehost Migrator plugin)
  • SiteGround (with the SiteGround Migrator plugin)
  • WP Engine (with the free WP Engine Automated Migration plugin)
  • DreamHost (with the DreamHost Automated Migration plugin)
  • GreenGeeks (free website migration service upon request)
  • HostGator (free migration for VPS and dedicated hosting plans within 30 days of signup; beyond that, it will cost $149.99 for one site)
  • GoDaddy (with the free automatic migration tool)

WordPress Migration Service FAQs

Now that we’ve listed the best WordPress migration services, let’s answer some frequently asked questions about migrating WordPress sites.

How much does WordPress migration cost?

The cost of WordPress migration ranges from free to hundreds of dollars. The price depends on the service or platform you use.

If you use a free plugin like Duplicator Lite, then the WordPress migration is completely free of charge.

On the other hand, hiring a team of experts from Seahawk Media or using a premium service like BlogVault can cost you tens to hundreds of dollars, depending on your project size.

How do I migrate my WordPress site for free?

You can migrate your WordPress site for free using a free plugin like Duplicator Lite, All-in-One WP Migration, Migrate Guru, or WP Migrate Lite. All of these plugins don’t cost anything and are pretty easy to use for beginners.

Which WordPress migration service offers the most seamless transition with minimal downtime?

The downtime and transition of a WordPress migration service depends on your project size and the service itself. If you want to minimize the chances of downtime and errors, then hiring a team of WordPress migration experts like Seahawk Media is your best option.

On the other hand, if you use a plugin with a file size limit and your site exceeds that size, then most likely, the migration process won’t be as smooth as you might hope.

Best WordPress Website Migration Guides

We hope this article helped you discover the best WordPress migration services. You may also want to check out our ultimate list of the best WordPress backup plugins and the must-have WordPress plugins to grow 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.

The post 8 Best WordPress Migration Services (Compared) first appeared on WPBeginner.