In dieser Anleitung zeigen wir Ihnen, wie Sie Ihr Sticky Floating Kontaktformular mit wenigen Klicks über einen Link oder eine JavaScript-Funktion öffnen können. Um mehr über die Nutzung der App zu erfahren, klicken Sie hier.
Mit dieser Funktion können Sie Ihr Kontaktformular an einer beliebigen Stelle auf Ihrer Website starten, beispielsweise auf einer benutzerdefinierten Schaltfläche, die Sie auf Ihrer Produktseite einfügen.
Nehmen wir das obige Beispiel. Um das Kontaktformular per JavaScript auf Ihrer Produktseite einzubinden, öffnen Sie zunächst die Produktseite in Ihrem Shopify-Adminbereich. Sie können entweder ein neues Produkt hinzufügen oder ein bestehendes bearbeiten. Folgen Sie den Anweisungen zum Vergeben/Bearbeiten des Produktnamens und fügen Sie im Beschreibungsfeld ein Bild Ihrer Wahl hinzu. Dieses Bild dient als benutzerdefinierter „Button“, über den Besucher das Kontaktformular öffnen können.
Klicken Sie auf das Bild, das Sie gerade hochgeladen haben, und dann auf die Schaltfläche „“, um den HTML-Code des Bildes anzuzeigen. Hier müssen Sie die JavaScript-Funktion hinzufügen.
Sie müssen den folgenden Code direkt vor dem Bild-Tag hinzufügen (das Bild-Tag ist bereits vorhanden, wenn Sie ein Bild hochladen).
<a href="javascript:sticky_form_open();">
Wenn Sie fertig sind, vergessen Sie nicht, oben auf der Seite auf „Speichern“ zu klicken. Das ist es! Kinderleicht ☺️
Das von Ihnen hochgeladene Bild fungiert dann als benutzerdefinierter „Button“ und wenn Ihre Besucher darauf klicken, wird das Kontaktformular geöffnet, in das sie es ausfüllen können. Am Ende sollte es auf Ihrer Website in etwa so aussehen:
