Title: HDWebmobile Socials Floating Author: HDWebMobile Published: 10 april 2026 Last modified: 22 augustus 2026 --- Plugins zoeken ![](https://ps.w.org/hdwebmobile-socials-floating/assets/banner-772x250.png?rev= 3620700) ![](https://ps.w.org/hdwebmobile-socials-floating/assets/icon-256x256.png?rev=3620700) # HDWebmobile Socials Floating Door [HDWebMobile](https://profiles.wordpress.org/htrxuan/) [Download](https://downloads.wordpress.org/plugin/hdwebmobile-socials-floating.1.1.3.zip) * [Details](https://nl.wordpress.org/plugins/hdwebmobile-socials-floating/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/hdwebmobile-socials-floating/#reviews) * [Installatie](https://nl.wordpress.org/plugins/hdwebmobile-socials-floating/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/hdwebmobile-socials-floating/#developers) [Ondersteuning](https://wordpress.org/support/plugin/hdwebmobile-socials-floating/) ## Beschrijving 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. ## Schermafbeeldingen [⌊The full settings screen: appearance, Business Hours weekly schedule, offline behavior, and social links.⌉⌊The full settings screen: appearance, Business Hours weekly schedule, offline behavior, and social links.⌉[ The full settings screen: appearance, Business Hours weekly schedule, offline behavior, and social links. [⌊The expanded floating bar on the frontend — active icons at full color, direct- contact icons dimmed outside business hours.⌉⌊The expanded floating bar on the frontend— active icons at full color, direct-contact icons dimmed outside business hours.⌉[ The expanded floating bar on the frontend — active icons at full color, direct-contact icons dimmed outside business hours. ## Installatie 1. Upload the plugin folder to the `/wp-content/plugins/` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Configure the plugin by going to Settings > Socials Floating. 4. Input your social links, select your preferred background color, choose a position, and save the settings. ## FAQ ### How do the Business Hours work? In the Settings page, enable “Business Hours” and select your timezone. Then, define when your business is open for each day of the week. You can choose which icons are affected (e.g., only hide WhatsApp, but leave Facebook visible) and how they should appear when offline (Dimmed, Hidden, or with a Red Badge). ### Do I need to enter the full URL for WhatsApp or Telegram? No! Simply enter your phone number (for WhatsApp/Zalo) or your username (for Telegram/ Messenger). The plugin automatically generates the correct links (`wa.me`, `t.me`, etc.) to open the respective apps. ### How do I reorder the icons? On the settings page, simply drag and drop the `☰` handle next to any social network to reorder them exactly how you like. ## Beoordelingen Er zijn geen beoordelingen voor deze plugin. ## Bijdragers & ontwikkelaars “HDWebmobile Socials Floating” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ HDWebMobile ](https://profiles.wordpress.org/htrxuan/) [Vertaal “HDWebmobile Socials Floating” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/hdwebmobile-socials-floating) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/hdwebmobile-socials-floating/), haal de [SVN repository](https://plugins.svn.wordpress.org/hdwebmobile-socials-floating/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/hdwebmobile-socials-floating/) via [RSS](https://plugins.trac.wordpress.org/log/hdwebmobile-socials-floating/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.3 * Confirmed compatibility with WordPress 7.1. #### 1.1.2 * Confirmed compatibility with WordPress 7.0. #### 1.1.1 * Compliance: Removed the user-entered Custom CSS setting and frontend custom CSS injection to align with WordPress.org plugin guidelines. #### 1.1.0 * Feature: Introduced smart Business Hours. Automatically dim, badge, or hide real- time contact channels (WhatsApp, Messenger, Phone, etc.) outside of your working hours. * Tweak: Added visual offline states and custom tooltips. #### 1.0.0 * Initial release. ## Meta * Versie **1.1.3** * Laatst geüpdatet **1 week geleden** * Actieve installaties **Minder dan 10** * WordPress versie ** 6.0 of nieuwer ** * Getest t/m **7.1** * PHP versie ** 7.4 of nieuwer ** * Taal * [English (US)](https://wordpress.org/plugins/hdwebmobile-socials-floating/) * Tags * [business hours](https://nl.wordpress.org/plugins/tags/business-hours/)[floating](https://nl.wordpress.org/plugins/tags/floating/) [office hours](https://nl.wordpress.org/plugins/tags/office-hours/)[social](https://nl.wordpress.org/plugins/tags/social/) [social icons](https://nl.wordpress.org/plugins/tags/social-icons/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/hdwebmobile-socials-floating/advanced/) ## Waarderingen Er zijn nog geen beoordelingen ingediend. [Je beoordeling](https://wordpress.org/support/plugin/hdwebmobile-socials-floating/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/hdwebmobile-socials-floating/reviews/) ## Bijdragers * [ HDWebMobile ](https://profiles.wordpress.org/htrxuan/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/hdwebmobile-socials-floating/) ## Doneren Wil je de groei van deze plugin ondersteunen? [ Doneer aan deze plugin ](https://paypal.me/htrxuan/20)