Subscription forms

Subscription forms allow users to sign up to receive opt-in communication via email or SMS.

Best practices

  • Use copy to clearly communicate the value of subscribing prior to presenting the subscription field.
  • Wherever possible, limit the number of fields to email only.
  • If applicable, allow users to select the type of content they’d like to receive.
  • Provide information on how to unsubscribe with each subscription form. This could include a link to more information and/or an unsubscribe form.

Example

Subscribe to our newsletter

Stay in the know about City of Winnipeg events, programs and news. Already subscribed? It's easy to manage your subscription or unsubscribe.


<h3>Subscribe to our newsletter</h3>
<p>Stay in the know about City of Winnipeg events, programs and news. Already subscribed? It's easy to manage your subscription or unsubscribe.</p>
<form>
  <label for="email">Email</label>
  <div class="form-row">
    <div class="col-md-5">
      <div class="form-group">
        <input type="email" class="form-control" id="email" placeholder="Enter your email address">
      </div>
    </div>
    <div class="col-md-4">
      <div class="form-group">
        <input disabled type="submit" class="btn btn-primary" value="Subscribe">
      </div>
    </div>
  </div>
</form>