Social Media Icons Widget Examples

Compare real Social Media Icons widget setups, from floating creator docks to minimal footer rows, and see how layout, placement, color, icon shape, and hover effects change the same widget. Find the style that fits your site, then create your own version for free.

Create Your Social Media Icons Widget - It's Free!

Vertical Social Media Icons Widget Example

Keep a creator's top channels one tap away with a floating vertical dock. Rounded icons in each platform's brand color, hover tooltips, and a light fly effect give it a modern, app-like feel.

Customizations shown

FloatingVerticalBrand colorsTooltips

B2B Footer Social Media Icons Widget Example

Give a company footer a quiet, professional finish with symbol-only icons in a custom slate-blue palette. Right alignment and compact sizing keep the row unobtrusive, while a subtle opacity shift on hover adds polish.

Customizations shown

Symbol onlyCustom colorOpacityRight aligned

Mobile Social Media Icons Widget Example

Put WhatsApp, phone, and email one thumb-tap away with a floating bottom bar built for service businesses. Large circular buttons in a custom green palette, tooltip labels, and a bounce animation make the row easy to spot and use on mobile.

Customizations shown

Contact linksFloating bottomCircle shapeBounce hover

Dark Campaign Social Media Icons Example

Fit a launch or event page with a dark, on-brand social strip. Square icons, generous spacing, and a high-contrast blue hover color with a zoom effect keep the row bold without competing with campaign visuals.

Customizations shown

Square shapeCustom colorsHover colorsZoom hover

Community Sidebar Social Media Icons Example

Point visitors to Discord, Reddit, and Telegram with a floating sidebar of stacked, 3D-styled icons. Brand colors and a playful bounce on hover invite clicks without cluttering the page.

Customizations shown

3D styleVerticalBrand colorsSpacing

Convert leads into paying customers with Jotform Form Builder

Turn engagement into action with Jotform. Create powerful forms that capture leads, collect payments, and automate responses, all in one place. Every submission lands in your Jotform Inbox, ready to follow up or connect with your favorite apps.

Get Started — It’s Free!