Dieser Artikel enthält eine Anleitung zum Einbetten Ihres Locator und Pages Widget über iFrame in Ihre Website.
Gehen Sie folgendermaßen vor, um Ihren Locator über iFrame einzubetten:
Locator Snippet definieren
Zunächst müssen Sie Ihren HTML-Code des Locators fertigstellen. Hier erfahren Sie, wie am Besten vorzugehen ist.
Beispiel-Snippet
<script src = "https://uberall.com/assets/storeFinderWidget-v2.js" type = "text / javascript"> </ script> <div Ortung: id = "Store-Finder-Widget" data-key = "uAYjjxP1XKvyYWqkKSATLp3GdymM4q" Datensprache = "en" data-baseurl = "https://uberall.com" data-trackevents = "true" data-showattribution = "true" data-askforlocationonload = "true" data-imperialunits = "false" data-showzipcity = "true" data-locationpinurl = "" data-locationpinurl-business = "" data-title = "Standorte" data-showheader = "true" data-footertext = "" data-showfooter = "true" Filter: data-hideopennowfilter = "true" Datenfilter = "Dienste" Datenfilter-Dienste = "" Standortseite: data-showkeywords = "false" data-displayategories = "true" data-showlanguages = "false" data-showwebsite = "true" data-showlogo = "true" data-showimilarlocations = "true" data-locationpageheader = "Karte" data-showervices = "false" data-showbacklink = "true" data-showreviews = "true" Anpassungen: data-buttonbgcolor = # 31649E data-buttontextcolor = "weiß" data-linkcolor = # 31649E > </ div>
HTML auf Server speichern
Als nächstes müssen Sie Ihre HTML-Datei auf Ihrem Server speichern.
Beispiel: https://uberall.store/Test/
Wir empfehlen, den HTML-Code vor dem Speichern auf dem Server zu finalisieren, da Sie diesen sonst überarbeiten müssen.
Einbetten
Der letzte Schritt besteht darin, den Locator über iFrame in den HTML-Code Ihrer Website einzubetten. Als Quelle wird der jeweilige Pfad zur HTML auf ihrem Server definiert.
Beispiel:
<iframe src = "https://uberall.store/Test/"> </iframe>
Beispiel
Dieser Locator ist über iFrame eingebettet:
Beispiel:
<iframe style = "border: none;" width = "100%" height = "800" src = "https://uberall.store/HelpJuice/#!"> </iframe>