Setup Facebook Instant Articles on WordPress: Ultimate Guide with Pictures

Want your readers to experience lightening-fast page load speed when they view your blog posts? Facebook has the solution. Facebook has recently opened Instant Articles feature to all publishers. If you don’t have an idea about Instant Articles, I will quickly explain it for you followed by a complete guide to setup Facebook Instant Articles on your WordPress blog.

What are Facebook Instant Articles

As the name suggests, this looks something that loads pages instantly when clicked. And yes, it really does. Instant Articles is a feature by Facebook that drastically improves the page load speed by converting the blog post into an HTML5 optimized document. Facebook instant articles is definitely optimized for speed and performance and gives readers a better user experience. Once you have configured Instant Articles on your blog, readers viewing your Facebook page through smartphone will automatically see the instant article icon. Here is how an instant article looks like:

Instant Articles Example

If you haven’t seen an instant article yet, you can have a look at some recent posts on my Facebook page here.

Without further ado, let’s get started.

Ultimate Guide to Setup Facebook Instant Articles on WordPress

Here are the 3 steps to configure instant articles for your WordPress blog:

3 steps

Step 1: Sign up for instant articles

  1. Go to Instant Articles Sign up page. Make sure you are logged into your Facebook account before you start the sign up process. (If you are not logged in yet, you will be prompted to login on the next screen)
  2. You will be asked to select the page where you want to configure the Instant Articles tool. Select Page
  3. Scroll down and click “Access Instant Articles Tools” button. Click “Continue”.
  4. You will be redirected to Instant Articles configuration page. You can also manually navigate to Instant Articles configuration page by going to “Page Settings” and then clicking on “Instant Articles” from the left pane.Instant Articles Configuration 1

In order to setup Instant Articles for your blog, you need to verify the ownership of the site. Here is how you can claim your URL:

  1. Scroll down to Claim Your URL section. ClaimURL
  2. Copy the meta tag and add it to your WordPress blog.
  3. If you don’t know how to add custom meta tags, you can simply install “Add Meta Tags” plugin.
  4. Once you have installed the plugin, click “Metadata” under “Settings”.Settings-Metadata
  5. Paste your Instant Article meta tag in the “Site-wide META tags” text area.
  6. Click “Save Changes”.

Now go back to the Instant Articles Configuration page and click “Claim URL” button.

ClaimURL success

As the success message indicates, the next setup is to update your Production RSS Feed on Instant Articles configuration page. Before you update your Production feed, you need to install the Official Facebook Instant Articles WordPress plugin in order to get your instant articles feed URL. Install the following plugin:

Instant Articles for WP

Once you have installed the plugin, you can update your production RSS feed. Your production feed looks like this (YourDomain/feed/instant-articles). My production feed URL came out to be http://www.gsmhype.com/feed/instant-articles. Click “Save” to update production feed.

Update Production Feed

Configure Instant Articles Plugin

We are already done half-way and there are only few things left. After you have installed the WordPress plugin, you can see Instant Articles button in the left pane.Instant Article Button

  • Click the Instant Articles button from the left pane.
  • You need to add your App ID and App Secret in order to get started.FB Instant Articles Plugin Settings

 

You must be wondering what is App ID and App Secret. Don’t worry. I will explain step-by-step how to get App ID and App Secret.

To get an App ID and App Secret, you need to create a Facebook App. Here is how you can create an App in less than 2 minutes:

  1. Go to “Facebook for Developers” page.
  2. Click “Add a New App” button.
  3. Select “Website” from the popup screen.Add a New App
  4. Type name for your App and hit “Create a New Facebook App ID” button.App Name
  5. Select a category for your App and provide your email.Create app id confirmation
  6. Click “Create App ID” button.
  7. Provide your URL on the next screen and click Next.Tell us about website
  8. Now click “Skip to developer dashboard” button.
  9. On the developer dashboard, you can find your App ID and App Secret.Dev Dashboard
  10. Before updating these values in Instant Articles plugin, make sure you change your App status to “live”. You can do this by clicking “App Review” from left pane on developer dashboard and then updating its status to public as below.Make App Public
  11. Now go back to the dashboard and copy App ID and App Secret and paste them in the Instant Articles plugin.Plugin Activation
  12. Click “Next” to activate instant articles plugin.
  13. “Login with Facebook” to select the Facebook page where you want to publish instant articles.Login with facebook activation
  14. If you see the error “Submit for Login Review”, just ignore it and click “Okay” button.Login with facebook ignore error
  15. Select the page from the dropdown where you want to publish instant articles. Click “Next”.Select page in plugin

Here comes an end to Step 1. You have already done the tough part. Make sure you update your logo for instant articles before heading to Step 2. Here is how you can update your logo:

  1. Go to Instant Articles Configuration page.
  2. Scroll down to “Styles” section under tools.
  3. Click on default style.Change Style
  4. In order to get your account approved, it is mandatory to upload a logo.
  5. Click the upload logo button. Facebook requires a logo of size 690 * 132 at-least.
  6. Click Save. You can leave the rest as it is.

Step 2: Submit Articles for Review

If you go to the Instant Articles configuration page, you can see that the “Submit for Review” button is disabled.

Submit for Review

Facebook requires you to have at-least 10 articles in Instant Articles feed in order to submit articles for review. Now one way to do this is to write 10 blog posts, and then come back to this page to submit articles for review but here is a quick fix.

  1. Go to WordPress Dashboard. Click “Posts”.
  2. Select your 10 posts that you think are best.
  3. Open each post in Edit Mode, one by one.
  4. Click “Update” button. This will send the updated articles to Instant Article RSS feed.

Once you have updated 10 articles, you can now submit the articles for review. Go back to Instant Articles configuration page and click on “Submit for Review” button. It normally takes 2-3 business days to get approved. I got approval in 2 days.

Submit for Review Enabled Button

Step 3: Start Publishing Instant Articles

Once your account is approved, you will see the following message:

Approved

You can now start publishing instant articles on your Facebook page. Under the “Start Publishing” section, you can turn on the auto-publishing option.

Auto Publish

This will automatically send newly created articles to the instant articles feed. Once you share an article on your Facebook page, your readers will now see it as an instant article.

That’s it. If you had any problem while configuring Facebook instant articles for your WordPress blog, feel free to let me know in the comments section below

 

4 Comments

  1. Tejinder Kaur June 25, 2016
  2. Pankaj June 28, 2016
    • Aqib Nazir June 28, 2016

Leave a Reply