Introduction
Adding social media buttons and links to your website is a great way to improve visibility, drive engagement, and make it easy for visitors to connect with you on platforms like Facebook, Instagram, LinkedIn, and X (formerly Twitter). With Sitejet Builder, integrating your social media profiles takes just a few simple steps.
This article guides you through placing, linking, and customizing social media icons on your website.
Why Add Social Media Links?
-
Promote your brand on other platforms
-
Grow followers directly from your website
-
Improve social proof and trust
-
Increase traffic to your content or product pages
Types of Social Media Buttons You Can Add
-
Profile Icons – link to your social pages (e.g., Facebook, Instagram)
-
Share Buttons – allow visitors to share your page on their social media
-
Follow Buttons – encourage users to follow your profiles
How to Add Social Media Profile Icons
-
Open Sitejet Builder
-
Log into cPanel > Launch Sitejet Builder
-
Select the website you want to edit
-
-
Insert a Social Media Block
-
Go to the Widgets or Blocks panel
-
Find the “Social Media” or “Social Icons” block
-
Drag and drop it into your header, footer, or sidebar
-
-
Customize Icons
-
Click on the icon set to open the settings
-
Add links to your profiles (e.g.
https://facebook.com/yourpage
) -
Enable or disable platforms like:
-
Facebook
-
Instagram
-
LinkedIn
-
Twitter/X
-
YouTube
-
Pinterest
-
TikTok
-
-
-
Design Settings
-
Choose icon style (circle, square, outline, or flat)
-
Adjust size, spacing, and alignment
-
Set icon color (original brand color or your custom color scheme)
-
How to Add Social Sharing Buttons
Note: This may require adding a plugin if using WordPress via Sitejet or embedding third-party share code.
-
Choose a service like:
-
Generate a share button code snippet
-
In Sitejet Builder:
-
Drag a Custom HTML block
-
Paste the share button code
-
Save and preview the result
-
These buttons allow users to share your page on their own profiles with a single click.
Placement Suggestions
Location | Best For |
---|---|
Header | Profile icons for quick brand access |
Footer | Links to all social channels |
Side Panel | Floating share buttons |
Blog Posts | Share buttons below article |
Tips for Best Results
-
Use official brand colors for consistency
-
Open links in new tabs to keep users on your site
-
Don't overload your site—focus on 3–5 platforms where you're active
-
Test icons on mobile to ensure they’re responsive and touch-friendly
Troubleshooting
Issue | Fix |
---|---|
Icons not clickable | Ensure full URLs are entered (starting with https:// ) |
Icons not displaying | Check if icon font or SVG is loading properly |
Buttons not responsive | Resize or re-align icons in mobile view |
Conclusion
Adding social media buttons and links using Sitejet Builder is quick, customizable, and effective for boosting your online reach. Whether you're guiding users to your Instagram, inviting blog shares, or linking your YouTube channel, Sitejet helps you do it in just a few clicks—without needing any code.