Wie Sie ein Formular zu Ihrer PrestaShop-Website hinzufügen

PrestaShop ist eine kostenlose E-Commerce-Plattform, die kleinen bis großen Unternehmen dabei hilft, einen erfolgreichen Online-Shop zu erstellen und zu betreiben. Sie sind bestrebt, Händlern und Kunden das beste Einkaufserlebnis zu bieten.

Wenn Sie eine PrestaShop-Website haben und ein Formular auf einer Seite einbetten möchten, folgen Sie den nachstehenden Schritten.

Iframes in HTML-Feldern erlauben

Standardmäßig erlaubt PrestaShop keine iframes in Seiteninhalten ober Produktbeschreibungen. Um die Unterstützung von iframes zu aktivieren, nehmen Sie diese Änderung in Ihrem PrestaShop-Dashboard mit nur wenigen klicks vor:

1. Öffnen Sie im PrestaShop-Dashboard das Shop-Parameter-Menü auf der linken Seite der Seite und klicken Sie auf Allgemein.
2. Rechts schalten Sie die Einstellung iframes in HTML-Feldern erlauben auf Ja.
3. Klicken Sie anschließend unten auf die Schaltfläche Speichern, um die Änderungen zu übernehmen.

Abrufen und Anpassen des Einbettungscodes

Folgen Sie diesen Schritten, um den Einbettungscode für Ihre PrestaShop-Website zu kopieren:

1. Klicken Sie im Formular-Generator auf Veröffentlichen.
2. Klicken Sie anschließend auf Plattformen.

3. Wählen Sie dann PrestaShop aus. Sie können die Suchleiste verwenden, um es leicht zu finden.

4. Klicken Sie im nächsten Bildschirm auf Code kopieren.

5. Im Einbettungscode suchen Sie nach onload=\"window.parent.scrollTo(0,0)\" und löschen Sie es. Entfernen Sie den alle <script>-Abschnitte, die nach dem schließenden </iframe>-Tag erscheinen. Der aktualisierte Code sollte folgendermaßen aussehen:

<iframe
    id="JotFormIFrame-201706063937051"
    title="Product Feedback Form"
    allowtransparency="true"
    allowfullscreen="true"
    allow="geolocation; microphone; camera"
    src="https://form.jotform.com/201706063937051"
    frameborder="0"
    style="min-width: 100%; height:539px; border:none;"
    scrolling="no">
</iframe>

Einbetten des Formulars

Befolgen Sie diese Schritte, um Ihr Formular in Ihre PrestaShop-Website einzubetten:

1. Erweitern Sie im PrestaShop-Dashboard das Design-Menü auf der linken Seite der Seite.
2. Klicken Sie auf die Option Seiten.
3. Im Abschnitt Seiten klicken Sie auf das Stiftsymbol in der Spalte Aktionen der untenstehenden Tabelle, um Ihr Formular in eine bestehende Seite einzubetten. Um eine neue Seite zu erstellen, klicken Sie oben auf die Schaltfläche Neue Seite hinzufügen.

4. Klicken Sie anschließend in der Symbolleiste für den Seiteninhalt auf Quellcode.

5. Im Quellcode-Fenster fügen Sie Ihren angepassten Formular-Einbettungscode ein und klicken Sie auf Ok.
6. Am unteren Ende des Seitenbereichs klicken Sie auf die Schaltfläche Speichern und Vorschau oder Speichern, um die Änderungen auf Ihrer Website zu übernehmen.
   Hinweis: Die Schaltfläche Speichern und Vorschau öffnet die Vorschau Ihrer Seite mit dem Formular in einem neuen Browser-Tab.

Haben Sie Fragen, Anregungen oder Feedback? Bitte hinterlassen Sie unten einen Kommentar. Sie können uns auch für Ihre Anfragen erreichen, indem Sie ein Support-Ticket erstellen.