Кнопка в шорткоде, в elementor, переводит меня на другую страницу вместо того, чтобы отправить мне электронное письмо

Question

Я создал код, используя php и html, чтобы создать контактную форму. Я использую wordpress и elementor, поэтому мне пришлось создать следующий шорткод.

      <form class="contact-form" action="contact-form.php
      " method="post">
      <input type="text" name="name" placeholder="Nome">
      <input type="text" name="mail" placeholder="E-mail">
      <textarea name="message" placeholder="Insira sua mensagem"></textarea>
      <button type="submit" name="submit"> Enviar E-mail </button>
  </form>

</main>

<?php

if (isset($_POST['submit'])){
    $name = $_POST['name'];
    $mailFrom = $_POST['mail'];
    $message = $_POST['message'];

    $mailTo = "none@";
    $headers = "De: ".$mailFrom;
    $txt = "Recebeu um email de: ".$name.".\n\n".$message;

    mail($mailTo, $subject, $txt, $headers);
    header("Location: index.php?mailsend");
}

?>

Когда я использую опцию вставки в нижнем колонтитуле или заголовке, она отправляет мне электронное письмо, все работает нормально, но когда дело доходит до использования опции «где есть короткий код», это не так, он просто отправляет мне другая страница, где я получаю сообщение об отсутствии страницы. Я думаю, что это как-то связано с тем, как я настраивал кнопки на elementor, так как он менял цвет с помощью параметра hover, и я никогда не настраивал это на CSS краткого кода.

Спасибо.