Forms

Create and manage subscribe and unsubscribe forms in SenderWiz. Discover how to embed forms on your website and capture essential subscriber information effortlessly.

You can generate and manage subscribe and unsubscribe forms for your contact lists. These forms can be embedded on your website or used as standalone pages to capture subscriber data or process unsubscribe requests.

1. Subscribe Form

The subscription form is the gateway for users to sign up for your mailing list. It contains fields that match your contact list’s custom fields, such as email, first name, and more. These forms are customisable and can be embedded into your website to streamline the signup process.

Here’s a basic example of a subscription form:

<form action="https://app.example.com/lists/{list_id}/subscribe" method="post" accept-charset="utf-8">
    <div class="form-group">
        <label>Email <span class="required">*</span></label>
        <input type="text" class="form-control" name="EMAIL" placeholder="Please type your email address" required />
    </div>
    <div class="clearfix"></div>
    <div class="actions pull-right">
        <button type="submit" class="btn btn-primary btn-flat">Subscribe</button>
    </div>
    <div class="clearfix"></div>
</form>

In this example, the EMAIL field is required for subscription. This basic HTML form captures the user's email and sends it to the specified URL.

iFrame Version for Embedding

For easier integration, you can also use the iframe version of the subscription form. This allows you to embed the form directly into your webpage without needing custom HTML code.

<iframe src="https://app.example.com/lists/{list_id}/subscribe?output=embed&width=400&height=200" width="400" height="200" frameborder="0" scrolling="no"></iframe>

2. Unsubscribe Form

The Unsubscribe Form enables users to opt out of your mailing list. You can provide this form on your website or within your emails to make the unsubscribe process straightforward.

Here’s an example of the unsubscribe form based on the image:

<form action="https://app.example.com/lists/{list_id}/unsubscribe" method="post" accept-charset="utf-8" target="_blank">
    <div class="form-group">
        <label>Email <span class="required">*</span></label>
        <input type="text" class="form-control" name="EMAIL" placeholder="Please type your email address" required />
    </div>
    <div class="clearfix"></div>
    <div class="actions pull-right">
        <button type="submit" class="btn btn-primary btn-flat">Unsubscribe</button>
    </div>
    <div class="clearfix"></div>
</form>

In this example, the EMAIL field is required for unsubscription. The form action directs the request to the specific list's unsubscribe page.

iFrame Version for Unsubscribe Form

Similar to the subscription form, the unsubscribe form can also be embedded using an iframe for easier integration into your website.

<iframe src="https://app.example.com/lists/{list_id}/unsubscribe?output=embed&width=400&height=200" width="400" height="200" frameborder="0" scrolling="no"></iframe>

3. Customising Forms

You can fully customise these forms by editing the HTML or using CSS to match your brand’s style and design. The key elements like [EMAIL] or [SUBMIT_BUTTON] can be used to ensure data is captured and processed correctly.

Why Use Forms?

• Seamless Integration: Embed subscription and unsubscribe forms directly into your website to streamline the user experience.

• Data Collection: Capture essential subscriber information using custom fields.

• User-Friendly: Simplify the process for both subscribing and unsubscribing, keeping your contact lists clean and up-to-date.

By using forms, you create a direct and seamless way for your users to manage their subscription preferences with your mailing list.