Installation auf WordPress

WordPress hat zwei Stellen für Code, die mit Voxtrics-Umfragen funktionieren: den websiteweiten Footer des Plugins WPCode für ein Popup, ein Popup ohne Button oder eine Chat-Umfrage auf jeder Seite, und den Block Custom HTML für ein Inline-Formular, das auf einer Seite platziert wird. Beides funktioniert auf einer selbst gehosteten WordPress-Website und auf WordPress.com mit jedem kostenpflichtigen Tarif.

Bevor Sie beginnen

  1. Fügen Sie unter Domains die Domain hinzu, unter der Ihre WordPress-Website geöffnet wird, zum Beispiel example.com, oder ihre WordPress.com-Adresse wie your-site.wordpress.com. Eine Umfrage wird nur auf der Domain geladen, zu der sie gehört.
  2. Erstellen Sie die Umfrage unter dieser Domain und veröffentlichen Sie sie.
  3. Kopieren Sie die ID der Umfrage: Öffnen Sie in der Liste Umfragen den Einbettungscode der Umfrage. Die ID ist der Wert von formId.

WordPress hat kein eigenes Feld für Code, der auf jeder Seite läuft, daher kommt der Code über ein Plugin hinein. Diese Schritte verwenden WPCode (früher Insert Headers and Footers), ein kostenloses Plugin, das genau dafür gemacht ist.

  1. Öffnen Sie in Ihrem WordPress-Dashboard Plugins → Add New Plugin, suchen Sie nach WPCode, klicken Sie auf Install Now und dann auf Activate.

  2. Gehen Sie zu Code Snippets → Header & Footer.

  3. Fügen Sie in Footer Folgendes ein, mit der ID Ihrer Umfrage anstelle von YOUR_SURVEY_ID:

    <script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script>
<script>
  window.SiteUtilsFeedback.initiateFeedbackModule({ formId: 'YOUR_SURVEY_ID' });
</script>

    Footer-Code läuft am Ende jeder Seite, nachdem die Seite selbst geladen ist.

  4. Klicken Sie auf Save Changes.

Die Anleitung von WPCode selbst zu diesen Feldern: Using the Global Header & Footer settings.

Inline-Formular: der Block Custom HTML

  1. Öffnen Sie die Seite oder den Beitrag im Editor und klicken Sie an der Stelle, an der die Umfrage erscheinen soll, auf +.

  2. Suchen Sie nach Custom HTML und fügen Sie den Block hinzu.

  3. Fügen Sie den Einbettungscode Ihrer Umfrage ein, mit der ID Ihrer Umfrage anstelle von YOUR_SURVEY_ID:

    <div id="feedback-widget"></div>

<script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script>
<script>
  window.SiteUtilsFeedback.initiateFeedbackModule({
    formId: 'YOUR_SURVEY_ID',
    container: document.getElementById('feedback-widget'),
  });
</script>

  4. Speichern Sie die Seite.

Mit Elementor gebaute Seiten nehmen denselben Code in dessen Widget HTML auf, Divi-Seiten in dessen Modul Code.

Wenn die Umfrage nicht erscheint

  • Prüfen Sie, ob die Umfrage veröffentlicht ist und zu der Domain gehört, unter der Ihre Website geöffnet wird. Eine als example.com hinzugefügte Domain deckt auch www.example.com ab, aber nicht your-site.wordpress.com.
  • Leeren Sie nach dem Hinzufügen des Codes den Cache Ihres Caching-Plugins oder Ihres Hosters: Eine zwischengespeicherte Kopie der Seite enthält ihn noch nicht.
  • Plugins, die JavaScript verzögern, aufschieben oder zusammenfassen, um die Website zu beschleunigen (WP Rocket, LiteSpeed Cache, Autoptimize und ähnliche), können die Umfrage verspätet starten oder blockieren. Nehmen Sie feedback.voxtrics.io und SiteUtilsFeedback in diesen Einstellungen aus.
  • Code, der im Header von WPCode platziert ist, läuft, bevor die Seite geladen ist, daher startet die Umfrage nicht. Verschieben Sie ihn in den Footer.
  • Die Umfrage bleibt nur so lange auf der Website, wie WPCode aktiv ist: Wird das Plugin deaktiviert, verschwindet sie.
  • Vor-Ort- und E-Mail-Umfragen werden nicht auf einer Website platziert. Teilen Sie stattdessen ihren Link.