Social media is an incredibly helpful asset for advancing your advertising material.
Putting your social profiles on your website or blog entries can raise the number of people visiting your social pages, and ultimately bring about a unified look and feel across all your accounts.
Figuring out which social media button to use for what purpose can be confusing due to the variety of networks that each offer specialized sharing and follow options.
So as to respond to this, we have created an all-encompassing manual to assist you in recognizing the nuances between the various sharing and following buttons on the top six social media sites—Twitter, Facebook, LinkedIn, YouTube, Instagram, and Pinterest—as well as ways to put them into action on your company’s website, blog, and any additional content.
The Ultimate Cheat Sheet for Creating Social Media Sharing Buttons
Distinguishing between buttons which let you share content on social media and those which allow you to follow a certain account on social media helps you determine what type of button is the most appropriate for a particular use.
The initial step to comprehending the finer points of the different social media buttons at your disposal is key. Let’s clear that up right now.
Social Media Follow Buttons
These buttons provide a way to advertise your business on different social media platforms and help you get more supporters for those accounts. By including these buttons on your company’s website, will raise awareness of your various social media accounts, making it effortless to expand your presence on those platforms.
These buttons can be put anywhere on your website, however, it is advised to have them featured on your ‘About Us page and on the homepage or sidebar of your blog. This article will discuss the use of the Twitter Follow Button, a Facebook Follow Button, the LinkedIn Company Follow Plugin, and the YouTube Subscribe Button (among others) as social media follow buttons.
Social Media Share Links/Buttons
By using these links and buttons, it will be easy for people who visit your website and view your content to able to share it with their social media contacts and networks. Incorporating these buttons into your material will assist you in broadening the circulation of your content to fresh spectators and acquiring new guests to your website.
You should include the appropriate social media links/buttons to any content you make, including web pages, landing pages, email content, and blog posts. We will discuss the different types of social media sharing buttons such as the Tweet/Share Button, Facebook Like and Share Buttons, and LinkedIn Share button in this article.
Social Media Buttons for Twitter
1. Twitter Follow Button
What It’s For:
The Twitter Follow Button is fantastic for getting more people to subscribe to your Twitter profile. It is possible for people to become your followers on Twitter by merely pressing one button, without ever having to leave your web page.
How to Add a Twitter Follow Button:
Go to https://publish.twitter.com/#, and pick “Twitter Buttons” to change the account that your button will be displaying (i.e. the account you want people to follow).
Then, select the “Follow Button”
Take the HTML code that was generated and paste it into the desired location on your website. Alternatively, you can select the “set customization options” option above the embed link if you would like to customize parameters such as language or the size of your button.
Twitter Share Button
What It’s For:
This button will let people who visit your site share what they see (like blog posts, landing pages, other web pages, etc.) with their followers on Twitter. This will help to make your content more visible to all their connections.
How to Add a Share Button:
Visit https://publish.twitter.com/# and select “Twitter Buttons”. Then, Choose “Share Button”:
We suggest attaching your firm’s Twitter handle to broaden your account’s reach and acquire more followers.
Obtain the HTML code for your personalized button after you are finished and put it on your website in the location you want the button to appear.
Social Media Buttons for Facebook
Facebook Page Plugin
What It’s For:
You can use the Facebook Page Plugin to showcase your business’ Facebook Page on your website/blog, showing those who have chosen to Like your page and how many followers you have. Additionally, it is possible to feature the latest posts from your page.
The box makes it easy for visitors to your site to ‘like’ your Facebook Business Page without having to leave, which is an effective way to get more people to view and follow your page.
How to Add a Facebook Page Plugin:
To create a Facebook Like Box for your website, go to https://developers.facebook.com/docs/plugins/page-plugin. Make sure to include your custom URL for your Facebook Page, along with any alterations which you want to make. Create the code (which can be HTML5, XFBML, IFRAME, or a URL link) and add it to your web page at the desired spot.
Facebook Like Button
What It’s For:
The Like Button on Facebook allows users to quickly show approval of a post or page with a digital thumbs up. By pressing the Like Button, a message will also show on the user’s Facebook Timeline, as well as in the News Feed of their friends, that includes a link to your material, be it a blog entry or a detailed landing page.
This button provides a simple way for visitors to promote your content and distribute it among their Facebook contacts; however, it does not permit customizing the message before it is shared. The Facebook Share Button (seen below) can be used by users to customize their messages.
How to Add a Facebook Like Button:
Go to the page https://developers.facebook.com/docs/plugins/like-button to change the settings of your Like Button and take the HTML5, XFBML, IFRAME, or URL code to place on your website.
Facebook Share Button
What It’s For:
The Share Button on Facebook operates in a similar way to the Like Button, enabling you to spread your posts via your and your friends’ News Feeds. However, the Share Button additionally lets users include a comment or message alongside the link when sharing it. This button enables users to spread the content crosswise over Facebook Groups and to particular individuals by means of Facebook Messages.
How to Add a Facebook Share Button:
To make a Facebook Share Button, go to https://developers.facebook.com/docs/plugins/share-button and enter the web address that you would like people to share, as well as decide the width. Then create the code and insert it into the part of your website where you desire the button to be displayed. The “share” feature can be used with HTML5 or XFBML and the JavaScript SDK must be installed for it to work.
Social media buttons for Instagram
Instagram does not have the usual options to ‘Share’ or ‘Like’ other websites and content, which makes sense due to the fact that it’s a platform designed for mobile photography and video sharing, so it’s not suitable for ‘liking’ and ‘sharing’ online content.
Instead of providing badges that allowed people to go directly to a user’s Instagram feed, Instagram has stopped offering them. Instagram recently altered its API which has resulted in a struggle for outside sources to craft working Instagram buttons and badges.
You have very few possibilities when it comes to utilizing social sharing buttons for Instagram. However, there is an effortless solution: include an Instagram post on the page.
The image posted is supplemented by a following key that enables users to trace your account without the need to leave your web page. You might post an image to Instagram that can stay relevant over an extended period of time and draw attention to the advantages of possessing an Instagram account.
You could make an Instagram post that connects to the info on a particular page. It wouldn’t be proper to incorporate a relevant Instagram photo on all your web pages, but this can be a smart decision to make in certain blog posts.
Instructions on inserting a post from Instagram with an accompanying follow button:
- Navigate to the specific post you want to embed, or go to your Instagram profile and scroll back to find a relevant choice
- Click on the post
- Click on the more button (…) at the bottom right
- Select Embed
- Choose whether you want to include the caption and then click Copy Embed Code
- Post the code into your HTML
Social media buttons for LinkedIn
LinkedIn provides individualized JavaScript programming for both share and follow buttons.
LinkedIn share button
How it works
The LinkedIn share button combines the features of the Facebook share and sends buttons. It gives users the option to spread your material on LinkedIn through various tactics—on their public page, to specific people, inside a group, or on an individual message. Choosing the button brings up a window with the chance to input a personal note to the post, as well as choices for sharing.
How to add a LinkedIn share button
Head to the LinkedIn share plugin creator to produce a JavaScript code you can embed into your HTML.
LinkedIn follow button
How it works
Hitting the LinkedIn follow switch enables people to stay connected to your business on the LinkedIn platform without having to leave your web page.
How to add a LinkedIn follow button
Generate code to embed in your HTML using the LinkedIn Follow Company plugin.
Social media buttons for YouTube
YouTube provides a single social media button that permits people to subscribe to a YouTube channel.
Similar to the Twitter follow button, the YouTube subscribe button necessitates two different clicks. When you press your subscription button, a new window will open up with your YouTube channel, and a box will appear that requires you to confirm your subscription. The user must select the “subscribe” option one more time for the subscription to become active.
How to add a YouTube subscribe button
Access the YouTube Configure a Button page to generate the code needed to be inserted into the HTML.
YouTube subscribe button options
You have multiple choices when setting up your YouTube subscription button. You have the choice to put in your YouTube profile picture, put a dark background behind the button, and decide if you want to display your current subscriber count. Mentioning that you already have a significant amount of followers can be a good way of showing that other people trust your platform.
Social media buttons for Pinterest
How it works
The Pinterest save button and the share button on other networks have the same effect – using either one will spread the content by delivering it to a wider audience. As Pinterest is an image-centric platform that helps in storing ideas and info, its utilization is distinct from other networks’ share buttons. There are three different ways you can set the Pinterest save button up on your site:
- Image hover: Rather than placing a standalone Pinterest button on your website, this option creates code that brings a Pin It button up when someone hovers their mouse over any image on your page. This is the option most recommended by Pinterest.
- Any image: With this option, you place a Pinterest button on your webpage. Clicking it gives the user the option to save any of the images from your site to their Pinterest boards.
- One image: In this case, the save button only applies to a single image on your page. This is the most complicated option in terms of coding.
Instructions on putting a Pinterest save button on an image hover or any image style.
- Go to the Pinterest widget builder and click Save Button
- Choose which type of button you want to use: image hover or any image
- Select your preferred options for button size and shape
- Hover your mouse over the sample image to preview your button
- Copy the button code and paste it into your HTML
- For any image option, copy and paste the pinit.js script from the bottom of the widget builder page into your HTML, right above the tag
How to add a Pinterest save button—one image style
- Go to the Pinterest widget builder and click Save Button
- Select your preferred options for button size and shape
- In a new browser window, go to the page on your website where the image you want to work with appears
- Copy and paste the URL of that webpage into the URL box in the widget builder
- On your webpage, right-click the image you want to work with, and select Copy Image URL
- Paste the image URL into the Image box in the widget builder
- Enter a description for your image in the Description box in the widget builder. This will appear beneath your image when someone saves it to Pinterest
- Click the sample Pin It button in the widget builder to test your button
- Copy the button code and paste it into your HTML
- Copy and paste the pinit.js script from the bottom of the widget builder page into your HTML, right above the tag
Note to Sharers: Social Media Terms of Service
Before changing the configuration of your website’s social media buttons, review the Terms of Service for Facebook, Twitter, LinkedIn, Pinterest, YouTube, and Instagram. Altering logos and branding might lead to your website being punished, so if you have any uncertainty, employ the accurate logos given in the widgets that we have named above. Happy sharing!
Leave a Reply