Floating Contact Button

Beschreibung

Der „Floating Contact Button“ zeigt eine feste Kontaktschaltfläche unten rechts auf der Webseite an. Es öffnet sich ein Modal mit einem bevorzugten Kontaktformular-Plugin. Zuvor muss ein Kontaktformular generiert und anschließend dessen Shortcode in die Plugin-Einstellungen des Floating Contact Button eingefügt werden.

Das Plugin ist sehr einfach gehalten. Die CSS- und JS-Dateien wurden minimiert, damit sie so schnell wie möglich geladen werden können.

Übersetzungen

  • English, dabei
  • Deutsch, dabei

Feedback

  • Ich bin offen für Vorschläge und Rückmeldungen.

Screenshots

  • Die Plugin-Einstellungsseite
  • Floating Contact Button
  • Floating Contact Modal

Installation

Lade zuerst die ZIP-Datei des Plugins herunter.

1.) Melde dich sich im Webseiten-Administrationsbereich an.
2.) Gehe dann zur Seite Plugins und dort auf Plugin hochladen.
3.) Klicke auf „Datei wählen“ und wähle die .zip-Datei des Plugins.
4.) Dann installieren und aktivieren das Plugin.

Plugin-Einstellungen

Nach dem Aktivieren des Plugins findet man im Menü die Einstellungen „Floating Contact“. Hier gibt man den Shortcode des gewünschten Kontaktformulars ein. Dies wird dann in der Modalbox angezeigt. Hier ist es auch möglich, die Grundfarbe der Buttons zu ändern.

FAQ

Welches Kontaktformular-Plugin funktioniert mit dem Floating Contact Button?

Getestet mit Contact Form 7, Ninja Forms und Caldera-Forms. Voraussetzung ist ein Shortcode.

Kann ich den Stil selbst ändern?

In den Plugin-Einstellungen können nur die Grundfarbe für den Button geändert werden. Um weitere Elemente im Modal zu ändern, muss ein benutzerdefiniertes CSS erstellt werden.

Rezensionen

Lies alle 1 Rezension

Mitwirkende & Entwickler

„Floating Contact Button“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Floating Contact Button“ wurde in 1 Sprache übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Floating Contact Button“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.3

  • CSS-Korrekturen

1.2

  • CSS-Korrekturen

1.1

  • Responsive Optimierungen

1.0

  • Erstveröffentlichung