Hi there!

We just need you to configure a few things before we can generate your form.

To begin we need your API details.

If you have never used API's before, it's more than likely that you will need to generate new keys.

Need help?

For your newsletter to work you will need two lists.

One for our API and one for your newsletter.

Need help?

You will need a workflow, this acts as the logic of your form.

Workflows automate services, such as a double-opt in. Please read the documentation, if you aren't aware of this term.

For an example of how your workflow should be configured, please click here.

Nearly there!

Which layout works best for you?

Newsletter

Newsletter

Finally!

Put the generated code on your site.

Generating form...

<form action="https://subscribe.101secure.net/api/subscribe" style="box-sizing: border-box; text-align: center; width: 100%; font-family: sans-serif; background: #ececec; padding: 1.5rem; border: 1px solid #ccc; border-radius: .2rem;">
    <input type="hidden" name="GUID" id="GUID" />
    <h1 style="line-height: 1; font-size: 1.25rem; margin-top: 0; margin-bottom: 1rem; font-weight: 400;">
        Subscribe to our Newsletter
    </h1>
    <div style="display: flex; flex-direction: column;">
        <div style="display: flex; margin-bottom: 1rem;">
            <input type="text" id="Firstname" name="Firstname" placeholder="First name" style="width: 100%; box-sizing: border-box; margin-right: .5rem; padding: .25rem .5rem; border-radius: .2rem; border: 1px solid #ccc;" required />
            <input type="text" id="Lastname" name="Lastname" placeholder="Last name" style="width: 100%; box-sizing: border-box; margin-left: .5rem; padding: .25rem .5rem; border-radius: .2rem; border: 1px solid #ccc;" required />
        </div>
        <br />
        <input type="email" id="Email" name="Email" placeholder="Email" style="width: 100%; box-sizing: border-box; padding: .25rem .5rem; border-radius: .2rem; border: 1px solid #ccc;" required />
        <br />
        <button type="submit" style="border: none; border-radius: .2rem; margin-top: 1rem; background-color: #ff6d02; color: #fff; padding: .5rem;">
            Subscribe
        </button>
    </div>
</form>
<form action="https://subscribe.101secure.net/api/subscribe" style="box-sizing: border-box; text-align: center; width: 100%; font-family: sans-serif; background: #ececec; padding: 1.5rem; border: 1px solid #ccc; border-radius: .2rem;">
    <input type="hidden" name="GUID" id="GUID" />
    <h1 style="line-height: 1; font-size: 1.25rem; margin-top: 0; margin-bottom: 1rem; font-weight: 400;">
        Subscribe to our Newsletter
    </h1>
    <div style="display: flex; flex-direction: column;">
        <input type="text" id="Fullname" name="Fullname" placeholder="Full name" style="width: 100%; box-sizing: border-box; padding: .25rem .5rem; border-radius: .2rem; border: 1px solid #ccc;" required />
        <br />
        <input type="email" id="Email" name="Email" placeholder="Email" style="width: 100%; box-sizing: border-box; padding: .25rem .5rem; border-radius: .2rem; border: 1px solid #ccc;" required />
        <br />
        <button type="submit" style="border: none; border-radius: .2rem; margin-top: 1rem; background-color: #ff6d02; color: #fff; padding: .5rem;">
            Subscribe
        </button>
    </div>
</form>