How to embed social media pages and posts on your WordPress site

Entrepreneurs often tend to spread and develop their activities online, and in particular, social media and its dissemination seem to be the most important aspect. The most popular method that has become widespread today is including social media pages within website pages, which will bring many benefits to your social media accounts and thus to the business. We will talk in detail about the benefits and methods of including social media pages or publications, specifically: Facebook, Twitter, and Instagram, and customizing the way they appear on the site. So that it suits the required purpose.

Benefits of including social media pages on the website Question

The obvious thing that probably comes to the minds of many is: Why would I need to include social media pages or posts on my website? In fact, there are many benefits that can be obtained through the presence of social media directly on the site. We mention the most prominent of them as follows: 1. Increasing followers. When you have a large number of visits to your site, why not take advantage of increasing the followers on your accounts on social media sites, which increases their activity, strength, and interaction on them, in addition to their spread and increased fame, so the benefit from visitors becomes a double benefit. 2.

Ease of access. It is certain that website visitors often tend to follow the easier methods, and the presence of social media pages and publications within the pages of your website will undoubtedly make things better and easier for them. They can access the pages and view their content without having to leave the site. 3. Saving time as a result of the previous point. On the one hand, saving time for the visitor is through registering likes and the ability to comment and share through the site itself, and on more than one platform if the site allows you to do so without the need to open each platform separately. On the other hand, you are the site manager, as you manage all the platforms from one place, and all you have to do is publish the content and it is automatically included on the site.

4. Competitiveness It is preferable for your site to contain competitive features that distinguish it from other sites spread across the Internet, especially if they are in the same field. Adding social media accounts will fulfill this purpose, and this in turn will bring you competitiveness for the social media accounts themselves, increasing their fame and followers. Embed a Facebook page or post within your site on WordPress. Facebook is considered one of the largest, most famous, and user-friendly international sites. There is no doubt that including it directly on the site will make a big difference. There are many ways to include Facebook on websites built using WordPress. But we will now use the direct and easiest method to include Facebook pages or posts in the site pages, which is by including html codes designated for this purpose: Adding complete Facebook page summaries 1 - We go to the developers page of the “Meta” company, which includes Facebook and Instagram.

2 – The component we want to include is the “Page Plugin”. 3 - We go to the Facebook page whose abstracts we want to include on the site and copy its link to use it in the next plan. 4 - Paste the link in the place designated for it on the developers page, then adjust all the settings to suit the purpose of use and the method of appearance, such as width (minimum 180 px and maximum 500 px), height (minimum 70 px), using a short title, or hiding the cover photo and showing friends.

5 - The preview screen will now show you how the page will appear on the site, then click the “Get Code” button. 6 - From the pop-up window, there are two sections of code. We copy each section separately until we paste them in the order shown in front of you. 7 - Go to the site, click on Edit Page, then Add Component, and choose the “Custom HTML” element or the “Short Code” element.

8 - Paste the first code, then copy and paste the second code. 9 – Now you have a Facebook page embedded within your WordPress site.

Add a Facebook post To add a post you have to repeat

The same steps as before, but by going to the section for including a post, then copying the link of the post you want to include and pasting it inside the site through the “custom html” element. Note: You can include a Facebook post directly by clicking on the three dots at the top of the post, then clicking on the “Embed” option, copying the code that will appear to you, then repeating steps No. 7 and No. 8. 2 - It is also possible to include the like and share buttons, as well as include comments or quotes, include videos, the live broadcast video player, and the button to save the page from being repeated during the same previous steps.

Embedding a Twitter page or tweet within the WordPress website is also no less important than Facebook, as it has a strong base of users around the world that cannot be ignored, and based on the benefits we mentioned, the results will be better in various aspects, and embedding Twitter within the WordPress website also has its own methods; The best method that can be used, which is distinguished by its simplicity than others, is to embed Twitter through the official Twitter website, which offers a special section for developers. Follow the following steps with me: 1 - Go to the “Twitter Publish” page for publishing, which is affiliated with the official Twitter website, and you will find a dedicated box for placing links to Twitter accounts or tweets that you want to include on the site’s pages, in addition to having options for the type of link that will be included, such as Twitter, a personal account, a hashtag, etc., and the options and forms of inclusion will also be shown to you. 2 – Copy the link to the account you want to include. 3 - Paste the link in the designated place, then press the arrow button.

4 - After specifying the type of link to be included, whether it is a full Twitter account or a Twitter button, you can select the appropriate button as you wish by clicking on the “Twitter buttons” option, then selecting the type of button as shown above. In our case, we will select the “Embedded Timeline” option so that the account appears with its tweets. 5 - It is preferable to customize the way it appears on the site by clicking on the “set customization options” option. 6 - Now we start adjusting and customizing the settings, such as: height and width dimensions, light or dark appearance color, and language, which can be left to the automatic option. You can preview and select the appropriate options through the preview screen that appears, then press “update.”

7 - Now copy the embed link, and a message will appear confirming this. 8 - We go to the site and click Add Component, then choose the “Custom HTML” component and paste the link you copied. You can attach a title element indicating the content you included, which will give a better result for the visitor. 9 - Finally, you have Twitter content embedded on the site.

Embedding an Instagram page or post within the site’s pages. With regard to Instagram, the matter is a little different from Facebook and Twitter, as the Instagram website for developers does not currently support providing ready-made programming codes to directly embed Instagram content within your site. You can use a specialized WordPress plugin in this regard, such as the “Social Feed Gallery” plugin; As it is an add-on that is constantly updated and has a good number of installations. You can search for it in WordPress plugins as follows: 1 - First, you must install the plugin by going to “Add-ons”, then search for “Social Feed Gallery”, then click on “Install Now”. 2 - The add-on must be activated to benefit from its full features on the site by clicking on “Activate”.

3 - You will now have a new tab in the control panel entitled “Social Feed Gallery.” Click on it; The settings screen for the addition will pop up. Choose “Accounts,” then “Add Personal Account,” or the other option, “Add Business Account,” if you have a business account, so you can add the account you want to include on the site. 4 - Now enter the username and password related to the account, then log in. 5 - After logging in with the account to add, it is necessary to add a guarantee to this account by clicking on the “Feeds” option and then on the “+Feed” button.

6 - Of course, the display settings must be adjusted; First, through the general settings, you can choose what suits you from the display methods described above, then specify the number of images that will appear in addition to the number of columns. Before that, you must choose the name of the account that you added in the previous steps, and you can specify the type of content that will be included, either in the way the account appears or mentioning the account via a “tag.” 7 - From the “Profile” option, we can customize the settings related to the account itself, such as the name, a short description, and the ability to attach a photo. 8 - From the “settings” option, you can customize the button that will appear after the Instagram account content, such as: showing or hiding the button, changing its color, and customizing the text content inside it. Other settings can be adjusted from the rest of the options, such as the distance between the Instagram content that will be displayed on the site, and you click (save).

9 - As a final step, you can specify the time to update the content automatically from the “settings” tab. 10 - Then from “Feeds” copy the short code for the account content you want to include, which we added in step No. 5. 11 - Now you go to the place where you want to include the content and add a component of the “short code” type.

12 - Paste the code in the space provided for it, then click “Publish”. 13 – We finally have custom Instagram content embedded into our WordPress site, and the end result is shown above.

Note: You can log in with more than one account

Instagram and create embedded content for the account we want and where we want it. Other add-ons for including social media pages There are many add-ons dedicated to including various social media pages, as there are add-ons that enable more than one social media site to be included on the site, and the following are the most prominent of them: 1. Smash Balloon The Smash Balloon website contains 4 main add-ons specialized in including social media on WordPress sites, as it contains an option for Facebook, Twitter, Instagram, and YouTube, and Facebook groups can also be included, but each of these options has a plan. Paid, you must subscribe first.

Spotlight 2. This add-on is intended primarily for the Instagram website, as it provides a high degree of customization and a wide variety of designs, templates, and display methods for feeds with an infinite number of them, all in addition to specifying the method of displaying posts by date or other, customizing the form and content of the attached button, and many other features. Embed Social 3 currently supports the following social media outlets: Instagram, Facebook, TikTok, Google, Twitter, Vimeo, Yelp, and YouTube. It contains a high degree of customization and continuous updating of the feeds without the need to manually re-update them on the site, and even specifying the amount of content allowed to be displayed and its suitability to the display model you have chosen. Juicer 4. What really distinguishes this add-on is the large number of social media platforms that it supports, such as: Facebook, Twitter, Instagram, YouTube, Google Plus, Tumblr, Pinterest, and many other sites, and you can adjust the filters and method of appearance and customize them as you want.

Ray Social Feeds 5 is an add-on that focuses specifically on Twitter. It offers the ability to include highly customizable Twitter feeds, in addition to the ability to display them anywhere on your site in the form of a list or slider using the methods we mentioned (shortcode or html widget). It is worth noting that these feeds are responsive and compatible with various devices. Thus, we have previously mentioned to you different ways to include publications or pages on social networking sites, especially Facebook, Twitter, and Instagram, while suggesting the best ways and options to do so. You can choose what suits you and the nature of your work.