Zum Hauptinhalt springen

Auf Webflow installieren

Webflow stellt zwei Custom-Code-Flächen bereit: site-weit (Project Settings → Custom Code) und pro Seite. Das Widget gehört ins site-weite Footer-Code-Feld.

Plan-Voraussetzung

Custom Code erfordert einen kostenpflichtigen Webflow-Plan. Kostenlose Projekte können auf der Live-*.webflow.io-URL keinen Custom Code publizieren.

Site-weite Installation​

  1. Im Webflow Designer Projekt-Namen (oben links) klicken → Project Settings.

  2. Tab Custom Code.

  3. Ins Footer Code-Feld (vor </body>) das Snippet aus dem Pay4Feedback-Dashboard einfügen:

    <!-- Pay4Feedback Widget -->
    <script src="https://app.pay4feedback.com/feedback-agent.iife.js"
            crossorigin="anonymous" async></script>
    <script>
      window.addEventListener('DOMContentLoaded', function () {
        window.FeedbackAgent.init({
          tenantId:   'YOUR_TENANT_ID',
          apiKey:     'p4f_live_...',
          baseUrl:    'https://app.pay4feedback.com',
          campaignId: 'YOUR_CAMPAIGN_ID',
          trigger:    { type: 'time', value: 10 }
        });
      });
    </script>

  4. Save Changes.

  5. Publish klicken — Custom Code geht erst nach explizitem Publish live.

Pro Seite​

  1. In der Pages-Liste auf das Zahnrad-Symbol → Page Settings.
  2. Custom Code → Before </body> tag.
  3. Snippet einfügen, speichern, publizieren.

Webflow E-Commerce: Post-Purchase​

Webflow leitet Käufer auf /order-confirmation. Pfad-bewusste Variante:

<script src="https://app.pay4feedback.com/feedback-agent.iife.js"
        crossorigin="anonymous" async></script>
<script>
  window.addEventListener('DOMContentLoaded', function () {
    window.FeedbackAgent.init({
      tenantId:   'YOUR_TENANT_ID',
      apiKey:     'p4f_live_...',
      baseUrl:    'https://app.pay4feedback.com',
      campaignId: 'YOUR_CAMPAIGN_ID',
      trigger:    { type: 'manual' }
    });

    if (location.pathname === '/order-confirmation') {
      var t = setInterval(function () {
        if (window.FeedbackAgent) {
          clearInterval(t);
          window.FeedbackAgent.show();
        }
      }, 250);
    }
  });
</script>

Fehlersuche​

Widget im Designer sichtbar, aber nicht live​

Designer-Preview ≠ Live-Site. Custom Code rendert nur auf der publizierten URL. In Inkognito prüfen.

"Save geklickt, immer noch nicht live"​

Webflow erfordert nach Custom-Code-Änderungen einen expliziten Publish.

Verwandt​