Adding Facebook social plugin to the website

Instructions to add Facebook social plugins to the website.

This section allows adding Facebook buttons, as well as various plugins to the pages and posts. Below you will find the list of possible buttons and plugins with detailed description of their parameters.

Adding Facebook social plugins to the website

  • From the navigation bar on the left select Spider Facebook > Manage Facebook.
  • On the upper left hand of the screen click on the Add a Facebook Plugin button.

Adding a Like Button

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin. IFRAME does not allow adding a Send Button. The URL option allows placing a link that redirects to a page with the plugin. Specify the link title in the Link text field, as well as the new page Target.

Type of URL. By default, the plugin refers to the current page, but it is possible to link it to a different page by choosing the URL option and filling out the Url field.

App ID. Enter your Facebook Application ID.

Width. Specify the width (in pixels) of the plugin container.

Button Label. Choose the button label.

Show Send Button. Choose whether to place a Send button next to the Like button or not.

Show Page Fans. Choose whether to show Page Fans or not.

Layout style. Select a layout style for the plugin.

Background color. Choose a background color for the plugin container.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

Language Preference.

  • Custom. Select the plugin language.
  • Current. Adjusts to the language of the website.

All Posts. Adds the plugin to all the posts on the website.

Default image for Posts. When a user likes apost, the activity, along with the post description, appears on his/her Facebook wall. This option allows providing a default image that will accompany all the posts liked by the users.

Posts. Choose the posts to which you want to add the plugin. The following META tags allow you to customize the appearance of the chosen post on the user’s wall. Note that certain META tags are filled out automatically, but you can edit them.

  • Title. The title of the post.
  • Type. The source website will be categorized by the chosen type.
  • URL. For providing a canonical address for the post.
  • Image. The image accompanying the published post.
  • Site Name. For specifying a name for your website.
  • Description. For providing a description for the post.
  • Admin ID. You can fill out the Admin ID of your Facebook page to connect the published post to the page.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all pages. Adds the plugin to all the pages on the website.

Default image for pages. Provide a default image for all the pages.

Pages. Choose the pages to which you want to add the plugin. The following META tags allow you to customize the appearance of the chosen pages on the user’s wall.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Send Button

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin.

Type of URL. By default, the plugin refers to the current page, but it is possible to link it to a different page by choosing the URL option and filling out the Url field.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

Language Preference.

  • Custom. Select the plugin language.
  • Current. Adjusts to the language of the website.

All Articles. Adds the plugin to all the articles on the website.

Default image for Posts. When a user likes a post, the activity, along with the post description, appears on his/her Facebook wall. This option allows providing a default image that will accompany all the postsshared by the users.

Posts. Choose the posts to which you want to add the plugin.The following META tags allow you to customize the appearance of the chosen article on the user’s wall.Note that certain META tags are filled out automatically, but you can edit them.

  • Title. The title of the post.
  • Type. The source website will be categorized by the chosen type.
  • URL. For providing a canonical address for the post.
  • Image. The image accompanying the published post.
  • Site Name. For specifying a name for your website.
  • Description. For providing a description for the post.
  • Admin ID. You can fill out the Admin ID of your Facebook page to connect the published post to the page.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all pages. Adds the plugin to all the pages on the website.

Default image for pages. Provide a default image for all the pages.

Add pages. Choose pages to which you want to add the plugin. The following META tags allow you to customize the appearance of the chosen pages on the user’s wall.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Comments Box

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin.

Type of URL. By default, the plugin refers to the current page, but it is possible to link it to a different page by choosing the URL option and filling out the Url field.

Width. Define the width of the plugin in pixels.

Height. Define the height of the plugin in pixels.

Number of posts. Specify how many posts are displayed by default.

Background color. Select the background color of the plugin container.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

Language Preference.

  • Custom. Select the plugin language.
  • Current. Adjusts to the language of the website.

All Posts. Adds the plugin to all the posts on the website. Posts. Choose the posts to which you want to add the plugin. Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post. On all Pages. Adds the plugin to all the pages on the website. Pages. Choose the pages to which you want to add the plugin. Vertical Position. Choose whether to place the plugin at the top or at the bottom. Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box. Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Like Box

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin. The URL option allows placing a link that redirects to a page with the plugin. Specify the link title in the Link text field, as well as the new page Target.

Facebook Page Url. Enter the URL of your Facebook page.

Width. Define the width of the plugin in pixels.

Height. Define the height of the plugin in pixels.

Show Header. Choose whether to show the Facebook header at the top of the plugin container or not.

Show Stream. Choose whether to show the profile stream for the public profile or not.

Show Page Fans. Choose whether to show Page Fans or not.

Border. Choose whether to display the border of the plugin container or not.

Border Color. Select the border color of the plugin container.

Background Color. Select the background color of the plugin container.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

Language Preference.

  • Custom. Select the plugin language.
  • Current. Adjusts to the language of the website.

All Posts. Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

**Example: **

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Follow Button

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin. The URL option allows placing a link that redirects to a page with the plugin. Specify the link title in the Link text field, as well as the new page Target.

Facebook Profile Url. Enter the URL of your Facebook profile.

Width. Define the width of the plugin in pixels.

Show Page Fans. Choose whether to show Page Fans or not.

Layout style. Select a layout style for the plugin.

Border. Choose whether to display the border of the plugin container or not.

Border Color. Select the border color of the plugin container.

Background Color. Select the background color of the plugin container.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

All Posts. Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Request Dialog

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

App id. Enter your Facebook Application ID.

Request Message. Here you can add a message that will accompany the request.

Request type. Choose whether to enable request for one or multiple users.

All Posts. Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Recommendations Box

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin.

Domain. Specify the domain for which you want the information to be shown. By default, it is the domain on which the plugin is added.

App id. Enter your Facebook Application ID.

Width. Define the width of the plugin in pixels.

Height. Define the height of the plugin in pixels.

Target. Select the context in which content links are opened.

Show Header. Choose whether to show the Facebook header at the top of the plugin container or not.

Show Recommendations. Choose whether to show user recommendations or not.

Border Color. Select the border color of the plugin container.

Background Color. Select the background color of the plugin container.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

Language Preference.

  • Custom. Select the plugin language.
  • Current. Adjusts to the language of the website.

All Posts. Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom. Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding an Activity Feed

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin.

Domain. Specify the domain for which you want the information to be shown. By default, it is the domain on which the plugin is added.

App id. Enter your Facebook Application ID.

Width. Define the width of the plugin in pixels.

Height. Define the height of the plugin in pixels.

Target. Select the context in which content links are opened.

Show Header. Choose whether to show the Facebook header at the top of the plugin container or not.

Show Recommendations. Choose whether to show user recommendations or not.

Button label. Choose the button label.

Border Color. Select the border color of the plugin container.

Background Color. Select the background color of the plugin container.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

Language Preference.

  • Custom. Select the plugin language.
  • Current. Adjusts to the language of the website.

All Posts Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Facepile

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin. The URL option allows placing a link that redirects to a page with the plugin. Specify the link title in the Link text field, as well as the new page Target.

Facebook Page Url. Enter the URL of your Facebook page.

Width. Define the width of the plugin in pixels.

Max Rows. Specify the maximum number of rows of profile pictures.

Image Size. Define the size of the images.

Button label. Choose the button label.

Border. Choose whether to display the border of the plugin container or not.

Border Color. Select the border color of the plugin container.

Background Color. Select the background color of the plugin container.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

Language Preference.

  • Custom. Select the plugin language.
  • Current. Adjusts to the language of the website.

All Posts. Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Share Button

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Type of URL. By default, the plugin refers to the current page, but it is possible to link it to a different page by choosing the URL option and filling out the Url field.

Share type. Choose the layout style of the plugin.

All Posts. Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Login Button

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Rendering. Choose how to render the plugin.

App id. Enter your Facebook Application ID.

Width. Define the width of the plugin in pixels.

Max Rows. Specify the maximum number of rows of profile pictures.

Show page fans. Choose whether to show Page Fans or not.

Background Color. Select the background color of the plugin container.

Color Scheme. Select the color scheme of the plugin.

Font. Choose the text font of the plugin.

All Posts. Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Registration

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Domain. Specify the domain for which you want the information to be shown. By default, it is the domain on which the plugin is added.

App id. Enter your Facebook Application ID.

Redirect URL after registration. Specify the URL to which the user is redirected after registration.

Redirect URL after login. Specify the URL to which the user is redirected after login.

Allow login only via Facebook. Choose whether to allow logging in only via Facebook or not.

Registration fields type.

  • Auto registration. Automatically generates a username and imports user profile information.
  • Username and password. The user sets the username and password.
  • Username, password, and captcha. Requires setting username and password and verifies with captcha.

All Posts. Adds the plugin to all the posts on the website.

Posts. Choose the posts to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all Pages. Adds the plugin to all the pages on the website.

Pages. Choose the pages to which you want to add the plugin.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Adding a Set of Linkedin, Twitter, Google, and Facebook Widgets

Title. Specify a title for the plugin to be able to identify the plugin in back-end.

Publish. Choose whether to publish the plugin or not.

Type of URL. By default, the plugin refers to the current page, but it is possible to link it to a different page by choosing the URL option and filling out the Url field.

Count Box Position. Choose the position of the widget count boxes.

Horizontal Position. Choose whether to place the plugin on the left or on the right hand of the page.

App ID. Enter your Facebook Application ID.

Language Preference.

  • Custom. Select the plugin language.
  • Current. Adjusts to the language of the website.

All Posts. Adds the plugin to all the posts on the website.

Default image for Posts. When a user likes a post, the activity, along with the post description, appears on his/her Facebook wall. This option allows providing a default image that will accompany all the posts liked by the users.

2.13.10Posts. Choose the posts to which you want to add the plugin.The following META tags allow you to customize the appearance of the chosen post on the user’s wall.Note that certain META tags are filled out automatically, but you can edit them.

  • Title. The title of the post.
  • Type. The source website will be categorized by the chosen type.
  • URL. For providing a canonical address for the post.
  • Image. The image accompanying the published post.
  • Site Name. For specifying a name for your website.
  • Description. For providing a description for the post.
  • Admin ID. You can fill out the Admin ID of your Facebook page to connect the published post to the page.

Vertical Position. Choose whether to place the plugin at the top or at the bottom of the post.

On all pages. Adds the plugin to all the pages on the website.

Default image for pages. Provide a default image for all the pages.

Pages. Choose the pages to which you want to add the plugin. The following META tags allow you to customize the appearance of the chosen pages on the user’s wall.

Vertical Position. Choose whether to place the plugin at the top or at the bottom.

Style. Here you can customize certain style options. Simply change the values of the parameters that are listed in the box.

Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s index.php file (templates/your_template/index.php).

Example:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">