Tectite form only shows N/A where the content should be

Dear Webflow Community,

I am integrating the Tectite form for a client project to be DSGVO compliant. I followed this guide, and also have some idea of code myself: https://tectite-guide.webflow.io
I even used the email template from the guide.

I created a very basic form to start with, to ensure its functionality. And the form works, the email arrives, however it does not show me the content. Wherever the content of the inputs should be, it just says N/A, even though the names of the variables match. However, the email address entered is shown as the sender. So somewhere the data does arrive…

Do you have any idea where the error could be? Is there something that I have overlooked? It seems that no one but me has this problem…

Thanks a lot in advance!
Here are some Screenshots and Code:

formmail.php
// Can’t show you the code, since it’s too long for posting…

formtemplate.html


image

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Website Anfrage Template</title>
    <style>
      @media only screen and (max-width: 620px) {
        table.body h1 {
          font-size: 28px !important;
          margin-bottom: 10px !important;
        }

        table.body p,
        table.body ul,
        table.body ol,
        table.body td,
        table.body span,
        table.body a {
          font-size: 16px !important;
        }

        table.body .wrapper,
        table.body .article {
          padding: 10px !important;
        }

        table.body .content {
          padding: 0 !important;
        }

        table.body .container {
          padding: 0 !important;
          width: 100% !important;
        }

        table.body .main {
          border-left-width: 0 !important;
          border-radius: 0 !important;
          border-right-width: 0 !important;
        }

        table.body .btn table {
          width: 100% !important;
        }

        table.body .btn a {
          width: 100% !important;
        }

        table.body .img-responsive {
          height: auto !important;
          max-width: 100% !important;
          width: auto !important;
        }
      }
      @media all {
        .ExternalClass {
          width: 100%;
        }

        .ExternalClass,
        .ExternalClass p,
        .ExternalClass span,
        .ExternalClass font,
        .ExternalClass td,
        .ExternalClass div {
          line-height: 100%;
        }

        .apple-link a {
          color: inherit !important;
          font-family: inherit !important;
          font-size: inherit !important;
          font-weight: inherit !important;
          line-height: inherit !important;
          text-decoration: none !important;
        }

        #MessageViewBody a {
          color: inherit;
          text-decoration: none;
          font-size: inherit;
          font-family: inherit;
          font-weight: inherit;
          line-height: inherit;
        }

        .btn-primary table td:hover {
          background-color: #34495e !important;
        }

        .btn-primary a:hover {
          background-color: #34495e !important;
          border-color: #34495e !important;
        }
      }
    </style>
  </head>
  <body
    style="
      background-color: #f6f6f6;
      font-family: sans-serif;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      line-height: 1.4;
      margin: 0;
      padding: 0;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
    "
  >
    <span
      class="preheader"
      style="
        color: transparent;
        display: none;
        height: 0;
        max-height: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        mso-hide: all;
        visibility: hidden;
        width: 0;
      "
      >Neue Anfrage von der Website</span
    >
    <table
      role="presentation"
      border="0"
      cellpadding="0"
      cellspacing="0"
      class="body"
      style="
        border-collapse: separate;
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
        background-color: #f6f6f6;
        width: 100%;
      "
      width="100%"
      bgcolor="#f6f6f6"
    >
      <tr>
        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top" valign="top">&nbsp;</td>
        <td
          class="container"
          style="
            font-family: sans-serif;
            font-size: 14px;
            vertical-align: top;
            display: block;
            max-width: 580px;
            padding: 10px;
            width: 580px;
            margin: 0 auto;
          "
          width="580"
          valign="top"
        >
          <div
            class="content"
            style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 580px; padding: 10px"
          >
            <!-- START CENTERED WHITE CONTAINER -->
            <table
              role="presentation"
              class="main"
              style="
                border-collapse: separate;
                mso-table-lspace: 0pt;
                mso-table-rspace: 0pt;
                background: #ffffff;
                border-radius: 3px;
                width: 100%;
              "
              width="100%"
            >
              <!-- START MAIN CONTENT AREA -->
              <tr>
                <td
                  class="wrapper"
                  style="
                    font-family: sans-serif;
                    font-size: 14px;
                    vertical-align: top;
                    box-sizing: border-box;
                    padding: 20px;
                  "
                  valign="top"
                >
                  <table
                    role="presentation"
                    border="0"
                    cellpadding="0"
                    cellspacing="0"
                    style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%"
                    width="100%"
                  >
                    <tr>
                      <td style="font-family: sans-serif; font-size: 14px; vertical-align: top" valign="top">
                        <p
                          style="
                            font-family: sans-serif;
                            font-size: 28px;
                            font-weight: normal;
                            margin: 0;
                            margin-bottom: 15px;
                          "
                        >
                          Inhalt der Anfrage:
                        </p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 8px">
                          <strong>Name: </strong>$Name
                        </p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 8px">
                          <strong>E-Mail-Adresse: </strong>$Email
                        </p>
                        <!--<p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 8px">
                          <strong>Telefonnummer: </strong>$Phone
                        </p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 8px">
                          <strong>Unternehmensname: </strong>$Firma
                        </p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 8px">
                          <strong>Leistungen: </strong>$Services
                        </p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 20px">
                          <strong>Nachricht: </strong><br />$Message
                        </p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 12px">
                          <strong>Datenschutz: </strong>$GDPR
                        </p>-->
                        <div
                          style="
                            height: 1px;
                            width: 100%;
                            background-color: #d3d3d3;
                            margin-top: 20px;
                            margin-bottom: 20px;
                          "
                        ></div>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 0px">
                          <strong>Honeypot: </strong>$url <br />
                        </p>
                        <p style="font-family: sans-serif; font-size: 12px; font-weight: normal; color: #878787">
                          (Nachricht l&ouml;schen, sofern hier im Honeypot etwas anderes steht, als N/A)
                        </p>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- END MAIN CONTENT AREA -->
            </table>
            <!-- END CENTERED WHITE CONTAINER -->
          </div>
        </td>
        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top" valign="top">&nbsp;</td>
      </tr>
    </table>
  </body>
</html>

In Webflow:

HTML-Embed-Code

<style>
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
}
</style>

<input type="hidden" name="recipients" value="team">
<input type="hidden" name="good_url" value="https://xxxx.xxxx.io/?success">
<input type="hidden" name="bad_url" value="https://xxxx.xxxx.io/?fail">
<input type="hidden" name="subject" value="Schadensmeldung">
<input type="hidden" name="mail_options" value="HTMLTemplate=formtemplate.html,TemplateMissing=N/A,CharSet=UTF-8">
<input type="text" class="visually-hidden" name="forname1" value="q7ga" autocomplete="off">
<input type="text" class="visually-hidden" name="forname2" value="" autocomplete="off">
<input type="text" class="visually-hidden" name="url" style="height: 0px;" tabindex="-1" autocomplete="off">

No one? :face_holding_back_tears: I guess my next move will be, to do everything from scratch again…

I found it. I need to use lowercase in the formtemplate variables, even though it’s different from the name used in webflow. So in case someone has the same issue: you’re welcome!