在元素中用短码按钮，将我带到另一页，而不是向我发送电子邮件

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上配置按钮的方式有关，因为它通过悬浮选项更改了颜色，而我从未在短代码的css上进行配置。

谢谢。