Adding custom javascript

I want to add some javascript code for linking to other services.
Support says to add a line like this:

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

and later, where I want to add a form:

<button id="feedback-form">Feedback</button>

<script id="zammad_form_script" src="https://zammad.klocker-mark.eu/assets/form/form.js"></script>

<script>
$(function() {
  $('#feedback-form').ZammadForm({
    messageTitle: 'Feedback Formular',
    messageSubmit: 'Übermitteln',
    messageThankYou: 'Vielen Dank für Ihre Anfrage (#%s). Wir melden uns umgehend!',
    modal: true
  });
});
</script>

How/where should I do this?

Hello,

First thanks for using our theme!

Please try following the steps below:

  1. Install the Header and Footer Scripts plugin
  2. Go To Settings > Header and Footer Scripts panel
  3. Paste the following code into the provided Scripts in footer box
    <script id="zammad_form_script" src="https://zammad.klocker-mark.eu/assets/form/form.js"></script>
    <script>
        jQuery(function($) {
            if( $('#feedback-form').length ) {
                $('#feedback-form').ZammadForm({
                    messageTitle: 'Feedback Formular',
                    messageSubmit: 'Übermitteln',
                    messageThankYou: 'Vielen Dank für Ihre Anfrage (#%s). Wir melden uns umgehend!',
                    modal: true
                });
            }
        });
    </script>
  1. Go to Pages and edit the page you want to have the button. Then, look for the Custom HTML block and add the button HTML
    image

We hope this helps!

Let us know if you need further assistance.

Kind Regards,
Rodrigo,
aThemes Support