Monday, March 19, 2012

EBR FAN PAGE GENERATOR

STEP 1 - Create Your Fan Page Content

Once you have installed and activated the EBR Fan Page Generator plug-in, you will see a new "Fan Pages" section on the sidebar of your WordPress Dashboard.
It should look something like this:


Create the content that you want visitors to see before they hit the like button. Highlight all of this content and click the heart icon that has the minus sign in it. This will automatically add the proper tags. Directly below that content, add the content that you want them to see after they click the like button. Highlight this new content and click the heart with the plus sign in it.

Once you have finished, click the publish button. After the page is published, you should see a "View Page" link. Click that link to view the page. You will see both the before and after sections in your browser.
Copy the URL of this page, as you will need it in a couple of minutes.

STEP 2

Go to http;//facebook.com/pages. On the top right of that page, click "Create Page". Choose the type of page that you are setting up. You will then be asked to name your page and select a more specific category. Click the box to agree to the terms and click submit.
Your new Fan Page is now set up. You can now add your own logo or image to page. Don't worry that your page has nothing on it. We will be fixing that!

STEP 3


Got to http://facebook.com/developers. If you have not already granted developers access to your Facebook profile you will be asked to do so.
At the top right of the page Choose Set up New App.
As per Image Below

STEP 4


Choose a name for your app and agree Read Facebook terms
Agree


STEP 5

Enter Captcha and Submit


STEP 6



  1. Application Name is filled out so just check you are happy with it.
  2. Write a description (not seen on your fanpage)
  3. Choose a favicon and logo to go on the fanpage (optional)
  4. Choose your language
  5. Choose whether you want support to go to a URL or an Email
  6. Modify your Address/email for support and contact email accordingly
  7. Enter your Privacy Policy URL (create a simple policy, eg. yoursite.com/policy)
  8. Add additional users to the app if you want to

NOTE: None of this information will be public, but it is required per FaceBook rules.

STEP 7




  1. Click on the "Facebook Integration" tab at the top left of the page.
  2. Take a note of your Application ID for the WordPress post.
  3. Use the URL of the page that you created in Step 1.
  4. If you have a Secure URL (one with https use that here)
  5. Choose Iframe as Canvas Type
  6. Choose Auto resize assuming you don't want scroll bars
  7. Choose what you want the Page tab to be called (I use "Home")
  8. Check "Iframes"
  9. Enter the URL again that you created in Step 1.
  10. If relevant enter the URL you want the secure tab to come from
  11. Click Save and your app is complete. You will be taken to the App's info page (seen below).


STEP 8


On the right hand side Choose Application Profile Page. The page that you are taken to will not be seen by your visitors.


On the left hand sidebar you will see "Add to my Page". Click that link and choose fan page that you just created from the pop-up menu, then click "Close".

STEP 9 - Integrating with Wordpress

Go back to Wordpress. Go to the page that you created in Step 1 and paste the Application ID into the FanPage Setting box, located on the right side when you are in edit mode. Click the Publish button.


STEP 10 


While logged into Facebook, go to http://facebook.com/pages and click the link on the top right that says "Pages I Admin".

You will see a list of pages that you have created. Choose "Edit Page" link below the page that you just created. When the edit page loads, choose "Manage Permissions" from the left side menu.
Look for the setting labelled "Default Landing Tab". Select the tab that you created in your App from from the dropdown menu.
 That's it! Now when visitor come to your new Fan Page, they will see the content that you designated to appear before the clck the like button. After the click button, the new content will appear!

If this took you a few tries, don't worry. After you do it a couple of times, it will be super easy!

No comments:

Post a Comment