Wie bette ich ein Javascript-Formular direkt in eine Seite ein?

Ich habe eine neue WP Installation mit dem Jupiter Theme installiert. Ich habe ein Kontaktformular, das in Sharpspring erstellt wurde, ein CRM, das angeblich perfekt mit WP funktioniert, und generiert automatisch Einbettungscodes für das Einstecken in eine beliebige Seite. Ich bin kein JS-Experte und kann nicht herausfinden, wie man das Formular tatsächlich einbetten kann.

Ich habe einen Tracking-Code von Sharpspring erhalten, den ich in die Header-Datei aufgenommen habe:

 var _ss = _ss || []; _ss.push(['_setDomain', 'domain.com']); _ss.push(['_setAccount', 'TrackingIDHere']); _ss.push(['_trackPageView']); (function() { var ss = document.createElement('script'); ss.type = 'text/javascript'; ss.async = true; ss.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'marketingservices.com/client/ss.js?ver=1.1.1'; var scr = document.getElementsByTagName('script')[0]; scr.parentNode.insertBefore(ss, scr); })();  

Dann habe ich ein paar Code für ein paar verschiedene Formulare einbetten, die wie folgt aussehen:

   var ss_form = {'account': 'AccountID', 'formID': 'FormID'}; ss_form.width = '100%'; ss_form.height = '1000'; ss_form.domain = 'domain.services'; // ss_form.hidden = {'Company': 'Anon'}; // Modify this for sending hidden variables, or overriding values   

Wie kann ich solche Codes direkt auf Seiten einbetten, so dass die zugehörigen Formulare angezeigt werden und die eingereichten Informationen direkt in Sharpspring eingehen, wie ihre Tonhöhenversprechen?

Solutions Collecting From Web of "Wie bette ich ein Javascript-Formular direkt in eine Seite ein?"

Hier finden Sie eine Schritt-für-Schritt-Anleitung zum Hinzufügen von Javascript zu Seiten:

Schritt 1: Logge dich in WordPress ein

Schritt 2: Navigieren Sie zu der Seite, der Sie die Skripte hinzufügen möchten.

Schritt 3a: Wenn Sie irgendeine Art von Seitenerstellung haben, müssen Sie auf die Schaltfläche “Basic Editor” oder etwas ähnliches klicken, damit Sie den Default WordPress Editor erhalten, der wie folgt aussieht:

Props zu WPMU Dev! (https://premium.wpmudev.org/blog/wp-content/uploads/2010/10/editor.png)

Schritt 3b: Sobald Sie den Standard-Standard-Editor sehen, klicken Sie auf “HTML” (in älteren Versionen) oder auf die Registerkarte “Text”, die sich oben rechts in Ihrem Editor befindet. “Visual” wird direkt daneben sein.

Schritt 4: Fügen Sie Ihren Code ein, wo immer Sie möchten. Sie werden das Formular nicht sehen können, wenn Sie zu Visual zurückwechseln, aber es wird dort sein und wartet still auf die Ausführung.

Schritt 5: Klicken Sie auf “Aktualisieren” und überprüfen Sie, ob das Formular wie erwartet angezeigt wird.

Der schnelle und schmutzige Weg (aber weniger schmutzig als seitenweise Änderungen) wäre ein Shortcode:

 function my_sharpspring() { $str = < <   EOD; return $str; } add_shortcode('sharpspr','my_sharpspring');