Wie können wir helfen?

Selector in Webseite einbinden

Du bist hier:

Der Selector kann auf einer beliebigen Webseite oder Landing-Page oder in ein CMS integriert werden. Dies kann als Snippet- oder iFrame-Integration erfolgen.


Einbindung als Snippet

Um den Selector an der gewünschten Position einzubetten (z.B. als WordPress-Plugin, Jimdo-Erweiterung, etc.), verwenden Sie bitte das unten stehenden Code-Snippet:

<script
id="foxbase-selector-bootstrap"
src="https://digitizer.app/selector/index.js"
data-selector-id="ID DES SELECTORS"
data-scroll-adjust="0"
data-lang="de_DE">
</script>

Alle Parameter, bis auf die data-selector-id, sind optional. Eine verkürzte Version ist:

<script
id="foxbase-selector-bootstrap"
src="https://digitizer.app/selector/index.js"
data-selector-id="ID DES SELECTORS">

</script>

Erklärung der Snippet-Parameter

  • data-selector-id: Hier muss die ID des Selectors eingefügt werden. Die Selector ID kann u.a. in der URL gefunden werden:
Screenshot der Selector URL mit Selector ID
  • data-scroll-adjust: Hiermit wird der Abstand zum Header festgelegt. Ideal für floating headers.
  • data-lang: Mit diesem Parameter kann die Sprache festgelegt werden, wenn Übersetzungen vorliegen. Die Sprache Ihres Selectors, beispielsweise en_EN für Englisch oder de_DE für Deutsch, können Sie auch in der URL-Endung erkennen.

Einbindung als iFrame

Alternativ kann der Selector auch über die Selector-URL als iFrame eingebunden werden:

<iframe
id="responsive-iframe"
src="URL DES SELECTORS"
width="100%"
height="1000px"
name="Selector-Name"
title="Selector-Titel">

</iframe>

Erklärung der iFrame-Parameter

  • id: Eine iFrame id kann optional hinzugefügt werden.
  • src: Hier muss die gesamte URL, mit der Ihr Selector aufgerufen wird, eingefügt werden. Ein Beispiel ist die im oben stehenden Bild zu sehende Selector-URL.
  • width und height: Für die iFrame-Integration müssen Breite und Höhe des iFrames angegeben werden. Dies kann über „width“ und „height“ erfolgen oder mittels
    style="width: 100%; height: 500px; border: 0px; outline: 0px;"
  • name und title: Optional kann ein Name und Titel des Selectors hinzugefügt werden.

Beispiel der Einbindung in WordPress via Snippet:

Fügen Sie das Code Snippet an der entsprechenden Stelle der Webseite ein, wo es zu sehen sein soll.

War dieser Artikel hilfreich?
Wie können wir diesen Artikel verbessern?
Please submit the reason for your vote so that we can improve the article.
Zurück Selector erstellen und öffnen
Inhaltsverzeichnis

Kontakt

Wir freuen uns über jede Anfrage zum Digital Product Selector. Lass uns gemeinsam den B2B-Vertrieb nachhaltig digitalisieren!

Info

mailkontakt@foxbase.de
phone+49 211 1586 4066
addressOststraße 10, 40211 Düsseldorf