Commerce7 Subscribe Widget

Learn how the C7 subscribe widget works and options to add additional fields.

Commerce7 Subscribe Widget Options

The Commerce7 Subscribe Widget has 2 options:

1. Subscribe with Name, which includes First & Last Name and Email:
Commerce7 Subscribe with Name

2.Subscribe, which only includes the email address field
Cmmerce7 Subscribe

Unfortunately, it’s not possible to add additional field to the subscribe widget such as phone number, zip code, how did you hear about us, etc. If you want to add custom fields, you’ll want to use a custom C7 form instead of the Subscribe widget.
 

Using a Custom C7 Form to Gather Email Signups

If you want to gather additional information as part of the subscription process, you’ll want to set up a Commerce7 form instead.

Design Considerations

Using a C7 form will look quite different visually than using a subscribe widget for a few reasons:

  • The form fields stack instead of displaying side by side
  • If you want to collect phone numbers, the country field is mandatory (this ensures the correct number of digits is being requested for the user’s country)
  • The subscribe checkbox will be added

These items usually result in a form that is much taller than the subscribe widget is.  For example, here is a form that includes the phone number (and country) field:Custom C7 form

If you’re currently displaying the newsletter widget at the bottom of every page on your site, putting the form in it’s place may make the design feel heavy and overwhelming
Spectra subscribe

Instead, many wineries will place the longer form on a new page and update the Subscribe section on every page to something like this, where the button takes the user to the new page:
Subscribe section with button

Setting up a Form

You’ll find guidance on setting up your form here: https://documentation.commerce7.com/creating-and-using-forms

Adding the Form to your Website

This tutorial goes over how to add the form to your website; https://www.commerce7templates.com/adding-a-c7-form/