Facebook & Twitter Integration – Magento 2 Extension

Introduction

  • Created On: 11th January, 2016
  • Last Updated On: 26th September, 2020
  • By: Solwin Team
  • Email: info@solwininfotech.com

Installation

Installation Process

Note: Please take a backup of your all Magento files and database before installing or updating any extension.

Download the extension file:
  1. Download the Facebook and Twitter Integration extension .ZIP file from solwininfotech.com using your Solwin Infotech website account.
  2. Extract the .ZIP file which contains another .ZIP files.
  3. If you have purchased the extension for the Community Edition, then you will see the extension .ZIP file for Magento 2.1.x, Magento 2.2.x, Magento 2.3.x, and Magento 2.4.x version.
    If you have purchased the extension for the Enterprise Edition, then you will see the extension .ZIP file for Magento 2.1.x, Magento 2.2.x and Magento 2.3.x version.
Extension Installation

For Magento 2 Community Edition,

  1. If you are using Magento 2.1.x then you need to extract solwin-socials-m2-2.1.x.zip file.
    If you are using Magento 2.2.x then you need to extract solwin-socials-m2-2.2.x.zip file.
    If you are using Magento 2.3.x, Magento 2.4.x then you need to extract solwin-socials-m2.zip file.

For Magento 2 Enterprise Edition,

  1. If you are using Magento 2.1.x then you need to extract solwin-socials-m2-EE-2.1.x.zip file.
    If you are using Magento 2.2.x then you need to extractsolwin-socials-m2-EE-2.2.x.zip file.
    If you are using Magento 2.3.x then you need to extractsolwin-socials-m2-EE.zip file.

Following 2 to 6 steps are the same for Community and Enterprise edition.

  1. Copy the app folder and paste it into your magento ROOT directory.

    FTP
  2. Run upgrade command as specified : php bin/magento setup:upgrade.
  3. Run deploy command as specified : php bin/magento setup:static-content:deploy -f.
  4. Clear the cache either from the admin panel or command line php bin/magento cache:clean.
  5. Now, you can see the Solwin menu in admin panel. Please go to Solwin -> Facebook and Twitter Integration -> Configuration and select Enable to Yes.
  6. Change/Set all other options as per your requirements and save settings.

NOTE : Make sure the installation is done from under the FTP administrator account. Otherwise make sure to set 775 permissions to the store root directory after the extension is deployed.

Getting Started

A setup guide and general information to help you

This document covers the installation, set up and use of this extension and provide answers and solutions to common problems and issues. We encourage you to read this document thoroughly if you are experiencing any difficulties.

Information

This Magento 2 extension provides integration of social media like Facebook and Twitter to your website. It also provides more configuration options for both social media. Facebook integration provides many configuration options like width, height, enable facebook post, show/hide cover photo, show friend faces, etc. And Twitter provides No.of tweets, Follow us on twitter link, enable twitter block at any place. Admin can easily integrate Facebook and Twitter block with any static block, CMS pages, left/right sidebar, phtml file etc.

Features

You can find these features below:

  • Easy to enable/disable social blocks like Facebook and Twitter.
  • More configuration option for Facebook Box like width, height, hide/show cover photo, show friend faces, etc.
  • Manage & display no. of tweets.
  • Easy to add in Static block.
  • Easy to add in CMS page.
  • Easily enable/disable in left/right sidebar.

How To Use

In front end, Customers can see the facebook and twitter block in sidebar once admin enable the extension from the admin side. There are so many configuration options to display facebook and twitter block like facebook iframe height, width, show cover photos, show posts, number of tweets etc.

facebook and twitter in sidebar

Settings

In the Configuration tab, this extension allows store owner to enable or disable the module in your store and provide more configuration options for facebook and twitter integration.

There are so many configuration options in Configuration tab. Lets discuss all in more details.

Facebook Settings

facebook settings

  • Enable: Yes | No.
  • Display In Sidebar: Yes | No.
  • Facebook Page URL: Enter url of your facebook page.
  • Iframe Width: Set width of iframe.
  • Iframe Height: Set height of iframe.
  • Hide Cover Photo?: Yes | No.
  • Show FacePile?: Yes | No.
  • Show Posts?: Yes | No.
  • Hide CTA Button?: Yes | No.
  • Use Small Header: Yes | No.
  • Adapt Container Width?: Yes | No.

Twitter Settings

twitter settings

  • Enable: Yes | No.
  • Display in sidebar: Yes | No.
  • Twitter Account: Enter account of your twitter.
  • Twitter Consumer Key: Enter consumer key of your twitter account.
  • Twitter Consumer Secret: Enter consumer secret key of your twitter account.
  • Twitter Access Token: Enter twitter access token.
  • Twitter Access Token Secret: Enter twitter access token secret key.
  • Number of Tweets Shown: Set number of tweets to shown.

Widget

Facebook Widget

1. Click on Content >> Pages.

2. Click on "Add New Page" button and create new page or open your existing page.

3. Go to “Content” section and click on “Insert Widget...” tab.

display facebook via widget
  • Widget Type: Select widget type “Solwin - Facebook Widget”.
  • Title: Enter title for widget section.
  • Iframe Width: Set iframe width.
  • Iframe Height: Set iframe height.
display facebook widget front view

Twitter Widget

1. Click on Content >> Pages.

2. Click on "Add New Page" button and create new page or open your existing page.

3. Go to “Content” section and click on “Insert Widget...” tab.

display twitter via widget
  • Widget Type: Select widget type “Solwin - Twitter Widget”.
  • Title: Enter title for widget section.
  • Feed Count: Enter number for howmany feed display in widget.
display twitter widget front view

Support

If you have any questions or requests, please contact us at support@solwininfotech.com. We are very happy to assist you!

  1. Website: https://solwininfotech.com
  2. Blog: https://solwininfotech.com/blog
  3. Support: http://support.solwininfotech.com