flexgold-iFrame in Ihre Webseite einbinden
Das sollten Sie im Voraus in Erfahrung bringen
Bevor Sie den iFrame in Ihre Website integrieren, prüfen Sie bitte, ob Sie die folgenden Voraussetzungen erfüllen:
- Integrationstechnik: Klären Sie, ob Ihre Website die erforderliche Technik zur Einbindung des iFrames unterstützt, bspw. Code Block, Text Editor etc.
- iFrame-Code-Anpassungen: Stellen Sie sicher, dass Sie eventuell notwendige Anpassungen am iFrame-Code, wenn auch eingeschränkt, vornehmen können.
- Responsive Design Ihrer Website: Überprüfen Sie, ob Ihre Website auf verschiedenen Bildschirmgrössen korrekt dargestellt wird.
Wir sind davon überzeugt, dass die Einbindung des flexgold-iFrames eine Bereicherung für Ihre Website darstellt.
So binden Sie die flexgold-Landingpage in Ihre Webseite ein
Um den iFrame in Ihre Webseite einzufügen, stehen Ihnen diese drei Möglichkeiten zur Verfügung:
Antworten auf zu möglicherweise aufkommenden Fragen finden Sie in den FAQ.
Direktes Einfügen im HTML-Quellcode
Dies ist die häufigste Methode und bieten Ihnen die volle Kontrolle über die Platzierung und Gestaltung des iFrames. Hierzu öffnen Sie die HTML-Datei Ihrer Seite und fügen den iFrame-Code an der gewünschten Stelle ein.
- Generieren Sie mit Hilfe des iFrame-Generators Ihren persönlichen iFrame-Code. Kopieren Sie hierzu den vollständigen Einladungslink aus Ihrem Brokerbereich, fügen Sie diesen in den Generator ein und generieren Sie den iFrame-Code. Diesen müssen Sie nun für die weiteren Schritte kopieren.
- Öffnen Sie Ihren HTML–Code z.B. im Text-Editor und suchen sie eine geeignete Stelle zum Einpflegen des iFrame-Codes. Fügen Sie nun den iFrame-Code zwischen den Tags <body> und </body> ein.
- Danach prüfen Sie über einen Browser die Darstellung der Seite. Das iFrame passt sich automatisch der Höhe und der Breite Ihrer Webseite an. Testen Sie bitte ebenfalls den Button «Jetzt flexgold testen», hier ist nun Ihr Einladungslink hinterlegt.
Integration über Content Management System
Wird Ihre Webseite mit einem Content Management System wie z.B. WordPress, Joomla oder Drupal betrieben, können Sie den iFrame-Code über das Backend des CMS einfügen. Viele CMS bieten integrierte Funktionen oder Plugins, mit denen Sie ganz einfach den iFrame-Code einfügen können, ohne den HTML-Quellcode manuell ändern zu müssen. Zudem gibt es auch bei einigen Templates die Möglichkeit, die Seite im Frontend, also über einen Editor, zu bearbeiten.
- Generieren Sie mit Hilfe des iFrame-Generators Ihren persönlichen iFrame-Code. Kopieren Sie hierzu den vollständigen Einladungslink aus Ihrem Brokerbereich, fügen Sie diesen in den Generator ein und generieren Sie den iFrame-Code. Diesen müssen Sie nun für die weiteren Schritte kopieren.
- Loggen Sie sich nun auf Ihrer CMS-Instanz ein und erstellen Sie eine neue Seite oder bearbeiten Sie eine bestehende Seite.
- Platzieren Sie an einer gewünschten Stelle und somit im jeweiligen Container ein Code Block-Element. Fügen Sie in diesem den iFrame-Code ein und speichern Sie die Seite.
- Danach testen Sie bitte über Ihre Vorschaufunktion die Darstellung der Seite im Browser. Das iFrame passt sich automatisch der Höhe und der Breite Ihrer Webseite an. Testen Sie bitte ebenfalls den Button «Jetzt flexgold testen», hier ist nun Ihr Einladungslink hinterlegt.
- Hinweis: Sollte das iFrame nicht die volle Breite des Bildschirms einnehmen, so liegt das vermutlich an Ihrer CSS-Grundeinstellung. Sie können dies aber gegebenenfalls ändern, indem Sie rechts in der Leiste unter Seiten-Attribute, bei «Template» 100 % Breite auswählen. Je nach Template kann sich diese Funktion unterscheiden.
Integration über Website Builder
Einige Website Builder wie Wix, Squarespace oder Weebly bieten integrierte Funktionen zum Einbetten von iFrames an. In der Regel können Sie den Code direkt in ein spezielles Widget oder Element einfügen, das für die Einbindung von externem Inhalt vorgesehen ist. Diese Methode ist besonders einfach und benutzerfreundlich, erfordert jedoch möglicherweise eine Anpassung der Einstellungen zur Grösse und Positionierung des iFrames.
- Generieren Sie mit Hilfe des iFrame-Generators Ihren persönlichen iFrame-Code. Kopieren Sie hierzu den vollständigen Einladungslink aus Ihrem Brokerbereich, fügen Sie diesen in den Generator ein und generieren Sie den iFrame-Code. Diesen müssen Sie nun für die weiteren Schritte kopieren.
- Loggen Sie sich nun in Ihrem Website-Builder ein und erstellen Sie eine neue Seite oder bearbeiten Sie eine bestehende Seite.
- Erstellen Sie ein neues HTML-Codefeld–Element und platzieren Sie dieses im Bodybereich Ihrer Seite. Je nach Template müssen Sie ggf. nicht genutzte Felder der Seite löschen.
- Passen Sie das HTML-Codefeld auf die Grösse und Breite Ihrer Seite an. Das iFrame ist relativ hoch, weshalb Sie das Feld nach unten hin verlängern müssen. Dadurch wird das gesamte iFrame ohne Scrollleiste rechts sichtbar.
- Danach testen Sie bitte über Ihre Vorschaufunktion die Darstellung der Seite im Browser. Das iFrame passt sich automatisch der Höhe und der Breite Ihrer Webseite an. Testen Sie bitte ebenfalls den Button «Jetzt flexgold testen», hier ist nun Ihr Einladungslink hinterlegt.
Die Inhalte des iFrames werden von unserem Team regelmässig auf Aktualität geprüft und somit bei wichtigen Änderungen angepasst. Diese Anpassungen werden remote auf Ihrer Webseite aktualisiert. Somit müssen Sie die Inhalte nicht selbst pflegen und halten Ihre Kunden immer auf den neusten Stand.
Der eingebettete iFrame ist eine 1-zu-1-Spiegelung des Original-iFrame https://golsilbershop.pixel-crafting.com/vermittler/iframe/ und sieht somit bei jedem Partner gleich aus, lediglich Ihr persönlicher Einladungslink ist individuell auf den Buttons Ihres iFrames hinterlegt.
Ein iFrame ist ein HTML-Element, das es ermöglicht, Inhalte von einer anderen Website in Ihre eigene Webseite einzubetten. Es bietet eine einfache Möglichkeit, dynamische Inhalte wie Videos, Karten oder spezifische Informationen ohne grossen Aufwand einzubinden. In unserem Fall ermöglicht der iFrame, dass bestimmte Inhalte von uns direkt auf Ihrer Website angezeigt werden, was die Benutzererfahrung verbessert und Ihre Kundenbindung stärkt.
Die Inhalte des flexgold-iFrames werden von unserem Marketingteam regelmässig auf Aktualität geprüft und somit bei wichtigen Änderungen angepasst. Diese Anpassungen werden remote auf Ihrer Webseite aktualisiert. Somit müssen Sie die Inhalte nicht selbst pflegen und halten Ihre Kunden immer auf den neusten Stand.
Das flexgold-Marketingteam aktualisiert die Inhalte in regelmässigen Abständen. Änderungen im flexgold-iFrame werden über den flexgold-Newsletter kommuniziert.
Die Inhalte des flexgold-iFrames werden universal gespiegelt und können somit nicht individuell angepasst werden. Jeder Agent nutzt das gleiche flexgold-iFrame.
Die Nutzung von flexgold Werbemitteln sind in unseren Nutzungsbedingungen geregelt. Der flexgold-iFrame darf lediglich in der von uns vorgeschriebenen Form genutzt werden. Ein Kopieren und Bearbeiten des HTML-Codes ist daher nicht gestattet.
Sie können jederzeit den Einladungslink der Buttons anpassen. Entweder Sie korrigieren den Einladungslink im generierten iFrame-Code, den Sie bereits auf Ihrer Webseite hinterlegt haben. Oder aber Sie generieren sich einen komplett neuen iFrame-Code mit Hilfe des Generators und fügen den neuen iFrame-Code ein.
Nein. Bei allen Buttons wird automatisch Ihr zu Beginn erzeugter Einladungslink hinterlegt.
Es gibt mehrere mögliche Gründe:
• Fehlende Berechtigungen: Stellen Sie sicher, dass Ihre Website die Einbettung von iFrames erlaubt. Überprüfen Sie Ihre Content Security Policy (CSP) und stellen Sie sicher, dass die URL, die Sie einbetten möchten, erlaubt ist.
• Fehlerhafte URL: Überprüfen Sie, ob die URL im iFrame-Tag korrekt ist und keine Tippfehler enthält.
• Responsive Design: Achten Sie darauf, dass das iFrame richtig dimensioniert ist und sich an verschiedene Bildschirmgrössen anpasst.
• Überprüfen Sie die Browser-Konsole auf Fehlermeldungen. Es könnte sein, dass es ein Problem mit der URL oder den Berechtigungen gibt.
• Stellen Sie sicher, dass die URL, die Sie eingebettet haben, erreichbar ist und keine serverseitigen Fehler vorliegen.
• Stellen Sie sicher, dass Sie die von uns bereitgestellte URL unverändert verwenden und keine zusätzlichen Parameter hinzufügen, die nicht von uns genehmigt wurden.
• Ändern Sie nicht den Inhalt innerhalb des iFrames.
