Wie integriere ich eine Drittanbieter-App in meine Wix Website?
- Vorbereitung: Die passende Drittanbieter-App auswählen
- Zugriff auf den Wix Editor
- Integration über den Wix App Market
- Einbettung von HTML-Code oder iFrames
- Verwendung der Wix Velo Entwicklungsplattform
- Abschließende Überprüfung und Veröffentlichung
- Wichtige Hinweise zur Sicherheit und Datenschutz
Vorbereitung: Die passende Drittanbieter-App auswählen
Bevor du eine Drittanbieter-App in deine Wix Website integrierst, solltest du genau überlegen, welche Funktionalitäten du benötigst. Wix bietet eine Vielzahl von Apps im eigenen App Market an – viele davon sind von Drittanbietern. Falls du eine App nutzen möchtest, die nicht im Wix App Market enthalten ist, kannst du oft den Einbettungscode (Embed Code), ein iframe oder eine API verwenden, um die gewünschte Anwendung in deine Seite zu integrieren.
Zugriff auf den Wix Editor
Um die Integration zu starten, öffne deinen Wix Account und öffne die entsprechende Website im Wix Editor. Dieser ist die zentrale Steuerungsoberfläche, mit der du Änderungen an deiner Website vornehmen kannst. Du kannst den Editor entweder direkt über das Dashboard aufrufen oder über die Website-Vorschau, um die Änderungen live zu sehen.
Integration über den Wix App Market
Falls die Drittanbieter-App im Wix App Market verfügbar ist, ist dies die einfachste Lösung. Klicke im Editor links auf das App Market-Symbol und suche dort nach der gewünschten App. Nach dem Hinzufügen musst du die App meist noch konfigurieren, beispielsweise durch Eingabe von API-Schlüsseln oder das Verbinden mit deinem Konto beim Drittanbieter. Die App wird automatisch auf der Seite platziert und erscheint für Besucher.
Einbettung von HTML-Code oder iFrames
Wenn die App keinen direkten Support im App Market hat, kannst du häufig einen sogenannten Embed-Code nutzen. Dazu solltest du vom Drittanbieter einen HTML-Snippet erhalten, häufig in Form eines <iframe>-Codes oder eines JavaScript-Widgets. Gehe im Wix Editor auf Hinzufügen (das Plus-Symbol), wähle dort Einbetten und dann HTML iframe oder Benutzerdefinierter Code. Füge anschließend den Code in das dafür vorgesehene Feld ein. Du kannst das eingebettete Element im Editor an die gewünschte Stelle ziehen und in der Größe anpassen.
Verwendung der Wix Velo Entwicklungsplattform
Für komplexere Integrationen oder wenn der Drittanbieter eine API bietet, kannst du mit Wix Velo arbeiten, einer offenen Entwicklungsplattform von Wix. Damit hast du die Möglichkeit, JavaScript-Code und Backend-Funktionen zu schreiben, um eine tiefere Integration zu realisieren. Du kannst API-Aufrufe an Drittanbieter-Server machen, Ergebnisse auf deiner Website darstellen und Benutzerinteraktionen individuell gestalten. Dazu aktivierst du Velo im Editor über das Menü und arbeitest dann im Code-Editor. Voraussetzung ist aber meist ein gewisses Maß an Programmierkenntnissen.
Abschließende Überprüfung und Veröffentlichung
Nachdem du die App integriert hast, solltest du deine Website im Editor sorgfältig überprüfen. Teste, ob die Drittanbieter-App korrekt geladen wird, ob alle Funktionen wie gewünscht ablaufen und ob das Design zur restlichen Website passt. Achte auch auf die Ladezeiten, da externe Apps unter Umständen die Performance beeinflussen können. Wenn alles zufriedenstellend funktioniert, veröffentlicht du deine Website, sodass die Integration auch für Besucher sichtbar wird.
Wichtige Hinweise zur Sicherheit und Datenschutz
Beachte bei der Integration von Drittanbieter-Apps stets die Datenschutzbestimmungen, insbesondere wenn personenbezogene Daten verarbeitet werden. Informiere dich, ob der Anbieter DSGVO-konform arbeitet und prüfe, ob du eine Ergänzung zu deiner Datenschutzerklärung auf der Website hinzufügen musst. Außerdem kann es ratsam sein, ein Backup deiner Website zu erstellen, bevor du tiefgreifende Änderungen vornimmst, falls etwas schief geht.