Guide for Social Media Auto Publish

Magento 2 Social Media Auto Publish allows when admin adds a product to the backend, the product is automatically posted to all social media channels that are connected to its account.

The Social Media accounts connected to the module are Facebook, Instagram, Twitter, LinkedIn, and Tumblr.

Features

• The module has five social media that are: Facebook, Instagram, Twitter, LinkedIn, and Tumblr.
• The product will automatically add as a post to all the social media platforms.
• It allows you to connect your Facebook Page ID with Instagram.
• The admin can shorten the URL for the Instagram description.
• Admin can set whether the post can be auto-published or not.
• The admin can also use the action dropdown to post the selected product on social media.

#1 Download Module

Firstly, you need to log in to Webkul Store, go to My Account>My Purchased Products section, verify and then download and extract the contents of this zip folder on the system.

#2 Upload Folder

Once the module zip is extracted, follow path src>app and then copy the app folder into the Adobe Commerce Cloud root directory on the server as shown below:

#3 Run Commands

After uploading the module folder, you need to run the following commands in the Magento 2 root directory:

composer require tumblr/tumblr

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy

php bin/magento indexer:reindex

php bin/magento cache:flush

Module Configuration of Magento 2 Social Media Auto Publish

The admin will navigate through Stores>Configuration>Social Media Auto Publish to make a general configuration Magento 2 Social Media Auto Publish.

Facebook Settings

Firstly start with the configuration of Facebook and how the admin can enter the required details to connect with Facebook.

Auto Publish post to my Facebook account: The admin can enable/disable the option for auto-publish posts to Facebook.

App Id/App Secret: To get the app Id and App secret key you need to click on the link given below to App Id.

After clicking on Link the admin will go to the page shown below and need to click Create App.

Now, the admin needs to select the Other option and click on the Next button.

Then click on the Business option to proceed further and click on the Next button.

Here the admin need to enter an app name and click on Create app button.

The admin needs to click on the Set up button for Facebook Login for Business.

Now again the admin needs to Set up the App Events also and click on View Details of the App.

Here admin clicks on Setting>Basic and then find the App Id and App secret key for Facebook admin panel.

Now click on Facebook Login for Businees>Settings and enter the OAuth Redirect URLs and this will be your <WebSite URL>/admin/wksocialmedia/auth/fbCallback. and click on save changes.

Page ID: To get the Facebook page Id click the link below the input field of the page id.

Now copy the asset_id from the URL of the page and enter it in the admin panel.

Page Access Token: To generate a token, the admin needs to remove the Page Access Token and click on the Save Config button. Then click on the “Generate Token” button to add a token.

Note: When using another credential after saving it, remove the previous token and then generate a new token.

When the token is generated, the success message will show on the front-end. Then the admin needs to refresh the admin configuration and can check the token.

Instagram Settings

Now the admin needs to enter the required information for the Instagram setting.

Auto Publish post to my Instagram account: The admin can enable/disable the option for auto-publish posts to Facebook.

App Id/App Secret: To get the app Id and App secret key you need to click on the link given below to App Id.

After clicking on Link the admin will go to the page shown below and need to click Create App.

Now the admin needs to select the Other option and click on the Next button.

Then select the business tab and click on the Next button to proceed further.

The admin needs to enter the app name and click on Create app button

Then set up the Instagram Graph API, App Events and Facebook Login For Business.

Now again the admin needs to Set up the App Events also and click on View Details of the App.

Here admin clicks on Setting>Basic and then find the App Id and App secret key for Instagram admin panel.

To enter the OAuth Redirect URLs and this will be your <WebSiteURL>/admin/wksocialmedia/auth/instaCallback.

Facebook Page Id connected to Instagram: To connect your Facebook page to Instagram you need to log in to your both account.

Once you log into your Instagram account, go to account settings. Here, click “Switch to professional account”.

You have two options: Creator and Business. Select Business, pick a category (can be anything), and skip the step to add contact information.

Next, on the Facebook side, go to your Facebook page’s settings. On the “Professional Dashboard,” select “Linked Accounts”.

And then you will see a button to “Connect” from Instagram.

This will show you a pop-up to enter Instagram credentials, and once you log in, you should see a success message.

Use URL Shortener: The admin can select Yes/No to use the short URL for the Instagram description.

Bitly Client ID/Bitly Access Token: If Use URL Shortener is yes, then click on the link and enter the credentials. 

Now you can copy the client id and client secret and enter them in the backend panel

The admin can generate a token by entering the password for Bitly.

The OAuth Redirect URLs would be your <WebSiteURL>/admin/wksocialmedia/auth/instaCallback.

Access Token: To generate a token the admin needs to remove the Access Token and click on the Save Config button. Then click on Generate Token button to add a Token.

Linkedin Settings

Now the admin needs to configure the LinkedIn settings and enter the required details as shown below:

Auto Publish post to my LinkedIn account: The admin can enable/disable the option for auto-publish posts to Facebook.

App Id/App Secret: To get the app Id and app secret key you need to click on the link given below to app Id.

After clicking on Link the admin will go to the page shown below and need to click Create App.

The admin should fill in the required details, like the app name, LinkedIn page, and app logo. Then click on the “Create App” button to proceed further.

On the products tab, the admin should click on the “Request access” button: Sign in with LinkedIn, and Share on LinkedIn

Now click on the Auth tab to find the Client ID and Client Secret key.

To enter the OAuth Redirect URLs that will be your <WebSiteURL>/admin/wksocialmedia/auth/callback

Access Token: To generate a token, the admin needs to remove the access token and click on the Save Config button. Then click on the “Generate Token” button to add a token.

Tumblr Settings

The admin needs to enter the required information for the configuration of the Tumblr setting.

Auto Publish post to my Tumblr account: The admin can enable/disable the option for auto-publish posts to Facebook.

Consumer Key/Consumer Secret: To get the consumer key and consumer secret key, you need to click on the link given below to the consumer key.

After clicking on the link, the admin will go to the page shown below and need to click the “Register Application” button.

The admin needs to enter the required information related to your application and click on “Register”.

For the default callback URL and Oauth2 Redirect URL, you need to enter your <WebSite URL>/admin/wksocialmedia/auth/tumblrCallback

Here the admin will find the registered application and need to click the application to configure it with the admin panel.

Now, the admin will find the consumer key and consumer secret key to enter into the admin panel.

Token/Secret Token: To generate a token, the admin needs to remove the token/secret token and click on the Save Config button. Then click on the “Generate Token” button to add a token.

Twitter Settings

Now, in the last step, the admin needs to fill in the Twitter details to configure.

Auto Publish post to my Twitter account: The admin can enable/disable the option for auto-publish posts to Facebook.

Client Id/Client Secret: To get the Client Id and Client secret key you need to click on the link given below to Client Id.

After clicking on Link the admin will go to the Twitter developer page shown below and need to click Developer portal.

Now the admin should click on “Projects & Apps” and then select your profile. Here you will get the app details.

Then, on the Settings tab, you should click on the edit button on the user authentication settings.

Here, you need to enter your app information. For the callback URL / Redirect URL you need to enter your <WebSite URL>/admin/wksocialmedia/auth/twitterCallback and click on save.

Now on the Keys and Tokens tab, the admin can copy the Client Id and copy the Client Secret key by clicking on the Regenerate button.

Here, the admin can copy the Client secret to configure with the admin panel.

Token: To generate a token, the admin needs to remove the token and click on the Save Config button. Then click on the “Generate Token” button to add a token.

Product View Page

When auto publish is enabled, then the admin can add a new product that will automatically be posted to all social media channels that are connected to its account.

After filling in all the details of the product, the admin will click the “Save” button, and the product will post on all social media accounts like Facebook, Instagram, LinkedIn, Tumblr, and Twitter.

Here, you can see the product posted on the Facebook page connected with Instagram Id.

The product is published on Instagram with a shortener URL in the description.

But if we select No to Shortner URL from the admin panel then the complete URL will add in the product description.

The product is also published on LinkedIn, as shown below.

The same product is posted on the Tumblr account as well.

The product is also posted on the admin Twitter account, as shown below:

Product View Page:

The admin can also select the products and post them on any social media account that is mentioned in the dropdown list. 

Note: The same product cannot be posted twice on the same platform. The admin needs to select a different product for the same social media account.

Support

That is all about the Magento 2 Social Media Auto Publish. If you have any queries regarding the plugin, please contact us at Webkul Support System.

You can also check out our complete Magento 2 extensions. Moreover, if you are looking to create a custom e-commerce website, it is a great idea to hire Magento developers who can help you build a powerful and scalable online store.

Current Product Version – 4.0.0, 

Supported Framework Version – Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x