HTML-Snippet Integration

Dieser Artikel erklärt wie du den Konfigurator per HTML-Snippet in deine Website oder dein CMS einbindest — ohne Webshop-System.

Wann ist das HTML-Snippet die richtige Wahl?

Das HTML-Snippet eignet sich wenn du:

• keinen Magento- oder Shopware-Shop betreibst
• den Konfigurator auf einer Webseite als Angebots- oder Produktpräsentationstool einsetzen möchtest
• ein CMS wie WordPress, TYPO3, Joomla oder Jimdo nutzt

Schritt 1: Komponente anlegen

Melde dich unter service.configento.app an und öffne die Verwaltungsoberfläche. Lege dort eine neue Komponente an und richte deine Merkmale ein.

Schritt 2: Domain freischalten

Gehe in der Verwaltungsoberfläche zu Einstellungen → Domains und trage dort die Domain(s) ein auf denen der Konfigurator laufen soll. Ohne freigeschaltete Domain wird der Konfigurator nicht geladen.

Schritt 3: HTML-Snippet kopieren

Gehe zu Einstellungen → Integrationen → HTML5-Snippet. Dort findest du den fertig konfigurierten Einbettungscode.

Das Snippet sieht in etwa so aus:

<div id="configurator"></div>
<script src="https://cdn.configento.app/loader.js"></script>
<script>
  configento.init({
    templateId: 'DEINE-KOMPONENTEN-ID',
    container: '#configurator'
  });
</script>

Schritt 4: Snippet einbinden

Füge das Snippet an der gewünschten Stelle in deine Website ein. In WordPress kannst du es z.B. in einen HTML-Block einfügen, in TYPO3 in ein HTML-Element.

Schritt 5: Testen

Öffne die Seite im Browser und überprüfe ob der Konfigurator korrekt geladen wird. Bei Problemen stelle sicher dass:

• Die Domain korrekt in den Einstellungen eingetragen ist
• Die Komponenten-ID im Snippet stimmt
• JavaScript auf der Seite nicht blockiert wird

Fragen?

Schreib uns über den Chat-Button — wir helfen dir beim Einbinden.