HDWebmobile Socials Floating

Kuvaus

HDWebMobile Socials Floating is more than just a sleek, glassmorphic floating bar with icons for major social networks. It is the only social bar that includes a smart Business Hours feature directly built-in.

Are you tired of getting WhatsApp or Messenger requests at 2 AM? Our plugin solves this. You can define your weekly business hours and timezone. Outside of those hours, your direct contact buttons (WhatsApp, Messenger, Phone, etc.) can automatically dim, turn into a ”Closed” badge, or completely disappear.

It also automatically generates deep links for platforms like WhatsApp, Zalo, and Messenger to make connecting with your users effortless.

Features

• Unique: Smart Business Hours: Configure your weekly open/close times in your local timezone.
• Unique: Offline States: Dim, badge (”Closed”), or hide specific icons automatically outside working hours.
• Display up to 11 popular social networks including WhatsApp, Telegram, Facebook, X (Twitter), Instagram, and more.
• Drag-and-drop ordering to easily sort the icons.
• Premium, glassmorphism design with smooth hover animations.
• 8 different screen positions (Left Center, Top Right, Bottom Center, etc.).
• Automatic deep link generation for Messenger, Telegram, WhatsApp, Zalo, and Mobile numbers.
• Configurable floating background color.
• Add a custom SVG icon and link.

How to Use

1. Add your social links

Go to Settings > Socials Floating (Screenshot 1). Under Social Links, paste the full URL for any network you want to show (Facebook, Instagram, LinkedIn, YouTube, TikTok, X/Twitter) — leave a field blank to hide that icon entirely. WhatsApp, Zalo, and Mobile just need a phone number (with country code, no + or spaces); Messenger and Telegram just need a username — the plugin builds the correct wa.me/t.me/etc. link for you automatically.

2. Choose appearance and position

Pick a Background Color and a Position (one of 8 screen corners/edges). Turn on Hover to Expand if you want the bar to collapse into a single toggle button that fans out its icons on hover/tap, instead of always showing every icon at once (Screenshot 2 shows the expanded state).

3. Reorder the icons

Every icon row in Social Links has a ☰ drag handle on the right — drag rows up or down to change the order icons appear in on the frontend.

4. Turn on Business Hours (optional)

Tick Enable Business Hours and pick your timezone (this is used instead of your WordPress general timezone setting, so it stays correct regardless of server config). Set each day of the week to Open (with start/end times), Closed, or 24 hours.

5. Decide what happens outside business hours

• Offline Appearance — choose whether affected icons go Dimmed (grayscale + disabled click), Hidden (removed entirely), or get a Red ”Closed” Badge (Screenshot 2 shows the dimmed state on WhatsApp/Messenger/Zalo/Telegram/Mobile while Facebook and X stay active).
• Apply To These Icons — tick only the direct-contact channels you don’t want people messaging at 2 AM (WhatsApp, Messenger, etc.); leave profile-only links like Facebook or Instagram unticked so they stay clickable at all times.
• Offline Tooltip Message — optional custom text shown on hover, e.g. ”Back online at 9 AM”.

6. Save and check the frontend

Click Save Changes, then view any page on your site. The bar appears in your chosen position; if Business Hours is on, icons automatically switch between their online and offline appearance as the clock crosses your configured open/close times — no further action needed.