The Mega Guide To Configure Facebook Instant Articles for WordPress

Facebook Instant articles for WordPress
  • Save

Want to drive more traffic from Facebook & earn more money?

If your answer is yes, today seems to be your lucky day.. Read on…

Facebook Instant Articles are not new to users like you who are super net savvy.

As bloggers & webmasters, FB Instant Articles are a boon & a curse. It’s a boon because it will give us more traffic from Facebook, but at the same time it’s bad because you won’t be able to show your widgets or email box like you do right now.

Needless to say, the Facebook Instant Article is here to stay & the sooner you integrate it, the better it will be for you.

I have waited for quite a long time to share this article with you as I wanted to give you all the necessary details & guidelines to configuring FB Instant Articles within your website. Today, I will be sharing the complete tutorial + a video guide to help you set up Facebook Instant Articles for your blog.

If you are not aware of FB Instant Articles, let me quickly give you an overview of what they are & why they matter.

What are Instant Articles?

The Instant Article is a feature by Facebook that solves the problem of slow loading of articles. An Instant Article is an HTML5 document optimized for fast mobile performance, rich storytelling capabilities, branded design, and a customized visual display. Once you have enabled Instant Articles on your website/blog, whenever your articles are shared on Facebook, users surfing on the mobile app will be able to see the Instant Article icon. The icon represents that the article is an Instant Article & it will open within seconds.

The Instant Articles icon looks like this:

Instant articles icon
  • Save

I’m sure many of you already have experienced Instant Articles when using the Facebook mobile app on your smartphone. If not, from now on pay attention or check a few posts on the ShoutMeHindi Facebook page using your Facebook mobile app.

Benefits of Instant Articles
  • Save

There are many pros & cons of using Facebook Instant articles. The pros outweigh the cons in the majority of cases especially since Instant Articles are not too old and there is a great amount of room for improvement & innovation in the coming days. Instant Articles are very crucial for countries like Brazil, India, Philippines & many other countries where low connectivity is an issue.

Check out this video to understand how Instant Articles looks on a smartphone:

I will cover the full pros & cons of Facebook Instant Articles in the coming days, but for now let’s setup Instant Articles for our WordPress blog.

How to Setup Facebook Instant Articles on WordPress platform:

I would suggest you to go through the steps mentioned below & then watch the video guide. While watching the video, start configuring Instant Articles for your WordPress site. It should take about 15 minutes to configure everything & within one day, Instant Articles should be live for your website. So, let’s get started:

Facebook Instant Articles Signup
  • Save

This will lead you to next page where you need to select the Facebook page where you would like to enable the Instant Articles tool.

Configure FB Instant Article
  • Save
  • Select the page & click on “Enable Instant Articles”
  • After enabling Instant Articles for a page, you can always access the configuration page by going to page settings > Instant Articles
authorize-your-site
  • Save

Here we need to do following things:

  1. Claim your URL
  2. Add RSS feed (For other platforms, you can use their API to setup Instant Articles. Here is the guide for the same)
  3. Submit for review

We will also be configuring the official Instant Articles WordPress plugin which I have covered in-depth below. If you feel you will be stuck in between, don’t worry as the video guide will make it easier for you to follow everything. A user with basic computer skills should be able to follow this guide.

So let’s get started:

Claim your URL

Click on “Claim your URL” & that will give you a Meta tag which you need to add to your Website <head> tag. You can do the same by editing your header.php file or if you are using Genesis WordPress theme like me, watch the video below.

Claim URl Instant Article
  • Save

Once you have added the Meta tag, clear your WordPress cache.

Now, click on “Claim URL” & you will see a success message (shown below).

Claimed URL
  • Save

The next step is to setup the RSS feed for Instant Articles which will be done with the help of the official WordPress plugin for Facebook Instant Articles.

RSS Feed & Official Facebook Instant Articles plugin

Facebook has partnered with a few publishing and analytics platforms to make it convenient for bloggers to create and post Instant Articles.

Install the Official Facebook Instant Article WordPress plugin. This plugin is developed by Facebook, Automattic & few more developers. Upon activation of the plugin, a new feed will be generated & you can check it by adding /feed/instant-articles to your domain name.

So, in my case it was:

http://shoutmehindi.in/feed/instant-articles

Go back to your Facebook page Instant Articles setting & add this RSS feed into the “Production RSS feed” area (Refer to below screenshot).

Production RSS feed
  • Save

Click “Save”.

Now we’ll get the last few things done.

Configuring the FB Instant Article WordPress plugin:

  • To start using the plugin, you need to input the Facebook App ID and App Secret. For this, you need to create a Facebook app which is pretty easy.
  • Follow the below-mentioned steps & it will be done within 5 minutes.
  • Go to this page & click on “Add a New App”
Add new Facebook app
  • Save
  • On the pop-up select website as the option.
Creating Facebook App
  • Save
Create new app ID
  • Save

Click on “Create App ID” & on the next page, enter your website URL without “HTTP://”

Website
  • Save

Click on “Next” & then click on “Skip quick start guide”. On the next page, you will see your App ID & App Secret.

App ID Secret
  • Save
  • Also, you need to make your new app live. Click on App Review > Change the toggle to “yes” & this will make your app live.
Make Facebook App Live
  • Save

(I suggest you to watch the video to make it pretty easy for you).

  • Now, head back to the Facebook Instant Article WordPress plugin settings. Copy the App ID & App Secret to the WordPress plugin.
Facebook Instant article WordPress plugin settings
  • Save
  • Click on “Next” & you will see the option to Login with Facebook. Click on it, validate your login & select your Facebook page from the drop-down.
Select Facebok page for Instant Articles
  • Save

Click on “Next” & that’s it.

The plugin is configured & you can submit articles for review. Now, before we complete the final submit for review step, click on “Styles” & click on “default”:

FB Instant Articles Style
  • Save

Here you need to add your website logo (mandatory) that should be sized 690 by 132 Pixels.

Logo for instant Articles
  • Save

Tip: If you don’t have the logo, simply create a blank canvas of the size 690 by 132 in Snagit or any other image editor tool you have & use your blog name as your logo.

Once you have uploaded the logo, click on “save & done”.

Submit for Review:

Create 10 articles
  • Save

Now, this is where it gets tricky, as you need to submit 10 posts for review. Here is what you can do:

  • Go back to your WordPress dashboard
  • Open 10 already published blog posts in edit mode
  • Save all of them & this will send those articles to your Facebook Instant Articles RSS feed.

Once that is done, you will be able to submit your articles for review.

Submission approved & enable auto-publishing from RSS feed:

It usually takes about 3-4 days for your submission to get approval.

For one of my blogs I got the following errors:

General Errors: Empty Instant Article: The Instant Article does not have any content.

Error : General Fatals: Sorry, We Couldn’t Parse the Article

For that blog, I deleted all posts from the Instant Article production which were giving errors & resubmitted them for review.

For ShoutMeLoud, I got approved & after approval, the screens looks like this:

Auto publish from RSS feed
  • Save

One important thing, you should enable auto publishing from the RSS feed.

Update: Here is the guide to make money from Facebook Instant Articles

Video guide:

Here is the video guide that I have mentioned above. This will clear any doubt that you might have for configuring Instant Articles for your WordPress blog:

Facebook Audience Network:

Enable Facebook audience network
  • Save

One of the things that most publishers are worried about is monetizing articles served via Facebook Instant Articles. Well, Facebook has opened Facebook Audience Network which lets you earn 100% of revenue generated via it. Here is the official explanation on FB Audience Network:

Publishers can directly sell and deliver banner ads, video ads (click to play or sound off), and animated ads containing HTML5, Javascript or CSS (provided the ads do not expand, collapse or any block content). Publishers can also monetize through the Facebook Audience Network, delivering high value, relevant and engaging ads from over 3 million advertisers on Facebook.

Audience Network provides publishers and developers with engaging, high performing ad units backed by Facebook’s 3 million advertisers. Audience Network extends the reach of Facebook campaigns beyond Facebook, and provides publishers a way to monetize their content with relevant, better-targeted ads and innovative native ad formats.

Once you click on “Get Started”, you will also get the link for the Audience Network dashboard. You can use this resource to configure your payment option. If you don’t update your payment option, Facebook will stop service ads once you have reached $100.

Approved Facebook network application
  • Save

Just to let you know, it takes about 5 minutes for your Audience Network application to get approved. I will do a detailed article on this in the coming days.

Update: Here is the guide to make money from Facebook Instant Articles

Helpful resources:

In the coming days, I will share tips & tricks to get most out of Instant Articles. For now, go ahead & configure it for your blog. Do come back & share your experience with us.

If you have found this guide useful, share it with your friends who have a WordPress blog.

Subscribe on YouTube

Facebook Instant articles for WordPress
  • Save
Authored By
A Blogger, Author and a speaker! Harsh Agrawal is recognized as a leader in digital marketing and FinTech space. Fountainhead of ShoutMeLoud, and a Speaker at ASW, Hero Mindmine, Inorbit, IBM, India blockchain summit. Also, an award-winning blogger.

104 thoughts on “The Mega Guide To Configure Facebook Instant Articles for WordPress”

  1. Akash Sharma

    Hey harsh,
    followed your steps and now after that review by fb… I am getting some errors …
    “”””
    -MISSING CONTENT
    Missing content – text elements
    Some of your articles are missing words or pieces of text that are found in the web versions. Some common omissions include:
    Kickers
    Subtitles
    Captions/Credits
    Video controls
    Aim for your Instant Articles to exactly match their web counterpart—except when you’re using special Instant Article features that don’t work on the web.””””

  2. Hi Harsh,

    Is it mandatory to use Ads and Facebook Audience Network? Can we setup up FBIA without it?

    1. Harsh Agrawal

      @Palas
      Yes, with few things added:
      1) New screenshot after review is done.
      2) Auto publishing from RSS feed.

  3. Great post Harsh. I have just completed instant articles setup process and now awaiting review. I hope I get approved soon.
    Thanks

  4. Bruce mesnekoff

    Thanks for Information about Facebook Instant Articles for WordPress. Your Article is impressive and very informative. I am now regular visitor of your website and bookmarked it.

  5. Thank you for sharing this in-depth guide with us. This is really helpful. I am going to setup Instant article on WordPress.

  6. Hi Harsh!
    I love your site. You are such an invaluable resource! I am completely tech-delayed! I followed all of your steps. I am getting this error message on my posts. The plugin is rejecting my articles and not submitting them. Any tips on what I am doing wrong?

    This post was not yet submitted to Instant Articles.

    This post was transformed into an Instant Article with some warnings [Learn more | Transformer rule configuration | Toggle debug information]

    No rules defined for in the context of InstantArticle

  7. Pawan kumar

    The instant article is now approved, Thanks to you Harsh. But, I am quite confused about placing ads in it via Facebook audience network. Can you provide some insight for setting up ads in the instant article with Facebook audience network?

  8. praneet thakur

    Thanks for sharing i just sucesfully registered and submited and it got approved in 2 minutes

  9. Hamza Sheikh

    Thanks for the detailed guide. I have been trying to publish instant articles on one of my blog, but everytime I get some kind of errors within WordPress about some transformers and custom rules about how our content is going to be shown in Instant Article wrapper.

    I am unable to resolve the issue. I am using Genesis and thought such errors won’t happen, but looks like this is keeping me from publishing instant articles. 🙁

  10. Krishnendu Mandal

    Hy harsh how r you?
    My application rejected. It shows text content missing. I am using infolinks. Is it any problem for intant article approve.

    1. Harsh Agrawal

      @Krishnendu
      I see a lot of people having this error & in your WordPress post editor you should be able to see any error & fix it from there.

  11. I just tried to activate the plugin & it broke my website! I get this error now: Could not create component: “Logger” is not a component class as it does not implement “AventuraWprssCorePluginComponentInterface”

    This is way harder than it ought to be.

  12. I got approved for instant articles but I am not really liking it. My readers can’t even comment on my posts when they are viewing it as an instant article. Now I have removed everything, plugin, disabled app, etc. But still I am viewing my old posts as instant article. How do I get rid of this? I don’t want any of my article to be viewed as instant article.
    Please help.
    Thanks

  13. Hello Harsh!
    I just set up Instant Articles today and I’m feeling really proud of myself. It sounded complicated at first but I just simultaneously did the configuration along with watching your video and it was quite fun, Really!! I got stuck a couple of times but mostly those problems just solved themselves.
    So thanks bro! I really owe you. I’m now waiting for approval. So fingers crossed!
    Also I read somewhere that we have control over what gets published at FBIA. So is it possible that we can cull content from our Blog to publish in Instant Articles. How do we do that?
    If you get time do write a post about it.Regards

  14. Can you explain me how can I implement an Instant Article on the three pages?

    I have on the first one. What is the next move?

    Thanks a lot

  15. Pankaj Sharma

    Hi Harsh,

    I am getting this error, Could you please help me out.

    Missing content – text elements
    Some of your articles are missing words or pieces of text that are found in the web versions. Some common omissions include:
    Kickers
    Subtitles
    Captions/Credits
    Video controls
    Aim for your Instant Articles to exactly match their web counterpart—except when you’re using special Instant Article features that don’t work on the web.

  16. Nirmal Sarkar

    Thanks for this amazing guide. I was able to set up Instant Articles on my Blog finally. Well, I did get caption errors. 🙁 But somehow I read their FAQ and found my way out. One thing I am gonna say is that errors are common, no blog will hardly get approved in the first chance. Anyways, now my blog loads fastest in the facebook network. 🙂

  17. Hi, Harsh, I have successfully enabled Facebook Instant Articles on my website but I cannot see the ads on the instant articles and I am getting this error “Not started – please send an ad request”. Please help me to solve this issue.

  18. Hi Harsh, I Have seen your video on FB instant article which is g8 source to setup it up. I want to ask you after setting all process and been approved by FB for this option my article are not showing in fan page could u please advice what to do? RSS feed is connected but still nothing?

    Thanks for your help

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
459 Shares
[i]
[i]
[i]
[i]
Share via
Copy link