Embed Size (px)
DESCRIPTION
Display your open source shop on Facebook.(Joomla /Virtuemart, Drupal/ubercart, Magento, Oscommerce)
Citation preview
Shop ApplicationDisplay 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 pagewww.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
www.HeadSocial.com
4
User Side (image before ‘Like’)
www.HeadSocial.com
5
User Side (page after ‘Like’)
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 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
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
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.
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
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)
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.
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.www.HeadSocial.com
14
Add / Edit (Message config)
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.
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
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.
www.HeadSocial.com
18
Go back to user side
Click on “Back to Viewing Page” to go to user side at any time
www.HeadSocial.com
Useful resourceshttp://www.HeadSocial.com
http://www.Facebook.com/HeadSocialhttp://www.Twitter.com/_HeadSocial
http://www.slideshare.net/HeadSocial
