Facebook/Instagram oEmbed App Setup

In order to utilize the simple URL embed feature for Facebook and Instagram posts, Facebook requires that a Facebook App is setup for use with oEmbeds and then connected with your site. Follow the steps below to create a new app and configure in the site admin. If the app is not configured, you will be required to create embed code for the Facebook or Instagram post and paste that into the article body.

Facebook App Creation & Configuration

To utilize the URL embed, you need to create a new App ID by logging in to your site’s Facebook account, then using the tool found here: https://developers.facebook.com/apps

To create a new app:

    1. Click the +Create App button
    2. Choose “Manage Business Integrations”
    3. Give your app a display name related to your site (e.g. “RayosCMS oEmbed”)
    4. Make sure the App Contact Email and App Purpose are filled in as well
    5. Click Create App
    6. On the next page, you will see a list of products, look for oEmbed and select Set Up
    7. Agree to the terms and conditions
    8. Next you need the App ID and App Secret for use in your site admin, Go to Settings > Basic
    9. Copy the App ID and App Secret
    10. Log into your website’s admin
    11. In the left side menu, go to Settings > Writing
    12. Under Facebook and Instagram Embed Settings, enter in the App ID and App Secret
    13. Click to Save Changes

Signing Up As A Facebook Developer

If going to the developer link above leads to a screen like this:

Become A Facebook Developer

 

You will need to register your site’s Facebook account as a Facebook developer before you can create an App. Click the Register Now button and follow the on-screen prompts; they will ask you for some information so Facebook knows who you are. That’s all that’s needed to sign up your site as a Facebook Developer.