“Facebook All-In-One For WordPress” Documentation by “TivaTheme” v1.0
Facebook All-In-One For WordPress
Created: 25/10/2019
By: TivaTheme
Email: tivatheme@cloodo.com
Thank you for purchasing my product. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Contents
1. Overview - top
Facebook is one of the best and biggest social media platform, millions of people are on Facebook now. It is the greatest way to connect with your friends and customers. It's easy and free!
Facebook All-In-One is the ultimate and most advanced plugin to integrate Facebook content into your WordPress website. With this plugin, you can display the Facebook Events, Facebook Feed (Post, Photos, Albums, Videos), Facebook Messenger and Facebook Likebox on your web. So it will help you to increase the audience of Facebook page and the number of sales.
This plugin can be used on 2 ways : Widget or Shortcode. And there are many options to customize the plugin.
2. System Requirements - top
- Your website must have SSL certificate (https) to get the Access Token on backend.
- You must have admin permission with Facebook page from which you want to get content.
- Your Facebook page and content must be public.
This product is compatible with :
- WordPress: > 3.0
- PHP: > 5.2.0
Compatible Browsers :
- IE10, IE11
- Firefox
- Safari
- Opera
- Chrome
- Edge
3. Installation - top
Step 1: Firstly, you need create Facebook application on https://developers.facebook.com. You can refer how to do it here: https://developers.facebook.com/docs/apps/register/. Your Facebook application must be on status In Development. Remember the ID and Secret of application.
Step 2: From the backend of your WordPress site, select Plugins » Installed Plugins, then click the Add New button » click Upload Plugin and select the plugin package (tiva-facebook-all-in-one.zip). Then click the Install Now button to install module. After install plugin successful, click Activate Plugin to enable it.
Step 3: Click on Tiva Facebook -> Facebook Connection on left menu to configure the connection. Enter the ID and Secret of your Facebook Application (Step 1), then click Save button to save the info of your app. Then copy the link on the browser (see below image). Note: Your website must run on https (SSL certificate).
Step 4: Go to your Facebook Application again, then create new Product with type Facebook Login.
Step 5: On the settings of product, enter the link which you have copied from Step 3 on the Valid OAuth Redirect URIs.
Step 6: Go to the Tiva Facebook Events configuration again, then click Login with Facebook button. Then give the permission for application to access the info of your pages.
If the process is successful, you will see your Avatar, User ID, Access Token and all the Facebook pages which you manage. Select the Facebook page from which you want to display events. Then click Save button.
4. Using - top
4.1. Facebook Events Calendar
Facebook Event Calendar will display all events from your Facebook page on calendar. There are 2 layouts for your choice: full and compact. With nice popup, user can quick-view event for each day. Facebook events will be displayed on your website lively and logically. The view of plugin can be switched between Calendar, Events List and Event Detail.
There are 2 ways to use this plugin :
- Widget
- Shortcode
- Widget : To use it as widget, in admin site, select Appearance » Widgets to go to widgets management page. Then drag widget Tiva Facebook Event Calendar into sidebar you want to display. Or if you use the Page Builder (like Visual Composer, Elementor, ...), you can use this widget to build the page content.
Widget options:
- Title : Title of widget.
- Layout : Layout of calendar (Full / Compact). Default value: Full.
- Year Range : Range of year to feed events. Default value: 1.
- Initial View : Initial view of plugin (Calendar / Event List). Default value: Calendar.
- Switch Calendar/List Button : Show or hide switch Calendar/List button (Show/Hide). Default value: Show.
- Start Date : Start date on calendar (Sunday/Monday). Default value: Sunday.
- Events List Count : Number of events displayed on list view. Default value: 1000.
- Events List Filter : Filter of events displayed on list view (All Events/Upcoming Events/Past Events). Default value: All Events.
- Events List Filter Title : Show filter title on list view (Show/Hide). Default value: Show.
- Time Format : Format of event's time (12h/24h). Default value: 24h.
- Date Format : Format of event's date. Default value: l, d F Y. Refer the format characters here.
- Shortcode : To use it as shortcode, in admin site, go to area to add shortcode (For example : post). In text editor, enter shortcode : [tiva-facebook-event-calendar layout="full"].
Shortcode params:
- layout : Layout of calendar (full/compact). Default value: full.
- year_range : Range of year to feed events. Default value: 1.
- initial_view : Initial view of plugin (calendar/list). Default value: calendar.
- switch_button : Show or hide switch Calendar/List button (show/hide). Default value: show.
- start_date : Start date on calendar (sunday/monday). Default value: sunday.
- max_events : Number of events displayed on list view. Default value: 1000.
- list_filter : Filter of events displayed on list view (all/upcoming/past). Default value: all.
- show_title : Show filter title on list view (show/hide). Default value: show.
- time_format : Format of event's time (12/24). Default value: 24.
- date_format : Format of event's date. Default value: l, d F Y. Refer the format characters here.
4.2. Facebook Feed
Facebook Feed is a simple and powerfull tool to add Facebook Page content to your WordPress website in an easy and seamless way. Posts, Photos, Albums and Videos that you publish onto your Facebook Page will be automatically displayed on your website. You can switch between these views or setup to display only 1 view (Posts/Photos/Albums/Videos).
Similar with the Facebook Event Calendar, you can use Facebook Feed as Widget or Shortcode.
- Widget
Widget options:
- Title : Title of widget.
- Year Range : Range of year to get feed content. Default value: 3.
- Initial View : Initial view of feed (Post / Photo / Album / Video). Default value: Post.
- Switch Button : Show or hide switch view button. Default value: Show.
- Read More Button : Show or hide Load More button. Default value: Show.
- Number of items : Number of items to show. Default value: 9.
- Date Format : Format of event's date. Default value: F d, Y. Refer the format characters here.
- Shortcode : To use it as shortcode, in admin site, go to area to add shortcode (For example : post). In text editor, enter shortcode : [tiva-facebook-feed initial_view="post"].
Shortcode params:
- year_range : Range of year to get feed content. Default value: 3.
- initial_view : Initial view of feed (post / photo / album / video). Default value: post.
- switch_button : Show or hide switch view button (show/hide). Default value: show.
- readmore_button : Show or hide Load More button. Default value: show.
- num_items : Number of items to show. Default value: 9.
- date_format : Format of event's date. Default value: F d, Y. Refer the format characters here.
4.3. Facebook Messenger
Facebook Messenger allows you to put a Facebook chat box on your website, visitors can chat with you via your Facebook page inbox. Your customers find it convenient to ask about your products or services. Modify colors, choose languages, change position (Left, Right, Center) and much more… It’s easy!
To use this plugin, firstly you need go to your Facebook page -> Settings -> Advanced Messaging -> add your website domain on Whitelisted Domains
Then go to the admin -> Tiva Facebook -> Settings -> Facebook Messenger
Plugin options:
- Enable Messenger : Enable Facebook Messenger or not. Default value: Enable.
- Language : Language for the Messenger. Default value: English.
- Hide on mobile : Hide Messenger on Mobile or not. Default value: No.
- Position on the page : Position of Messenger on website (Left / Right / Center). Default value: Right.
- Greeting text : Greeting text on the Messenger.
- Display on only page : If you want to display the Messenger on only page, select it.
4.4. Facebook Likebox
If you are looking for a quick and simple way to display a Facebook Likebox, this is your plugin! It’s the simplest way to advertise and increase the fans for your Facebook Page. You can setup to display the Likebox on the slider (Left or Right) or on the popup when website is loaded.
To use this plugin, go to the admin -> Tiva Facebook -> Settings -> Facebook Likebox
Plugin options:
- Enable Likebox : Enable Facebook Likebox or not. Default value: Enable.
- Language : Language for the Likebox. Default value: English.
- Hide on mobile : Hide Likebox on Mobile or not. Default value: No.
- Width (px) : Width of Likebox. Default value: 300.
- Height (px) : Height of Likebox. Default value: 400.
- Content : Content displayed on the Likebox (Timeline, Events, Messages).
- Position on the page : Position of Messenger on website (Left / Right / Popup). Default value: Right.
- Display on only page : If you want to display the Messenger on only page, select it.
Once again, thank you so much for purchasing this product. As I said at the beginning, I'd be glad to help you if you have any questions relating to this product. No guarantees, but I'll do my best to assist. If you have a more general question relating to the product on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.
TivaTheme