Uberall Locator via iFrame einbinden
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>