Skip to Content
Reference<EmailForm>

Image of the default EmailForm component

<EmailForm> component adds an email form integrated with an email marketing service. For now only Loops  is supported.

Most common use case for the email form is to collect emails for you app’s waitlist before the launch. See the Waitlist page guide for more details.

<EmailForm providerConfig={{ provider: "loops", config: { formId: "your-loops-form-id", }, }} />

<EmailForm> Properties

PropertyValueDescription
header
stringReact.ReactNode

Custom header content rendered above the input. Defaults to the AppView header with the Apple logo and “Coming soon to the App Store” text.

providerConfigLoopsProviderConfig

Email provider configuration. For now, only Loops is supported. See properties for this configuration below.

footerIdleMessagestring

Footer message shown before submission. Defaults to “No spam, only the release notification.”

footerSentMessagestring

Footer message shown after a successful submission. Defaults to “Thank you! We’ll let you know when it’s ready to download.”

LoopsProviderConfig

PropertyValueDescription
providerloops
config.formIdstring

Your Loops form ID.

config.userGroupstring

Optional Loops user group to add subscribers to.