🧩 Widgets: Fotostudio in deiner Website

Was ist ein Widget?

Du hast schon eine Website bei WordPress, Wix, Squarespace oder anderswo? Mit Widgets kannst du dort die Buchung, die Mini Sessions, die Geschenkgutscheine, deine Kataloge oder deine Kontaktformulare einbinden, direkt in deine Seiten und in deinen Farben.

Deine Besucher buchen oder kaufen, ohne deine Website zu verlassen, und alles landet in Fotostudio: Kontakte, Shootings, Zahlungen.

💡 Hast du eine Fotostudio-Website? Diese Module sind dort schon drin, ohne Code zum Einfügen. Siehe den Artikel „Der Fotostudio-Website-Baukasten“.

Wo du die Widgets findest

Gehe im Menü zu Website > Widgets für deine Website.

Die verfügbaren Module

Wähle das Modul in der Liste Modul:

Warum erscheint ein Modul nicht in der Liste?

• Ein Shootingtyp erscheint nur, wenn er Verfügbarkeiten für die Online-Buchung hat (damit nie ein leerer Kalender angezeigt wird).
• Archivierte Mini-Session-Typen sind ausgeblendet.
• Wenn die Liste leer ist, lege zuerst eine Leistung, einen Katalog oder ein Kontaktformular an.

Wenn du mehrere visuelle Identitäten hast, kannst du in der Liste Visuelle Identität die Identität des Widgets wählen.

Ein Widget in 3 Schritten einbinden

Schritt 1: Das Modul wählen

Wähle das Modul unter Das einzubindende Modul. Die Vorschau unten auf der Seite zeigt das Widget so, wie es auf deiner Website erscheint, in deinen Farben.

Schritt 2: Den Code kopieren

Klicke unter Der Code zum Einfügen auf Code kopieren. Der Code sieht so aus:

<div data-fs-widget="booking" data-fs-photographer="..."></div>
<script src="https://www.fotostudio.io/embed.js" async></script>

Schritt 3: Den Code in deine Website einfügen

Füge diesen Code in deine Seite ein, an der Stelle, an der das Modul erscheinen soll:

Das Widget nimmt die ganze verfügbare Breite ein, und seine Höhe passt sich von selbst an den Inhalt an. Du kannst mehrere Widgets auf derselben Seite platzieren.

💡 Nichts anzumelden oder freizugeben: Das Widget funktioniert auf jeder Website, sobald der Code eingefügt ist.

Das Aussehen anpassen

Standardmäßig übernehmen deine Widgets die Farben und die Schrift deiner visuellen Identität. Um sie an deine Website anzupassen, nutze die Karte Aussehen der Widgets:

Lass ein Feld leer, um den Wert deiner visuellen Identität zu behalten, und klicke dann auf Speichern. Wenn du mehrere visuelle Identitäten hast, hat jede ihre eigenen Einstellungen.

💡 Diese Einstellungen betreffen nur die Widgets. Dein Kundenbereich behält sein gewohntes Aussehen, wenn er direkt geöffnet wird.

Der Link zu deinem Kundenbereich

Der Kundenbereich (Angebote, Rechnungen, Verträge, Galerien) lässt sich nicht als Widget einbinden: Er ist ein Link, den du ins Menü deiner Website setzt, zum Beispiel unter dem Namen „Kundenbereich“.

1. Klicke in der Karte Link zu deinem Kundenbereich auf Link kopieren
2. Füge diesen Link ins Menü deiner Website ein (WordPress, Wix, Squarespace oder anderswo)

Deine Kunden geben ihre E-Mail-Adresse ein und erhalten einen Anmeldecode.

💡 Ohne Adresse mit deinem Namen trägt der Link die Adresse von Fotostudio. Wähle eine Adresse wie meinstudio.fotostudio.io oder deine eigene Domain (Link Meine Adresse wählen): Dann trägt der Link deinen Namen, und die Links in deinen E-Mails auch. Siehe den Artikel „Die Domains deiner Website verwalten“.

Newsletter-Anmeldung

Aktiviere in der Karte Newsletter-Anmeldung die Option Bestätigung per E-Mail verlangen, damit die Anmeldung erst zählt, wenn der Bestätigungslink geklickt wurde. Keine falsche und keine von anderen eingetragene Adresse landet in deiner Liste, und deine Zustellrate wird besser.

Diese Einstellung gilt für alle deine Newsletter-Formulare, auch auf einer Fotostudio-Website.

Wo deine Widgets angezeigt werden

Die Karte Wo deine Widgets angezeigt werden listet automatisch die Websites auf, die eines deiner Module anzeigen, mit dem Datum des letzten Besuchs und einer ungefähren Zahl der Aufrufe. Du musst nichts tun.

💡 Es kann etwas dauern, bis eine Website erscheint, und manche älteren Browser werden nicht erkannt: Fehlt eine Website in der Liste, heißt das nicht, dass das Widget nicht funktioniert.

Gut zu wissen

Häufige Fragen

Das Widget wird auf meiner Seite nicht angezeigt.
Prüfe, ob der Code vollständig eingefügt wurde (das <div> und die Zeile <script>), in einem Block, der HTML akzeptiert. Manche Editoren zeigen Skripte im Bearbeitungsmodus nicht an: Sieh dir die veröffentlichte Seite an.

Mein Tool lehnt Skripte ab.
Schreib uns: Wir finden gemeinsam die beste Lösung für deine Plattform.

Das Widget zeigt eine leere Seite.
Das Modul wurde vielleicht gelöscht (Katalog, Formular oder Mini-Session-Typ). Wähle das Modul unter Website > Widgets für deine Website erneut aus und füge den Code noch einmal ein.

Ich habe meine Preise oder Verfügbarkeiten geändert. Muss ich den Code neu einfügen?
Nein. Das Widget zeigt immer die aktuellen Daten aus Fotostudio.

Ich hatte ein Kontaktformular mit dem alten Code (iframe) eingebunden. Funktioniert es noch?
Ja, die alten Codes funktionieren weiter. Der neue Code hat den Vorteil, dass er seine Höhe von selbst anpasst.

Kann ich eine Galerie oder meinen kompletten Kundenbereich einbinden?
Nein. Der Kundenbereich öffnet sich über einen Link (siehe oben), und Galerien teilst du über ihren gewohnten Link.

Muss mein Kunde ein Konto anlegen, um zu buchen?
Nein. Er bucht direkt im Widget, und seine Daten landen in Fotostudio.

Aktualisiert am: 30/09/2026