Integration in die Website (Vue)

Das incert-System kann entweder per Skript in Ihre bestehende Website eingebunden werden, oder alternativ als eigenständige Seite (Stand-Alone Darstellung) ausgespielt werden. Hier beschreiben wir die Einbindung des Systems in Ihre Website.

Dieser Beitrag richtet sich an Webagenturen. Daher sind die nachfolgenden Erklärungen nicht gänzlich für Laien verständlich formuliert. Für Webagenturen sollten aber alle Punkte einfach verständlich sein und keinen unverhältnismäßigen Aufwand verursachen. In keinem Fall kann oder darf incert im Code der Kundenwebsite arbeiten. Wir bitten daher um Verständnis, dass die Integration nicht von incert durchgeführt werden kann.

Ablauf bei Neuprojekten

  1. Das incert System wird zu Beginn des Projekts in eine noch nicht verlinkte oder indexierte Seite eingebunden. Diese Seite soll vom Website-Besucher noch nicht gefunden werden.
  2. Danach wird das System vom Shopbetreiber mit Content befüllt und von incert im Design an die Website angepasst und getestet.
  3. Anschließend erfolgt eine schriftliche Freigabe zur Verlinkung des Systems und zur Indexierung in Suchmaschinen und in der Website-Suche.

Ablauf bei Relaunches

  1. Das incert System wird in die neue Website eingebunden. Die Designanpassungen an das neue Erscheinungsbild erfolgen parallel zum bestehenden Livesystem, während das bisherige Design in der alten Website genutzt werden kann.
  2. Der Zeitpunkt des Relaunches ist mit incert frühzeitig abzustimmen. Einige Anpassungen können erst direkt im Zuge des Relaunches erfolgen, da ansonsten der Livebetrieb des Shops in der bisherigen Website unterbrochen werden würde. Insbesondere muss die dynamische Höhenanpassung (um einen abgeschnittenen Shop oder einen Leerbereich unter dem Shop zu verhindern) geprüft und ggf. angepasst werden.
  3. Kontrollieren Sie umgehend nach dem Relaunch die Funktionalität des incert Systems. Prüfen Sie insbesondere, ob sich die Höhe dynamisch an die angezeigten Inhalte anpasst und ob sich das Fenster des Zahlungsanbieters am Ende des Bestellprozesses korrekt öffnet.

Integration

In die Integrationsseite muss an gewünschter Stelle ein Container eingefügt werden, in welchem das incert System angezeigt wird:

<div id="myIncertShop"></div>

Danach folgt die Integration des incert Systems. Das KUNDENKÜRZEL ist als Platzhalter angegeben und erhalten Sie von Ihrem Projektbetreuer.

<script defer type="module" 
  src="https://incert-resources.com/frontend/KUNDENKÜRZEL/default/main.js" 
  onload='inctMount("#myIncertShop", "app")'>
</script>

Wenn Sie anstelle des Shops nur einen leeren Bereich oder Fehler angezeigt bekommen, ist eine Sicherung gegen unerlaubte Integration noch aktiv. Informieren Sie in diesem Fall Ihren Projektbetreuer.

Sprachen

Nicht jedes System ist mehrsprachig vorbereitet. Bei Unklarheit können Sie sich an service@incert.at wenden. Zum Aufrufen einer Sprache wird die Integration um den Sprachparameter „?language=ID“ ergänzt. Das KUNDENKÜRZEL ist als Platzhalter angegeben und erhalten Sie von Ihrem Projektbetreuer.

"https://incert-resources.com/frontend/KUNDENKÜRZEL/default/main.js?language=de"
"https://incert-resources.com/frontend/KUNDENKÜRZEL/default/main.js?language=en"

Subshops

Zur Integration von Subshops müssen Sie nur den Config Key im Skript ändern. Der Config Key für den Hauptshop ist immer default. Der individuelle Sub-Shop Key wird Ihnen nach der Einrichtung durch incert mitgeteilt. Im folgenden Beispiel lautet der Key platzhalter:

src="https://incert-resources.com/frontend/KUNDENKÜRZEL/platzhalter/main.js" 

War dieser Beitrag hilfreich?

0 von 0 fanden dies hilfreich