Create Facebook Instant Articles For WordPress
How To Create The Facebook Instant Articles For WordPress?
We will explain to you how to create Facebook Instant Articles for WordPress. this article will help you, share with your friends.
Facebook Instant Articles
Instant Articles is a Facebook feature that let you load your content ten times quicker by using a customized format. It has based on the same technology used in Facebook applications for your mobile devices.
Instant Articles load up to 10 times quicker than a standard web page. This incredible boost in speed allows a better performance for mobile users.
Many famous media sites such as TechCrunch, BuzzFeed, Mashable, and many others are using it on websites. You can spot instant articles on your Facebook feed by the lightning icon.
Pros & Cons of the Facebook Instant Articles
There are some advantages & disadvantages with instant articles on your website
- Faster load time means a significant development in user experience
- Because of the speed, users are more inclined to share content.
- Access to monetization features via Facebook Audience Network.
- Boosted Facebook Page reach.
- Facebook’s massive user base can bring a new surge of traffic to the site
- Users would not find your sidebars. It would hide your widgets, email list forms, and everything that is not a part of the article.
- You might witness a drop in advertising the revenue, as Facebook instant articles limit the advertisers and the number of ads that you can show on an item.
- You can use some images and videos in your article, but the Facebook instant articles would limit
- Most custom fields, shortcodes, and other WordPress features would not be shown\ed in your reports.
Acknowledging the pros & cons of using Facebook Instant Articles, it is a mixed bag for publishers. It depends on the type of contents you create and your business objects.
If you have a news media site, then it makes sense you to add it. If you have a business website, then it may not be a huge difference maker.
How To Enable Facebook Instant Articles For WordPress
Some requirements needed for creating Facebook Instant articles on your WordPress site. You should have a;
- Facebook page
- Facebook page application
- At least 10 or more than ten articles
- The Instant Articles for WP plugin.
Let’s start by implementing for Facebook Instant Articles
Signing Up For Facebook Instant Articles
You have to visit Facebook Instant Articles website & then click on the sign-up button to get start
Facebook would now ask you to select a page. Here you have to select the Facebook Page
Then check the box to allow the Instant Articles terms and click on Access Instant Articles Tools
It would take you to the publisher tools on the Facebook page, that would now have an instant articles section
You have to prove the ownership of your website by claiming your URL
Scroll down a little to the Tools section of the page & then click on the Claim your URL’ to expand it. The Facebook would show you the code snippet.
You need to copy the code and insert it into the section before the
<head> tag of your WP site.
There are two methods you could add this code to your site.
You could edit the header.php in your child theme and then paste it before tag
When the plugin get activated;
Go to the Settings >>> Insert Headers & Footers page. Now paste the code in the header
Then cClick on Save to save your changes.
When you have included the code to your website, you have to switch back to the publisher tools section of your Facebook page.
Add your site URL below the code that you have copied earlier & click on the claim URL.
Then add an Instant Articles RSS Feed for the website. Here is how you can create an Instant Article Feed for your WP site.
Install & activate the Instant Articles for WP plugin. Upon activation, the plugin would generate instant articles feed for your WordPress site.
You can find the feed by adding
/feed/instant-articles after your site’s URL, like this:
Copy the instant articles Feed URL and then switch back to your FB page’s publishing tool. Then scroll down to the Tools part and click on “Production RSS Feed” for expanding it.
Then paste your Instant Articles Feed URL and then click on the save button. Facebook would show you a success message that your feed has added
Setting Up FB Instant Articles Plugin For WP
In the previous step, we have installed Instant Articles for WP plugin to generate an RSS feed for the instant articles. Now you have to create 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 on it would take you to the plugin’s settings page
The plugin needs an App ID & Secret keys for the activation. You would have to create an FB application for your page to get those keys. Let’s have a look at how you could do that.
Creating A Facebook App For Your Page
First, you have to visit the Facebook for Developers site. Then click on the drop down menu next to My Apps menu in the right-top corner of the screen that is next to your profile pic.
It will bring up a popup on screen. You need to click on the website.
It will take you to a quick setup wizard. You need to enter a name for your Facebook app. It can be anything that helps you recognize the app.
Click the ‘Create New Facebook App ID’ to proceed.
A new popup would appear asking you to allow a contact email address & then select a category for your application.
Enter the email address and then select Apps for Pages in the App category
Click on the Create App ID to proceed.
The popup would disappear, and Facebook would now create an application for you. On the quick start page, you would find new information about how to use the application.
You have to scroll down a little ‘Tell us about your website.
Enter the WordPress site address here and then click the next button to proceed.
Even though Facebook would be showing that there are more steps in the setup wizard, but that’s all the information you required to enter
Click on the ‘Skip Quick Start button at the right top corner of the page
You would be redirected to a newly created dashboard. You would be able to find your App ID, and for seeing your App’s Secret key, you would have to click on ‘Show’ button.
Before you copy these keys, first you have to make your application live and available publicly.
Click the App Review link from the menu on your left
On the next screen, you will see that your app is in development mode. Then click the toggle to switch it to ‘Yes’ and make your application live.
Now click on the dashboard link from the left-hand column to go back to the app’s dashboard. Then copy your App ID & the 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.
Click next to proceed
The plugin’s settings page would now show you a login with Facebook button.
It will take you to Facebook, and you will be asked to give the app permission to access your profile information.
After granting permissions, you would be redirected to your WordPress site. Click on ‘Select Page’ drop-down menu to choose the FB page.
Now your WordPress website is ready for the Instant Articles. There is still two more steps left from here.
Setup The Style & 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 the Configuration under the Instant Articles
Then scroll down to the Tools portion and click on the Style label to expand it. The Facebook has already included a default style for your site.
Click on the default style to customize it.
It will open up a popup where you can upload your website logo. Facebook requires images that are 690 by 132-pixel minimum
Click on Save after uploading the logo, and click Done.
Submit The Instant Articles Feed For The Review
Before you could submit the Instant Articles feed for consideration, you need to make sure that you have at least ten articles in your Instant Articles feed.
If you have already published more than ten articles on the website, but the feed is not displaying all of them, then you need to edit your last ten items and just click on the update button.
Once you are sure that you have ten articles on your Instant Articles feed, now you are ready to submit to Facebook for the review.
Then go to your Facebook page & click on the Publishing Tools from the admin bar. Then click on the “Configuration” link under Instant Articles on your left-hand menu
Look at the “Step 2: Submit For Review’” on the Configuration Settings
If there are no errors with the Instant Articles Feed, then you would see a “Submit for Review” button. Go ahead & then click on the button to send your feed for the review.
Now the Instant Articles would become available for your website once the Facebook team has reviewed and approved your feed.
Facebook requires that your Instant Articles supply match the specifications explained on their developer website. The Instant Articles for WordPress plugin handles that part for you.
Depending on the theme or the plugins, you are working on your site; you might see some errors/warnings. A better way to troubleshoot those errors is by editing the post and then scrolling down to the Facebook Instant Articles meta box just below the post editor.
Most of the errors have caused by plugins or theme adding content into your posts that has not supported by transformer rules used by Instant Articles for WP plugin.
You can create your custom transformer rules. Note to the plugin’s documentation to learn how to include your custom transformer rules.
However, we feel that it would be difficult for most beginners to do that on their own so that you may require a developer. You can try to configure your plugins as well as themes & block them from adding the content blocks into your posts
If you are getting Empty Feed error continuously when submitting your Instant Articles Feed, then you have to check the URL that you are trying to add
These are two different URLs, and depending on your WordPress setup, entering the incorrect URL may result in a 404 error.
If you still see the cleared feed error, then try updating the last ten posts on your site. It will change their time modified and will add them to the feed.
We hope this article helped you to Create Facebook Instant Articles for WordPress. Do share this article with your friends. Don’t forget to share your views. Thanks for reading.