Creating Custom Facebook Pages and Other Applications


Published on

Custom Facebook Pages made easy. If you want to spice up your social media presence then this might be helpful to you! Tips on using the best free applications on the web to help your social media campaign! Download the file and use it just don't forget to mention me somewhere.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Creating Custom Facebook Pages and Other Applications

  1. 1. Creating Custom FB Pages Jan Freud Gallon
  2. 2. 1. Get Started! <ul><li>Create a Facebook Page by going to this link: </li></ul>Click on the “Create Page” button
  3. 3. 2. Fill out the form <ul><li>Select which category suits the page best and fill out the form. </li></ul>
  4. 4. 3. Basic Information <ul><li>Upload a profile pic for the page, Invite Fans and Include the Business’ information. </li></ul><ul><li>(I will teach you how to create optimized profile pictures for the page at the latter part of the presentation) </li></ul>
  5. 5. 4. Custom Page Creation <ul><li>Now here’s the fun part it’s time to create the custom tabs for the page. </li></ul><ul><li>Go to this link to Install the app: </li></ul><ul><li>https :// </li></ul>A B <ul><li>Click on the install iwipage link on the left </li></ul><ul><li>hand corner of the page. </li></ul><ul><li>B. Then the “Click here to install for free!” button </li></ul><ul><li>will appear on the right frame. Click that button! </li></ul>
  6. 6. 4.1. Custom Page Creation (cont’d) <ul><li>You will be taken to a page where it will ask if you will allow iwipa to make changes to your FB page and get information. Click “Allow” </li></ul><ul><li>Then it will ask you to select which page you would like to install iwipa to. </li></ul>Select the page from the dropdown list Click to continue
  7. 7. 5. Video Tutorial <ul><li>Before we go to the next steps, I recommend you watch this video first to help you understand how to create custom pages: </li></ul><ul><li> </li></ul>
  8. 8. 6. Start Customizing the tab! <ul><li>Now you can start customizing the tabs. Activate the page then to the admin page and add content! </li></ul>A B <ul><li>Click on the “Website” link </li></ul><ul><li>on the left hand corner of </li></ul><ul><li>the screen. </li></ul><ul><li>B. Click on the button that says </li></ul><ul><li>“ Welcome! Click here to </li></ul><ul><li>activate your page” </li></ul>
  9. 9. The Admin Tab <ul><li>I will discuss each component during our training session. </li></ul>
  10. 10. Creating Custom FB Pages Part two: WIDGETS, ADDITIONAL APPS, INTEGRATION and OTHER FUN STUFF! Jan Freud Gallon
  11. 11. The Twitter Widget <ul><li>Getting the widget and customizing it is easy. Go to and look for the resources link at the bottom of the page. Or if you can’t find it use this link: </li></ul>You should see this screen. Just click on the Widgets Section to go and start building the widget! WIDGET CREATION
  12. 12. <ul><li>It may look like that we should select facebook here but we are creating a website inside facebook, so we should use the widgets for website use. </li></ul>The Twitter Widget We want people to view the business’ most recent “tweets” so we will use the Profile Widget. WIDGET CREATION
  13. 13. <ul><li>Now customize it! </li></ul>The Twitter Widget <ul><li>Put the business’ twitter username </li></ul><ul><li>in the box provided </li></ul><ul><li>Set the number of tweets that you </li></ul><ul><li>want the people to see, Include </li></ul><ul><li>the scrollbar and toggle a few other </li></ul><ul><li>settings in the preference section. </li></ul>WIDGET CREATION
  14. 14. <ul><li>Customize the color scheme of your widget </li></ul><ul><li>the preview will show you how it looks like </li></ul><ul><li>while you’re editing it. </li></ul><ul><li>Set how big you want the widget to appear, </li></ul><ul><li>in this case we should set the width to 520px </li></ul><ul><li>since that’s how wide the FB display page is </li></ul><ul><li>(any number beyond 520 will not display properly) </li></ul>The Twitter Widget WIDGET CREATION
  15. 15. <ul><li>Grab the code and integrate it to your FB page! </li></ul>The Twitter Widget A B <ul><li>Click the button to </li></ul><ul><li>generate the code. </li></ul><ul><li>B. Copy the code in the box </li></ul>WIDGET CREATION
  16. 16. <ul><li>Now let’s go to FB and go to iwipa’s admin page to paste the code. </li></ul>The Twitter Widget Select in which page you want the widget to appear Click this bar to go to the page editor. WIDGET INTEGRATION
  17. 17. <ul><li>Make sure that you already have a “media box” ready for the widget. If you don’t, add one first. If you do not now how to add a media box, watch the iwipa tutorial video again: </li></ul><ul><li> </li></ul>The Twitter Widget Click edit to launch the editor window Click source before pasting the code once the source button is highlighted paste the code then hit save WIDGET INTEGRATION
  18. 18. <ul><li>A few more steps and we are done! </li></ul>The Twitter Widget Click Settings to launch the Configuration window Put a check on the Run in Iframe checkbox and click Save Settings WIDGET INTEGRATION
  19. 19. <ul><li>Booshaka is an application made to measure fan interactions with your page. It’s a great way to recognize fans for promotion and increase activity on your page. </li></ul>We are using the free version, just go to and click install
  20. 20. <ul><li>After clicking on install you will be asked to login with your FB credentials. You will be redirected to the booshaka site again and will be asked to select which page you wish top add the app to. </li></ul>
  21. 21. <ul><li>Your account will not be active for at least 48 hours. But after the wait period you can use the app and it will be displayed on your page. </li></ul>Recognize button – displays your top 10 fans on your facebook wall. Share button – will post the news that that the top fans tab is available for viewing on your page. Invite button – will send a message to your friends to check out where they rank on the page. The Summary tab shows some stats about your page.
  22. 22. Optimized FB profile pics <ul><li>Now this is fairly easy. To maximize the use of the default pic, you can create or crop a picture using banner style resolution. If you have basic Adobe Photoshop skills this will be a breeze for you, just make sure that your canvas size is 540px high and 180px wide. Have fun creating designs! </li></ul>