Title: Sticky Social Icons Author: Syed Barekul Islam Published: 26. April 2024 Last modified: 30. Juli 2026 --- Plugins suchen ![](https://ps.w.org/gf-social-icons/assets/icon.svg?rev=3156583) # Sticky Social Icons Von [Syed Barekul Islam](https://profiles.wordpress.org/gutefy/) [Herunterladen](https://downloads.wordpress.org/plugin/gf-social-icons.1.2.1.zip) * [Details](https://de.wordpress.org/plugins/gf-social-icons/#description) * [Rezensionen](https://de.wordpress.org/plugins/gf-social-icons/#reviews) * [Installation](https://de.wordpress.org/plugins/gf-social-icons/#installation) * [Entwicklung](https://de.wordpress.org/plugins/gf-social-icons/#developers) [Support](https://wordpress.org/support/plugin/gf-social-icons/) ## Beschreibung **Sticky Social Icons** is a lightweight, mobile-friendly social media plugin that lets you add floating sticky social icons to any WordPress site — without writing a single line of code. Visitors get instant access to your WhatsApp, phone, email, and every social channel right from the side of the screen. Designed for businesses, creators, agencies, and stores, the plugin works out of the box with both block and classic themes, and with the common page builders. Configure everything live in the **WordPress Customizer** — change colors, sizes, borders, radius, position, and per-device visibility and see the result update in real time. #### 🚀 Why Sticky Social Icons? * **No-code setup** — pick icons, paste URLs, publish. Live Customizer preview means no guessing. * **Click-to-chat WhatsApp** — paste a number, optionally add a pre-filled message, done. * **Click-to-call & SMS** — `tel:` and `sms:` links for mobile visitors. * **Click-to-email** — `mailto:` with optional subject and body pre-fill. * **Truly responsive** — show or hide on Desktop / Tablet / Mobile independently. * **Hide on specific pages** — front page, blog, single posts, single pages, archives, search, 404, WooCommerce shop / cart / checkout / single product. * **Hide for user roles** — keep icons away from logged-out guests, administrators, or any role you choose. * **SEO and accessibility ready** — every link ships with proper `aria-label` and` rel="noopener noreferrer"`. * **Lightweight** — zero jQuery on the frontend, no bloated icon font, only the CSS your visitors actually need. #### 🎨 Full Design Control * Icon color (normal + hover, per device) * Icon background color (normal + hover, per device) * Icon size (normal + hover, per device) * Icon wrapper / button size (per device) * Border (4-side, color + style + width, per device) * Border radius (normal + hover, per device — make pills, circles, squares) * Vertical gap between icons * Vertical position (top %) * Horizontal position (left or right rail) #### 📱 Popular Channels Built In Facebook, Facebook Messenger, Facebook (f), WhatsApp, Instagram, X (Twitter), YouTube, LinkedIn, TikTok, Telegram, Pinterest, Snapchat, Reddit, Skype, Tumblr, Discord, GitHub, Vimeo, Twitch, Behance, Dribbble, Email (envelope), Phone, and more — with new icons added in every release. #### 🛠 Source Code and Build Process Nothing in this plugin is obfuscated or minified by hand. The uncompiled source ( JavaScript/JSX and SCSS) ships inside the plugin in `/src`, together with `package. json` and `webpack.config.js`, and is also published at https://github.com/syed- sajib/gutefy-social-icons The files in `/build` are generated from `/src` with @wordpress/scripts (webpack) by running `npm install` and then `npm run build`. See the „Source Code“ section below for details. #### 💼 Perfect For * Small business and local service websites * Restaurants, salons, clinics, real estate, automotive * WooCommerce stores wanting WhatsApp pre-sales chat * Bloggers and content creators * Portfolios and agency sites * Membership and online course sites * Anyone replacing heavyweight „share & follow“ plugins ### Source Code The complete, human-readable source of this plugin — uncompiled JavaScript/JSX and SCSS — is available at: https://github.com/syed-sajib/gutefy-social-icons The files in `/build` are generated from `/src` with @wordpress/scripts (webpack). To build them yourself: 1. `npm install` 2. `npm run build` Build configuration lives in `webpack.config.js`; the entry points are `src/customizer. js` and `src/view.js`. Development watch mode is `npm run start`. The `/src` directory is also shipped inside this plugin package, so no download is required to read the original source. ## Installation #### From the WordPress Dashboard 1. Go to **Plugins Add New**. 2. Search for **Sticky Social Icons**. 3. Click **Install Now** and then **Activate**. 4. Open **Appearance Customize Sticky Social Icons** and add your accounts. #### Manual Installation 1. Download the plugin ZIP from WordPress.org. 2. Upload the `gf-social-icons` folder to `/wp-content/plugins/`. 3. Activate the plugin via **Plugins** in the WordPress dashboard. 4. Open **Appearance Customize Sticky Social Icons**. ## FAQ ### How do I add a WhatsApp click-to-chat icon? In the Customizer, pick the **WhatsApp** icon, paste your number with country code( digits only — e.g. `15551234567`), open the **Advanced** chevron next to the input, and optionally type a pre-filled message. The plugin builds a `https://wa.me/...` link automatically. ### How do I add a click-to-call (phone) icon? Pick the **Phone** icon, paste your number. The icon generates a `tel:` link, opening the dialer on mobile. Toggle „Use SMS instead of call“ in the per-row Advanced panel to switch to an `sms:` link. ### Can I add an email icon with pre-filled subject and body? Yes. Pick the **Envelope** icon, paste the email address, open Advanced, and fill in Subject and Body. The plugin produces a `mailto:` link with the params encoded. ### How do I hide icons on specific pages? Open **Appearance Customize Sticky Social Icons Advanced Display Rules**. Check any page type (front page, single posts, WooCommerce checkout, etc.) to hide the icons there. ### How do I hide icons from logged-out visitors or administrators? In the same **Advanced** section, check any role under **Hide For These User Roles**. Use **Guest** for logged-out visitors. ### How do I show icons on mobile only (or hide on desktop)? Use **Device Visibility** in the Advanced section. Uncheck Desktop, Tablet, or Mobile independently. ### Does it work with WooCommerce? Yes. There are dedicated hide-on rules for the WooCommerce shop, cart, checkout, and single product pages. ### Does it work with block themes (Twenty Twenty-Four, etc.) and page builders (Elementor, Bricks, Divi)? Yes. The plugin injects on `wp_head`, `wp_footer`, or `wp_body_open` (whichever your theme provides). It is theme- and builder-agnostic. ### Does it slow down my site? No. There is no jQuery on the frontend, no icon font, and only the CSS your visitors need. SVG icons are inlined so the browser makes zero extra requests. ### Does it track my visitors? No. The plugin makes no external requests, sets no cookies, and does not track anything. ## Rezensionen ![](https://secure.gravatar.com/avatar/1feb6361f364f1b844d1f982c31b08ee76c31265fc14f2f3054b92504380760a? s=60&d=retro&r=g) ### 󠀁[Getting error on install](https://wordpress.org/support/topic/getting-error-on-install-2/)󠁿 [Shakil Ansary](https://profiles.wordpress.org/shakildev/) 21. Mai 2026 2 Antworten Returning Fatal error [ 1 Rezension lesen ](https://wordpress.org/support/plugin/gf-social-icons/reviews/) ## Mitwirkende und Entwickler „Sticky Social Icons“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt: Mitwirkende * [ Syed Barekul Islam ](https://profiles.wordpress.org/gutefy/) [Übersetze „Sticky Social Icons“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/gf-social-icons) ### Interessiert an der Entwicklung? [Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/gf-social-icons/), sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/gf-social-icons/) an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/gf-social-icons/) per [RSS](https://plugins.trac.wordpress.org/log/gf-social-icons/?limit=100&mode=stop_on_copy&format=rss). ## Änderungsprotokoll #### 1.2.1 * **Changed:** Plugin display name simplified to **Sticky Social Icons** — removed the third-party trademarked term and the extra keywords from the name and the plugin tags. * **Added:** Full uncompiled source (`/src`), `package.json`, and `webpack.config. js` are now included in the plugin package. * **Added:** Readme now documents the public source repository and the exact build process for the files in `/build`. * **Updated:** Repository URLs point to the new location, https://github.com/syed- sajib/gutefy-social-icons. * No functional or feature changes. #### 1.2.0 * **New:** Border radius (normal + hover, responsive) — circle, pill, or rounded icons in one click. * **New:** Smart per-row URL builder for WhatsApp (`wa.me` + pre-filled message), Email (`mailto:` with subject + body), Phone (`tel:` or `sms:`). * **New:** Advanced visibility rules — hide on front page, blog, single post/page, archives, search, 404, and dedicated WooCommerce shop / cart / checkout / product targets. * **New:** Hide icons for selected user roles (guest, administrator, subscriber, custom). * **New:** Per-device on/off checkboxes (Desktop / Tablet / Mobile) — all visible at once, no more switching device tabs. * **Accessibility:** Every icon link now ships with an `aria-label` and `rel="noopener noreferrer"`. * **Refactor:** New reusable `Checkbox` Customizer control. * **Improved:** Customizer UI — consistent capitalized labels, unified heading style, tidier spacing. * **Improved:** Live Customizer preview now matches frontend rendering for all new style controls. #### 1.1.02 * Bug Fix: Fixed a bug related to style generation for better performance. #### 1.1.01 * Fixed: Icon Loading Issue in various themes. * Added: Responsive Control. * Bug Fix: Fixed a bug related to hover styles for better consistency. #### 1.1.0 * Added: Border Control. * Added: Responsive Control. * Bug Fix: Fixed a bug related to hover styles for better consistency. #### 1.0.1 * Enhancement: Improved the floating style of social icons for better stability. * Enhancement: Enhanced functionality related to styling. * Bug Fix: Fixed a bug related to hover styles. * Added: Icon changing option. * Introduced: Flexible account adding system. #### 1.0.0 * Initial release. ## Meta * Version **1.2.1** * Zuletzt aktualisiert **vor 2 Monaten** * Aktive Installationen **10+** * WordPress-Version ** 6.3 oder höher ** * Getestet bis **7.0.7** * PHP-Version ** 7.2 oder höher ** * Sprache * [English (US)](https://wordpress.org/plugins/gf-social-icons/) * Schlagwörter * [click to call](https://de.wordpress.org/plugins/tags/click-to-call/)[contact-buttons](https://de.wordpress.org/plugins/tags/contact-buttons/) [social icons](https://de.wordpress.org/plugins/tags/social-icons/)[sticky icons](https://de.wordpress.org/plugins/tags/sticky-icons/) * [Erweiterte Ansicht](https://de.wordpress.org/plugins/gf-social-icons/advanced/) ## Bewertungen 1 von 5 Sternen. * [ 0 5-Sterne-Rezensionen ](https://wordpress.org/support/plugin/gf-social-icons/reviews/?filter=5) * [ 0 4-Sterne-Rezensionen ](https://wordpress.org/support/plugin/gf-social-icons/reviews/?filter=4) * [ 0 3-Sterne-Rezensionen ](https://wordpress.org/support/plugin/gf-social-icons/reviews/?filter=3) * [ 0 2-Sterne-Rezensionen ](https://wordpress.org/support/plugin/gf-social-icons/reviews/?filter=2) * [ 1 1-Sterne-Rezension ](https://wordpress.org/support/plugin/gf-social-icons/reviews/?filter=1) [Deine Rezension](https://wordpress.org/support/plugin/gf-social-icons/reviews/#new-post) [Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/gf-social-icons/reviews/) ## Mitwirkende * [ Syed Barekul Islam ](https://profiles.wordpress.org/gutefy/) ## Support Möchtest du etwas mitteilen? Brauchst du Unterstützung? [Support-Forum anzeigen](https://wordpress.org/support/plugin/gf-social-icons/)