{source}

<form
  id="newsletterSubscriptionForm"
  action="https://www.skywalker.gr/api/v3/subscribe-external"
  method="post"
  class="fp-bottom-form"
  style="border: 1px solid #ccc; padding: 3px; text-align: center"
>
  <input
    name="email"
    type="text"
    class="inputbox"
    style="margin-top: 10px !important"
    placeholder="Email"
    data-message-required="Αυτό το πεδίο είναι υποχρεωτικό"
    data-validate="required"
  />
  <input type="submit" value="Εγγραφή" class="readon" />
  <div id="responseMessage" style="margin-top: 10px"></div>
</form>

<script>
  jQuery(document).ready(function ($) {
    $("#newsletterSubscriptionForm").submit(function (e) {
      e.preventDefault();

      var formData = $(this).serialize();

      $.ajax({
        type: "POST",
        url: "https://www.skywalker.gr/api/v3/subscribe-external",
        data: formData,
        success: function (response) {
          $("#responseMessage").html(
            '<span style="color: green;">' + response.message + "</span>"
          );
        },
        error: function (xhr, status, error) {
          var errorMessage = xhr.status + ": " + xhr.statusText;
          $("#responseMessage").html(
            '<span style="color: red;">Error - ' + errorMessage + "</span>"
          );
        },
      });
    });
  });
</script>

{/source}