
內容簡介
HDWebmobile Socials Floating 是一款獨特的社交媒體浮動工具列,具備智能營業時間功能,能夠自動調整社交聯繫按鈕的顯示狀態,避免在非營業時間接收訊息,提升用戶體驗。
【主要功能】
• 智能營業時間設定
• 自動調整圖示顯示狀態
• 支援多達 11 種社交平台
• 拖放排序圖示
• 玻璃質感設計與流暢動畫
• 自動生成深層連結
外掛標籤
開發者團隊
② 後台搜尋「HDWebmobile Socials Floating」→ 直接安裝(推薦)
原文外掛簡介
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.
