将Tinyletter以表单字段形式嵌入Pelican博客时的订阅报错问题求助

Let's break down why your custom form is throwing the "That email doesn't look right" error, and how to fix it:

The Root Cause #

Your simplified form is missing two critical pieces that Tinyletter's subscription system expects from embedded forms:

• Mismatched field name: You're using name="_replyto" for the email input, but Tinyletter's backend is looking for name="email" to capture the subscriber's address.
• Missing embed identifier: Tinyletter requires a hidden field to recognize that the request is coming from an embedded form (not its official page), which your form doesn't include.

The Fixed Form Code #

Here's the adjusted version of your form that aligns with Tinyletter's requirements:

<form class="" action="https://tinyletter.com/test-user" method="POST" target="_blank">
  <!-- Use the correct field name Tinyletter expects -->
  <input class="" type="email" name="email" placeholder="Subscribe via email" id="email" required>
  <!-- Hidden field to mark this as an embedded form request -->
  <input type="hidden" value="1" name="embed">
  <button class="btn" type="submit">Sign up</button>
</form>

Key Changes Explained #

• Changed name="_replyto" to name="email": This ensures the email value is sent to Tinyletter's backend using the parameter it's configured to read.
• Added <input type="hidden" value="1" name="embed">: This tells Tinyletter's system that the subscription request is coming from an embedded form, which bypasses certain validation checks that were causing your error.
• Added type="email" and required (optional but recommended): Improves frontend validation and ensures browsers send properly formatted email values.
• Added target="_blank": Opens the Tinyletter validation page in a new window, so your readers don't leave your blog.

Testing the Fix #

After updating your Jinja2 template with this code, test the subscription flow again:

1. Enter a valid email address and submit the form.
2. Complete the captcha on the Tinyletter validation page.
3. You should now see the success message instead of the email error—just like when using the official Tinyletter page directly.

内容的提问来源于stack exchange，提问作者coolpy