### [So verknüpfen Sie Ihr Conversational Form-Logo](https://wpforms.com/developers/how-to-link-your-conversational-form-logo/) **Veröffentlicht:** 6. Oktober 2021 **Autor:** David Ozokoye **Auszug:** Diese Anleitung zeigt Ihnen, wie Sie Ihr Conversational Form-Logo mit ein wenig JavaScript und PHP mit der Homepage verknüpfen. **Inhalt:** ## Einführung Möchten Sie Ihr Conversational Forms-Logo von Ihrem Formular mit Ihrer Homepage verknüpfen? In dieser Anleitung erstellen wir ein konversationelles Formular mit dem [WPForms Conversational Forms Addon](https://wpforms.com/addons/conversational-forms-addon/ "Conversational Forms Addon"), laden ein Logo für unser Formular hoch und fügen dann einen Ausschnitt hinzu, der dieses Logo über einen kleinen Codeausschnitt zurück zu unserer Homepage verlinkt. Diese Anleitung zeigt Ihnen Schritt für Schritt, wie Sie diese Funktionalität aktivieren. ## Einrichten Ihres Formulars Zuerst müssen wir ein neues Formular erstellen und unsere Felder zu diesem Formular hinzufügen. Für dieses Tutorial erstellen wir einfach ein Buchungsformular mit einigen grundlegenden Feldern. ### Aktivieren von Conversational Forms Als Nächstes müssen Sie das Formular als **Conversational Form** aktivieren. Gehen Sie dazu zu **Einstellungen » Conversational Forms**, um das konversationelle Format für Ihr Formular zu aktivieren. Weitere Informationen zu Conversational Forms finden Sie in unserer detaillierten Anleitung zum [Conversational Forms Addon](https://wpforms.com/docs/how-to-install-and-use-the-conversational-forms-addon/). ### Hochladen Ihres Logos Jetzt ist es an der Zeit, Ihr Logo in das konversationelle Formular hochzuladen. Klicken Sie im Tab **Conversational Forms** auf **Bild hochladen** und laden Sie Ihr Logo hoch. Sobald Sie fertig sind, klicken Sie auf **Speichern**, um die Änderungen zu speichern. Standardmäßig verknüpft dieses Bild nichts. Im nächsten Schritt fügen wir einen Codeausschnitt hinzu, der dieses Bild zurück zur Homepage verlinkt. ## Hinzufügen des Codeausschnitts Jetzt ist es an der Zeit, einen Ausschnitt zu Ihrer Website hinzuzufügen, der Ihr Logo-Bild in einen Link verwandelt. Anleitungen zum Hinzufügen von Code finden Sie in unserer Anleitung zum [Hinzufügen von benutzerdefiniertem JavaScript oder PHP](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/). ## Anpassen des Codes Sie müssen zwei wichtige Änderungen am Code vornehmen: Ersetzen Sie in **Zeile 10** `375` durch Ihre tatsächliche Formular-ID. Sie finden Ihre Formular-ID auf der Übersichtsseite der WPForms-Formulare. Ersetzen Sie in **Zeile 20** `'/'` durch die gewünschte URL. Zum Beispiel: - Für die Homepage: behalten Sie `'/'` - Für eine andere Seite: verwenden Sie `'/about'` - Für eine externe Website: verwenden Sie `'https://example.com'` **Hinweis:** Wir haben `'/'` verwendet, um die Zielseite für das Bild darzustellen. Dies würde die Benutzer zu Ihrer Homepage weiterleiten. Sie können jedoch den Wert `'/'` neben dem `href`-Schlüssel zu jedem gewünschten Link ändern. Wenn Sie nun Ihr konversationelles Formular anzeigen und mit der Maus über das Logo-Bild fahren, sehen Sie den Zeiger, um auf das Bild zu klicken. Und das ist alles, was Sie brauchen, um Ihr Conversational Forms-Logo zu verknüpfen. Möchten Sie dasselbe auch für das **Form Pages** Addon tun? Sehen Sie sich unsere Anleitung an [So verknüpfen Sie Ihr Form Pages Formular-Logo](https://wpforms.com/developers/how-to-link-your-form-pages-form-logo/ "So verknüpfen Sie Ihr Form Pages Formular-Logo"). ## Verwandt Action-Referenz: [wpforms\_wp\_footer](https://wpforms.com/developers/wpforms_wp_footer/ "Verwendung der wpforms_wp_footer-Aktion") **Kategorien:** Tutorials **Tags:** Javascript, JS, PHP ---