Add an email signup form

When you design a landing page with your own HTML, your code is served exactly as you wrote it. A signup form inside it would therefore lead nowhere, because Tentary does not know about it and cannot store the addresses that visitors enter. To make your form work anyway, you mark it with an attribute. Tentary takes care of the rest: every address is saved as a subscriber and the double opt-in email goes out automatically.

Adding the attribute to your form

Add data-tentary="subscribe" to your <form> tag. Nothing else is needed.

<form data-tentary="subscribe">
  <input type="email" placeholder="Your email address" required>
  <button type="submit">Subscribe</button>
</form>

This works both on an HTML page that you create under Landing pages and in the Custom Code element in the landing page builder.

Note: Do not add your own JavaScript to this form. Tentary wires the form up as the page is served, and your own scripts get in the way of that process.

What happens after the signup

After submitting, the visitor returns to your landing page. The form disappears and a confirmation takes its place.

If you would rather send the visitor to a thank you page of your own, create that page as a landing page first and then enter its path in the <form> tag. If your thank you page sits at yourshop.mytentary.com/thank-you, for example, you add data-tentary-return="/thank-you". The visitor then lands there instead of on your landing page. You can only point this at pages from your own shop.

If you want to word the confirmation yourself, put the attribute data-tentary="subscribed" on an element next to the form, not inside it. Tentary keeps that element hidden until the form has been submitted. An element inside the form disappears along with the form after the signup and therefore never becomes visible.

<form data-tentary="subscribe" data-tentary-return="/thank-you">
  <input type="email" placeholder="Your email address" required>
  <button type="submit">Subscribe</button>
</form>

<div data-tentary="subscribed">Thanks, please check your inbox.</div>

If you work with an AI tool

If you have ChatGPT, Google Gemini or Claude write your landing page, include the following sentence in your prompt so that the form is built correctly from the start:

Add a newsletter signup form. Put data-tentary="subscribe" on the <form> tag and an <input type="email"> inside it, and add no JavaScript to the form. Right after the form, outside it, add one element with data-tentary="subscribed" that holds the confirmation text. Tentary keeps that element hidden until someone has signed up, so do not hide or show it with your own code. Only if I name a separate thank-you page, also put data-tentary-return="/its-address" on the <form> tag.

FAQ

What does the email field have to be called?

That does not matter. Tentary recognises the address regardless of how the field is named. All that counts is that your form contains a field for the email address at all.

What happens to my existing forms?

They stay exactly as they are. Tentary only wires up forms that carry the attribute, so a form that you send to Mailchimp or to a service of your own keeps working just as before.

Why do I see a notice about my form in the editor?

The editor checks whether your page contains an email field that collects no addresses, and reminds you about the attribute in that case. If you send the form to another tool on purpose, you can simply ignore the notice.

Can I deliver a free product this way?

No, this form only collects addresses for your email marketing. If you would like to offer a free product on somebody else’s website, use the embed script instead.