Display your open source shop on Facebook. (Joomla /Virtuemart, Drupal/ubercart, Magento, Oscommerce)

1. Shop Application Display your open source shop on Facebook. (Joomla /Virtuemart, Drupal/ubercart, Magento, Oscommerce)

2. Application Highlights The Shop application from HeadSocial.com can display ecommerce shop on your Facebook page Provides ready to use free integration with Open source applications (Joomla/ Drupal/ Wordpress/ Magento/ OSCommerce) The application is 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 shop that user see after they like your page 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

4. User Side (image before ‘Like’) 4 www.HeadSocial.com

5. User Side (page after ‘Like’) 5 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 individual products can be shared by users. 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. XML URL: is the URL for script on your server that provides XML with data. Free XMl integration is available for Joomla/Drupal/Wordperss/Magento/OS Commerce There are currently 3 templates available that can be used to control layout of your shop. Please ensure that page is developed in 500px X 700px size. 13 www.HeadSocial.com

14. Add / Edit (Message config) 14 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

19. Useful resources http://www.HeadSocial.com http://www.Facebook.com/HeadSocial http://www.Twitter.com/_HeadSocial http://www.slideshare.net/HeadSocial

20. Thanks for viewing! Please send any feedback at wecare@headsocial.com