Follow

Embedding Zen Planner Content on Facebook

What you will need:

STEP 1. Login to Facebook as a Facebook Developer

  • Visit https://developers.facebook.com/apps. (You’ll be able to login with your normal Facebook credentials.)
  • Next, you’ll create and name a new tab that will eventually show up on your Facebook page.
    • Click on register now (green button upper right corner)
    • Create a Facebook for Developers account

 

  • Fill out App Information

 

  • Select Owner/Founder Then Select “Add Your First Product”

STEP 2. Create App

On the left sidebar, select ‘Settings’ and then select ‘Basic’

  • Add a name for the App (ex. If you’re adding Membership, you can call the app “Membership.”)
  • Add the domain it’s going to be pulling from (Should be zenplanner.com)
  • Add the URL for your privacy policy (Create this page in Member Connect)
  • Click on ‘+Add Platform’.

STEP 3. Add Platform

  • Select ‘Page Tab’ from the “Select Platform” box.

  • Add the URL of the page you want to embed. At the end of that URL add: ?frame=true (*There should be no space between the end of the URL and the additional text.)
  • Name the tab as it will appear on your Facebook page

Scroll down and select ‘Save Changes’.

 

STEP 4 Edit App

Copy this URL: http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

Before pasting it into your browser, you will need to add a few things.

  • Add your app id – you can find this at the top of your page.
  • Add the URL that you put into your page tab.
  • Make sure this is ‘ON’. 

Your URL should look something like this:

http://www.facebook.com/dialog/pagetab?app_id=420385285082467&next= https://zpcrossfit.sites.zenplanner.com/sign-up-now.cfm?frame=true

Once you have your URL, paste it into a browser window. You should see something similar to this:

Click the drop-down and select your page that you want to add it to.

Now when you go to your Facebook page you will see the membership tab and the embed.

**NOTE: This tab will not show up on mobile devices. This is a restriction of Facebook**

For this, we recommend adding a “Sign Up” button to your Facebook home page.

Step 1: Facebook Button

You will see in the image below that you can add a button to your facebook page. Simply click on it and you can start editing it.

Step 2: Button Setup

After you click “Add a Button” you will get a popup displayed that gives you a few options.

First, select ‘Contact you’ next you will select ‘Sign Up’ and then click Next.

After you click next it will take you to Step 2 of adding the button. Here we will add the website link. Click on ‘Website Link’ and add the url to your member connect/calendar page.

https://yoursite.sites.zenplanner.com/sign-up-now.cfm

Once that is added, click ‘Finish’. That’s it! When someone clicks on the ‘Sign Up’ button on a mobile device it will take them straight to your membership page within member connect.

Mobile Preview

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk