Social media buttons help visitors share your content and find your profiles. In this guide, we explain how to add various social media elements to your Sitebuilder website.

Types of Social Media Elements

Links to your social media profiles:

  • Facebook
  • Instagram
  • Twitter/X
  • LinkedIn
  • YouTube
  • TikTok
  • Pinterest

Share Buttons

Allow visitors to share your content:

  • Share on Facebook
  • Tweet this
  • Pin on Pinterest
  • Share via LinkedIn
  • Email to friend

Social Feeds

Display your social content:

  • Instagram feed
  • Facebook posts
  • Twitter timeline
  • YouTube videos

Using Social Icons Widget

  1. Open Sitebuilder editor
  2. Click Add Element
  3. Find Social Icons or Social Links
  4. Drag to desired location
  1. Click on the social icons element
  2. For each platform:
    • Select the platform
    • Enter your profile URL
    • Choose icon style
  3. Add or remove platforms as needed

Icon Styles

Options:

  • Colored (original colors)
  • Monochrome
  • Custom brand colors
  • Circle, square, or icon-only

Placement Tips

Best locations for social icons:

  • Header (small icons)
  • Footer (standard placement)
  • Sidebar
  • Contact page
  • About page

Adding Share Buttons

Page Share Buttons

  1. Add Share Buttons element
  2. Select platforms to include
  3. Choose button style:
    • Icons only
    • Icons with text
    • Icons with count
  4. Position on page

Product Share Buttons

For e-commerce:

  1. Add to product template
  2. Pre-populated with product URL
  3. Product image in share preview

Blog Post Sharing

Place at:

  • Top of article
  • Bottom of article
  • Floating sidebar
  1. Add Button element
  2. Set link to your profile URL
  3. Add social media icon
  4. Style to match platform

Add to your menu:

  1. Go to menu settings
  2. Add custom link
  3. Enter profile URL
  4. Use icon instead of text

Social Media Feeds

Instagram Feed

Using Built-in Widget:

  1. Add Instagram Feed element
  2. Connect your account
  3. Configure:
    • Number of posts
    • Grid layout
    • Link behavior

Using Embed Code:

  1. Generate embed at Instagram
  2. Add HTML element
  3. Paste embed code

Facebook Feed

  1. Add Facebook widget
  2. Connect page
  3. Select content type:
    • Timeline
    • Events
    • Messages

Twitter/X Feed

  1. Go to publish.twitter.com
  2. Create timeline widget
  3. Copy embed code
  4. Add HTML element in Sitebuilder
  5. Paste code

YouTube Videos

Single Video:

  1. Copy video URL
  2. Add Video element
  3. Paste URL

Channel Feed:

  1. Use YouTube embed options
  2. Channel or playlist embed
  3. Customize player appearance

Open Graph Settings

What is Open Graph?

Tags that control how your pages appear when shared on social media.

Essential Tags

For Every Page:

  • og:title - Page title
  • og:description - Summary
  • og:image - Share image
  • og:url - Page URL

Setting in Sitebuilder

  1. Go to page SEO settings
  2. Find Social/Open Graph section
  3. Set:
    • Social title
    • Social description
    • Social image (1200x630 pixels)

Testing

Preview your shares:

  • Facebook Sharing Debugger
  • Twitter Card Validator
  • LinkedIn Post Inspector

Best Practices

  • Only include active profiles
  • Keep icons consistent style
  • Update if profiles change
  • Test all links work

Share Buttons

  • Choose relevant platforms
  • Do not overwhelm with options
  • Place where visible
  • Track share analytics

Social Feeds

  • Keep feeds updated
  • Remove if inactive
  • Consider load time impact
  • Mobile responsiveness

Platform-Specific Tips

Facebook

  • Use Facebook Page (not personal)
  • Enable messaging if applicable
  • Business page benefits

Instagram

  • Business account recommended
  • Grid layout popular
  • Link in bio strategy

LinkedIn

  • Great for B2B
  • Company page link
  • Professional content sharing

Twitter/X

  • Good for news/updates
  • Follow button option
  • Embedded timelines

Performance Considerations

Load Time

Social elements can slow your site:

  • Lazy load feeds
  • Limit visible posts
  • Use official widgets (optimized)

Mobile

  • Ensure touch-friendly
  • Adequate spacing
  • Responsive layouts

Privacy Considerations

GDPR Compliance

  • Social buttons may track visitors
  • Cookie consent notice
  • Privacy policy update

Alternative Options

Privacy-friendly share options:

  • Share via URL copy
  • Email sharing
  • QR codes

Need Help?

We are here for you! If you run into any issues or have questions, our support team is happy to help you personally. Send us a message through the ticket system - we usually respond within a few hours and are happy to assist you.