Wordpress

How to Setup Facebook Instant Articles for WordPress8 min read

Written by Junaid Khan

How to Setup Facebook Instant Articles for WordPress

Have you heard about Facebook Instant Articles? Want to add Facebook Instant Articles on your WordPress site? In this tutorial, we will explain what are the pros and cons of Facebook Instant Articles as well as show you how to easily setup Facebook Instant Articles for WordPress.

How to Setup Facebook Instant Articles for WordPress

What is Facebook Instant Articles?

Instant Articles is a Facebook feature which allows you to load your content 10 times faster by using a customized mobile format. It is based on the same technology used in Facebook apps for mobile devices.

Instant Articles load up to 10 times faster than a normal web page. This incredible boost in speed provides a better user experience for mobile users.

What is Facebook Instant Articles?



Pros and Cons of Facebook Instant Articles

Like everything else, there are some advantages and disadvantages of using instant articles on your website.

Pros Of Using Facebook Instant Articles

  • Faster load times means a significant improvement in user experience.
  • Due to speed, users are more likely to share your content.
  • Access to monetization options through Facebook Audience Network.
  • Boosted Facebook Page Reach.
  • Facebook’s massive user base can bring the new wave of traffic to your site.

Cons Of Using Facebook Instant Articles

  • Users will not see your sidebars. It will hide your useful widgets, email list forms, and everything else that is not part of the articles.
  • You may witness a drop in advertising revenue, as Facebook instant articles limits the advertisers as well as the number of ads you can show on an article.
  • You can use some images and videos in your article, but Facebook instant articles will limit that as well.
  • Most shortcodes, custom fields, and other WordPress features will not be displayed in your articles.

Considering the pros and cons of using Facebook Instant Articles, it is a mix bag for publishers. It actually depends on the type of content you produce and your business goals.

If you’re a news media site, then it makes sense for you to add it. If you’re a business website, then it may not be a huge difference maker.



What Do You Need to Enable Facebook Instant Articles in WordPress?

There are a few requirements for setting up Facebook Instant Articles on your WordPress site. You need a:

  • Facebook page for your WordPress website.
  • Facebook page app
  • At least 10 or more articles on your website.
  • Instant Articles for WP plugin.

Having said that, let’s get started by applying for Facebook Instant Articles.

Signing Up for Facebook Instant Articles.

First, you need to visit Facebook Instant Articles website and click on the signup button to get started.

Signing Up for Facebook Instant Articles.

Facebook will now ask you to select a page. Here you need to select the Facebook Page for your website.

After that check the box to agree with Instant Articles terms and then click on ‘Access Instant Articles Tools‘ button.

Access Instant Articles Tools' button.

This will take you to the publisher tools on your Facebook page, which will now have an instant articles section.

First, you need to prove the ownership of your website by claiming your URL.

 claiming your URL

Scroll down a little to the Tools section on the page and click on the ‘Claim your URL’ to expand it. Facebook will show you a code snippet.

click on the 'Claim your URL' to expand it

You need to copy the code and insert it into the <head> section of your WordPress site.

There are two ways you can add this code to your website.

You can edit the header.php file in your child theme and paste the code just before <head> tag.

But if you are not using a child theme, then you can use Insert Headers and Footers plugin. For more details, see our step by step guide on how to install a WordPress plugin.

After activating the plugin, go to Settings >> Insert Headers and Footers page and paste the code into the header section.

Insert Headers and Footers page

Click on save button to store your changes

Once you have added the code to your website, you need to switch back to the publisher tools section of your Facebook page.

Add your website URL below the code you copied earlier and then click on the claim URL button.

click on the claim URL button.

The next step is to add an instant articles RSS feed for your website. Here is how you can generate an instant article feed for your WordPress site.

Simply install and activate the Instant Articles for WP plugin. Upon activation, the plugin will generate an instant articles feed for your WordPress site.

You can find the feed by adding /feed/instant-articles after your site’s URL, like this:.

http://www.example.com/feed/instant-articles.

Copy your instant articles feed URL and switch back to your Facebook page’s publishing tool section. Scroll down to the Tools section and click on ‘Production RSS Feed‘ to expand it.

Production RSS Feed

Paste your instant articles feed URL and click on the save button.

Facebook will show you a success message that your feed is added.

Setting Up Facebook Instant Articles plugin for WordPress.

In the previous step, we installed Instant Articles for WP plugin to generate RSS feed for instant articles. Now you need to set up rest of the plugin settings.

You will notice that upon activation the plugin added a new menu item in your WordPress admin bar labeled ‘Instant Articles’. Clicking out it will take you to the plugin’s settings page.

Setting Up Facebook Instant Articles plugin for WordPress.

This plugin requires an App ID and Secret keys for activation. You will need to create a Facebook app for your page to get those keys. Let’s take a look at how you can do that.



Creating a Facebook App for Your Page.

First, you need to visit the Facebook for Developers website. Click on the drop down menu next to My Apps menu on the upper right corner of the screen next to your profile photo.

Creating a Facebook App for Your Page.

This will bring up a popup on screen. You need to click on website.

Creating a Facebook App for Your Page.

This will take you to a quick setup wizard. You need to enter a name for your Facebook app.

This could be anything that helps you identify the app.

Click on the ‘Create New Facebook App ID’ button to continue.

Facebook App ID

A new popup will appear asking you to provide a contact email address and select a category for your app.

Enter an email address and select Apps for Pages as app category.

select Apps for Pages as app category

Click on create App ID button to continue.

The popup will disappear and Facebook will now create an app for you. On the quick start page, you will see new information about how to use the app.

You just need to scroll down a little to ‘Tell us about your website’ section.

Tell us about your website

Enter your WordPress website address here and click on the next button to continue.

Even though Facebook will be showing you that there are more steps in the setup wizard, but that’s all the information you needed to enter.

You can now click on the ‘Skip Quick Start’ button at the top right corner of the page.

Skip Quick Star

You will be redirected to your newly created app’s dashboard. You will be able to see your App ID and to see your App secret key you will need to click on ‘Show‘ button.

click on 'Show' button

Before you copy these keys, first you need to make your app live and publicly available.

Click on the ‘App Review‘ link from the menu on your left.

App Review

On the next screen, you will see that your app is under development mode.

Click on the toggle to switch it to ‘Yes‘ and make your app live.

Now click on the dashboard link from the left hand column to go back to your app’s dashboard. Copy your App ID and Secret keys.

Return to your Instant Articles for WP plugin settings page on your WordPress site and paste your App ID and Secret keys there.

 Instant Articles for WP plugin

Click on the next button to continue.

The plugin’s settings page will now show you a login with Facebook button.

Facebook button

This will take you to Facebook, and you will be asked to give the app permission to access your profile information.

After giving permissions, you will be redirected back to your WordPress site. Click on the ‘Select Page‘ drop down menu to select your Facebook page.

Select Page

Your WordPress site is now ready for instant Articles. There are still two more steps left.



Setup Style and Branding for Your Instant Articles.

Visit your Facebook page and from the admin bar and click on Publishing Tools. From your left hand menu, click on ‘configuration’ under Instant Articles.

Setup Style and Branding for Your Instant Articles.

Scroll down to the Tools section and then click on the Style tab to expand it. Facebook has already added a default style for your website.

Click on the default style to customize it.

This will open up a popup where you can upload your website logo.

Facebook requires images that are 690 by 132 pixel minimum.

Facebook requires images that are 690 by 132 pixel minimum.

After uploading the logo, click on Save and then click on Done.

Submit Your Instant Articles Feed for Review.

Before you can submit your instant Articles feed for review, you need to make sure that you have at least 10 articles in your instant Articles feed. If you have already published more than 10 articles on your website, but the feed is not showing all of them, then you need to edit your last 10 articles and simply click on the update button.

Once you are sure that you have 10 articles in your instant articles feed you are now ready to submit to Facebook for review.

Go to your Facebook page and click on Publishing Tools from the admin bar. After that click on the ‘Configuration‘ link under Instant Articles on your left hand menu.

Look for ‘Step 2: Submit For Review‘ on the configuration settings page.

Submit Your Instant Articles Feed for Review.

If there are no error with your instant Articles feed, then you will see a ‘Submit for Review‘ button. Go ahead and click on this button to send your feed for review.

That’s all, Instant Articles will become available for your website once Facebook team has reviewed and approved your feed.



 

About the author

Junaid Khan

Leave a Comment

CommentLuv badge