Important Note: This document covers a legacy method. Please see our Legacy Feautures document for an overview of legacy methods, and their up to date counterparts.
One of the widgets added to the WordPress Widgets page when Avada is installed is the Avada: Facebook Page Plugin widget. This widget allows you to display your Facebook Timeline directly on your site.
Facebook have made some changes to how this is achieved, and now requires each user to create an APP ID, for the Facebook Widget to display correctly on your website. Please continue reading below for more information on how to set this up.
Adding And Configuring The Widget
There are two ways to add this widet into your site content. The first is the traditional method, of adding the Widget to a Widget Area, like a Footer, Blog Sidebar etc. Once you add it to the desired Widget Area, you need to configure it for it to appear on the page. The first step is to add the URL for the Facebook page you want to display, and most of the other options are very simple, such as choosing what to display.
But to get the widget to disaply correctly, the most important field to fill out is the Facebook App ID. As can be seen in the screenshot below, there is a link at the top of the widget to some instructions on how to do this.
The second way is adding the Widget directly to the page using the Widget Element. This can be added anywhere in your content, and the configuration options are exactly the same as in method one.
How To Create A Facebook APP ID
The next step is to create a Facebook App ID to add to the widget.
Step 1 – Go to this link. If you’re not logged in to Facebook, you’ll be met with a login screen. If you are, you’ll see what is displayed in the first screenshot below.
Step 2 – As seen in the screenshot below, from here you can simply add a name for your App, and then click Create New Facebook App ID.
Step 3 – A dialog will appear where you need to add a contact email. Click Create App ID, and complete the Security Check.
Step 4– Add your website URL in the bottom section and click Next.
Step 5 – At the bottom of the page you will see a Next Steps section. To find your App ID, click the Skip To Developer Dashboard link.
Step 6 – You will be redirected to the app’s dashboard. Here you will find your App ID. Copy this and paste it into the Widget.