This is the presentation for the iFrame Facebook application by www.HeadSocial.com. This is freely available application with powerful features such has user sharing of information, custom banner and other images. Powerful CMS to back the application.
2. Application Highlights The iFrame application from HeadSocial.com can display any web page on your Facebook page The application is Content management system (CMS) driven, so all the data and images displayed on the application can be added/updated by you (page admin). Application has User side: Visible to all users Admin side: Used to update content of application, only accessible to page admin(s) Application leverages Facebook wall posting capabilities to help spread word of mouth for your page 2 www.HeadSocial.com
3. User Side User side has 2 parts The image the users see before liking your page. This image should generally be designed to promote the page and with compelling message for user to ‘Like’ your page The page that user see after they like your page This page should have some useful information for the user that they should find interesting. Whether you want to display a separate image before users ‘Like’ your page or not is optional and can be controlled from Admin side 3 www.HeadSocial.com
6. User Side Contd. After the users ‘Like’ the page, on details page at the bottom a banner is displayed. Whether you want to display the banner or not is optional and can be controlled from Admin side When users click on banner, they see a popup message that asks for their permission and then posts a message on their profile. The text and image of message can be configured from admin side. A customizable ‘Thank You’ message is displayed to users who successfully post message on their profile 6 www.HeadSocial.com
7. User Side (bottom banner) The application asks uses to share their Facebook email address before they share the message on the wall. If the users allow the application, then their data is stored in database and can be download as CSV (comma separated values) This is the banner that can be used to run a campaign to offer discounts, coupon code etc. When the users share the message, the thank you message could contain the discount amount / coupon code etc. Since the Name / email address is captured the users can be validated before giving discount 7 www.HeadSocial.com
8. Admin Side Admin side is available to all the users who have admin access on the Facebook page where application is installed Admin side can be opened using admin button on User side 8 www.HeadSocial.com
9. Admin Side (Dashboard) On admin side the Dashboard is default screen. If you do not have any data added or no active promotion then above screen is displayed. Here you can create a new promotion. If you have any promotion running, details for that are displayed. 9 www.HeadSocial.com
10. Admin Side (Add / Edit promotion) Add / Edit page is divided in multiple parts to make data entry easy. Global Configuration Configuration before user likes page Configuration for main page Configuration for message posted on wall 10 www.HeadSocial.com
11. Add / Edit (Global configuration) Activate: This checkbox is used to enable or disable a promotion. This is particularly useful when you have multiple promotions. Name / Description: This is for use internal to identify the promotion in list view (when you have multiple available) 11 www.HeadSocial.com
12. Edit (User Like page config) Check the checkbox to display a separate “Like” page image Select the image to be used from local machine and upload. You could optionally use an image from free templates gallery. Though we recommend you provide custom image for personalized feel. You could use images from gallery as starting point for your customizations. 12 www.HeadSocial.com
13. Add /Edit (Main page config) This is the configuration for the main page. Provide a URL for the page that needs to be displayed. Please ensure that page is developed in 500px X 700px size. 13 www.HeadSocial.com
15. Add / Edit (Message config) Contd. Check the check box to enable sharing message. If this is disabled, the banner image is not displayed. Upload your logo or any image that needs to be posted on user’s wall. The image should not be more than 200px X 200px If no image is uploaded, image is not sent in messages. Next option is to upload the banner image. This image should be max of 520px X 80px You could also use an image for banner from free image gallery. 15 www.HeadSocial.com
16. Add / Edit (Message config) Contd. Message Header: Message header text is displayed where header is displayed in above image. Message Description: Message description is displayed where “description” is displayed in above image Thanks Message: This is displayed in place of banner image after message is posted on user’s wall 16 www.HeadSocial.com
17. Admin side (Promotions tab) On promotions tab you can see all the promotions. You can add new promotion or edit existing from this page You can also download the list of all users who posted message on their wall in CSV format by clicking on Download link. 17 www.HeadSocial.com
18. Go back to user side Click on “Back to Viewing Page” to go to user side at any time 18 www.HeadSocial.com
