{source}<form id="newsletterSubscriptionForm" action="https://www.skywalker.gr/api/v3/subscribe-external" method="post" target="blank" 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="Subscribe" class="readon" />
    <div id="responseMessage" style="margin-top: 10px;"></div>
</form>

<script>
$(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}