Title: Floating Contact Button Author: Christoph Nagel Published: 23 de maig de 2019 Last modified: 30 de novembre de 2025 --- Cerca extensions ![](https://ps.w.org/floating-contact/assets/banner-772x250.png?rev=2930554) ![](https://ps.w.org/floating-contact/assets/icon-128x128.png?rev=2930548) # Floating Contact Button Per [Christoph Nagel](https://profiles.wordpress.org/cmsgeek/) [Baixa](https://downloads.wordpress.org/plugin/floating-contact.zip) * [Detalls](https://ca.wordpress.org/plugins/floating-contact/#description) * [Ressenyes](https://ca.wordpress.org/plugins/floating-contact/#reviews) * [Instal·lació](https://ca.wordpress.org/plugins/floating-contact/#installation) * [Desenvolupament](https://ca.wordpress.org/plugins/floating-contact/#developers) [Suport](https://wordpress.org/support/plugin/floating-contact/) ## Descripció The „Floating Contact Button“ displayes an fixed contact button on the bottom right of the screen. It opens an modal with your favorite contact form plugin. Before you have to generate a contact form and after this copy the shortcode into the plugin settings form Floating Contact Button. The plugin is real lightweight. The .css file is minimized to load as fast as can. ### Translations * English – default, included * German: Deutsch, dabei #### Feedback * I am open for your suggestions and feedback. #### Live Demo * [Floating Contact Button](https://www.just-a-web-developer.com/floating-contact-button/) ## Captures * [[ * The Plugin Setting Page * [[ * Floating Contact Button * [[ * Floating Contact Modal ## Instal·lació First download the the plugin ZIP file. 1.) Log into your website administration panel. 2.) Then go to Plugins page Add New > Upload Plugin . 3.) Click „Choose file“ then select the plugin .zip file. 4.) Then Install and activate the plugin. Plugin Settings After the plugin is activated, you can find in the menu the „Floating Contact“ settings. Here you insert your contact form shortcode. This will displayed into the contact form modal. Here it is also possible to change the basic color of the button and to disable the rotation on hover. ## PMF ### Which contact form plugin work with the Floating Contact Button? Its tested with Contact Form 7, Ninja Forms, Caldera Forms & HappyForms. The requirement is an shortcode. ### Can i change the style itself? In the plugin settings you can only change the basic color for the button. To change the elements in the modal you have to make custom css. ### Can i change the style from the insert plugin shortcode? Optical adjustments of the used contact plugin have to be done user-defined e.g. in the theme own style.css. ### Where can I report questions or problems with the plugin? Please use the plugin own support forum. ### Are there any known themes with which the plugin does not work without errors? In previous versions there were problems with themes that used similar CSS functions. The new integration mode allows you to choose between CSS or jQuery, so there are currently no known themes with which the plugin is not compatible. ## Ressenyes ![](https://secure.gravatar.com/avatar/7c2f5a543ff26cdae7d1198e9e4839d0ef703bac70027ddd352684df3919a1dd? s=60&d=retro&r=g) ### 󠀁[Take this if you want more kontacts without loss of Performance!](https://wordpress.org/support/topic/take-this-if-you-want-more-kontacts-without-loss-of-performance/)󠁿 [Günter Duba](https://profiles.wordpress.org/vienna22/) 27 de abril de 2022 “Make it as simple as possible, but not simpler!” Unpacked, the whole plugin weighs around 40 KB: A language file, a CSS file and a PHP file with around 150 lines — that’s it…. Installed and configured in under 5 minutes. You only need a short code of your form plugin and the code (#12345) of your theme’s main color. It is so very, very fast; if it were technically possible, the button would appear on the screen before everything else. 😉 It works perfect with “WP Forms”! Your form looks best, especially with “Happy Forms”, when each text field is in “full width”. I have tested it with WP 5.9.3 and WP 6.0-beta2-53262. Thank you, Christoph Best wishes from Vienna ![](https://secure.gravatar.com/avatar/cc6790afcae10f85481e673c9127c4b502d5af9b056d9b0b4f2a2e488c799c1b? s=60&d=retro&r=g) ### 󠀁[Lighweight and esy to use](https://wordpress.org/support/topic/lighweight-and-esy-to-use/)󠁿 [mauri01](https://profiles.wordpress.org/mauri01/) 18 de març de 2021 Nice lightweight plugin, Great Thanks! ![](https://secure.gravatar.com/avatar/fe6531a917bd95dd3b9b94193a499e9af6916847c86f7848d7b69a0be06c693a? s=60&d=retro&r=g) ### 󠀁[Amazing Plugin (Super Lightweight)](https://wordpress.org/support/topic/amazing-plugin-super-lightweight/)󠁿 [–](https://profiles.wordpress.org/jorcus/) 14 de març de 2021 Love the plugin. It’s super lightweight and very easy to use! ![](https://secure.gravatar.com/avatar/8fdd1c2718b1c9a95e9e3a88227a98958a6f0de8f8efdbd34d07dd58497fdd81? s=60&d=retro&r=g) ### 󠀁[Perfect start, as description says](https://wordpress.org/support/topic/perfect-start-as-description-says/)󠁿 [h4x0rjdag](https://profiles.wordpress.org/h4x0rjdag/) 2 de desembre de 2020 Obviously you made this floating contact button for one of your own projects. You were nice enough to just publish it in case others needed it as-is. It’s painfully simple and easy to customize for people even vaguely familiar with web coding. At the time of this review it doesn’t have any bells or whistles for customization, but the description says it plainly. You saved me a little bit of my own time by sharing what you made. All I adjusted for myself was my icon, position, and size. Thanks! ![](https://secure.gravatar.com/avatar/23288a75317acaf07f3742f37bd4bdb813e6acfc840c330f0415767365f2a9ec? s=60&d=retro&r=g) ### 󠀁[So near, yet …](https://wordpress.org/support/topic/so-near-yet/)󠁿 [sasmj](https://profiles.wordpress.org/sasmj/) 7 de abril de 2020 I used HappyForms to create a simple feedback form, with options of very good, good, ok, poor and very poor I also added a text field and another to add an email address. When I click on the floating contact button widget, the feedback form displays ok on a large monitor but on a laptop screen the bottom of the form is not visible and cannot easily be interacted with and it’s not possible to resize it or drag it further up so it can be visible. Shame, as this would have been perfect for my needs. ![](https://secure.gravatar.com/avatar/ddfc2fb7b1f4d8f195b723e6bf327be90e8ffe333dccf6a25a2da95f7f09990d? s=60&d=retro&r=g) ### 󠀁[Simple yet powerful!](https://wordpress.org/support/topic/simple-yet-powerful-73/)󠁿 [marekzywert](https://profiles.wordpress.org/marekzywert/) 19 de març de 2020 Great plugin! Simple yet powerful. I would suggest: Remove “close” from the modal window. X is enough and without this text it will be multilanguagal 😉 I don’t like the hover action (rotation, negative colors), I would stay only with negative colors, rotation is too much for me One more time – great job! Best [ Llegiu totes les 8 ressenyes ](https://wordpress.org/support/plugin/floating-contact/reviews/) ## Col·laboradors i desenvolupadors «Floating Contact Button» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió. Col·laboradors * [ Christoph Nagel ](https://profiles.wordpress.org/cmsgeek/) “Floating Contact Button” s’ha traduït a 3 configuracions regionals. Gràcies als [traductors](https://translate.wordpress.org/projects/wp-plugins/floating-contact/contributors) per les seves aportacions. [Traduïu «Floating Contact Button» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/floating-contact) ### Interessats en el desenvolupament? [Navegueu pel codi](https://plugins.trac.wordpress.org/browser/floating-contact/), baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/floating-contact/), o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/floating-contact/) per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/floating-contact/?limit=100&mode=stop_on_copy&format=rss). ## Registre de canvis #### 2.9 * CSS corrections #### 2.8 * Eliminate vulnerability #### 2.7 * Change integration mode from CSS to jQuery #### 2.6 * CSS corrections #### 2.5 * PHP code corrections #### 2.4 * CSS corrections #### 2.3 * CSS corrections #### 2.2 * Change of the close button * CSS corrections #### 2.1 * CSS corrections #### 2.0 * CSS corrections * Disable rotation – button * Add modal scrollbar #### 1.3 * CSS corrections #### 1.2 * CSS corrections #### 1.1 * Responsive optimizations #### 1.0 * Initial release ## Meta * Versió **2.9** * Darrera actualització **fa 4 mesos** * Instal·lacions actives **1.000+** * Versió del WordPress ** 4.8 o posterior ** * Provada fins a **6.9.4** * Versió del PHP ** 7.0 o posterior ** * Idiomes * [English (US)](https://wordpress.org/plugins/floating-contact/), [German](https://de.wordpress.org/plugins/floating-contact/), [Italian](https://it.wordpress.org/plugins/floating-contact/), i [Spanish (Spain)](https://es.wordpress.org/plugins/floating-contact/). * [Traduïu a la vostra llengua](https://translate.wordpress.org/projects/wp-plugins/floating-contact) * Etiquetes * [contact button](https://ca.wordpress.org/plugins/tags/contact-button/)[feedback button](https://ca.wordpress.org/plugins/tags/feedback-button/) [floating](https://ca.wordpress.org/plugins/tags/floating/)[floating button](https://ca.wordpress.org/plugins/tags/floating-button/) [floating contact](https://ca.wordpress.org/plugins/tags/floating-contact/) * [Vista avançada](https://ca.wordpress.org/plugins/floating-contact/advanced/) ## Valoracions 4.6 sobre 5 estrelles. * [ 7 valoracions de 5 estrelles ](https://wordpress.org/support/plugin/floating-contact/reviews/?filter=5) * [ 0 valoracions de 4 estrelles ](https://wordpress.org/support/plugin/floating-contact/reviews/?filter=4) * [ 0 valoracions de 3 estrelles ](https://wordpress.org/support/plugin/floating-contact/reviews/?filter=3) * [ 1 valoració de 2 estrelles ](https://wordpress.org/support/plugin/floating-contact/reviews/?filter=2) * [ 0 valoracions de 1 estrelles ](https://wordpress.org/support/plugin/floating-contact/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/floating-contact/reviews/#new-post) [Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/floating-contact/reviews/) ## Col·laboradors * [ Christoph Nagel ](https://profiles.wordpress.org/cmsgeek/) ## Suport Teniu quelcom a dir? Necessiteu ajuda? [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/floating-contact/)