Skip to main content

Framer Integration

You can collect Framer signups in Sequenzy with the published Framer component or with Framer’s native Form component.

Sequenzy Signup Component

Use the Sequenzy Signup component when you want a ready-to-use Framer form with Sequenzy settings exposed in Framer’s right panel. The component supports:
  • Form ID connection
  • Workspace-default lists, no-list capture, or specific list IDs
  • Existing Sequenzy tag IDs
  • Inline or stacked layouts
  • Editable placeholder, button text, success message, colors, radius, font size, and redirect URL
The component submits to Sequenzy’s public form endpoint:
https://api.sequenzy.com/api/v1/forms/{companyId}
For this component, the Sequenzy Form ID is the public form/company ID used by the existing signup form endpoint.

Install From Framer

  1. Open your Framer project.
  2. Open the Sequenzy Signup component in the Framer Marketplace.
  3. Copy the component into your project.
  4. Select the inserted component on the canvas.
  5. Paste your Sequenzy Form ID into the Framer panel.
  6. Choose list targeting:
    • Workspace default uses your Sequenzy form defaults.
    • Specific IDs sends subscribers to selected list IDs.
    • No lists creates the subscriber without list membership.
  7. Optionally enter tag IDs to apply existing Sequenzy tags.
  8. Set placeholder text, button text, colors, layout, and redirect URL.
  9. Publish your Framer site and submit a test email.

Native Framer Form

You can also use Framer’s built-in Form component when you want full control over fields, layout, validation, and success behavior.
  1. In Framer, add a Form component.
  2. Set the email field name to email.
  3. Set Send To to Webhook.
  4. Paste your Sequenzy form endpoint:
https://api.sequenzy.com/api/v1/forms/{companyId}
Optional field names:
  • firstName
  • lastName
  • redirectUrl
  • website as a hidden honeypot field
List and tag routing can be added to the endpoint URL:
https://api.sequenzy.com/api/v1/forms/company_123?lists=list_abc,list_def&tags=tag_abc
Use lists= to create subscribers without list membership. Omit lists to use workspace default list targeting.

Test The Integration

  1. Publish your Framer site.
  2. Submit the form with a test email address.
  3. Confirm the subscriber appears in Sequenzy.
  4. If you configured list IDs, confirm the subscriber is attached to those lists.
  5. If you configured tag IDs, confirm the tags are applied.
  6. If you configured a redirect URL, confirm the published site redirects after a successful submission.

Troubleshooting

If submissions fail:
  • Confirm the Form ID is a valid Sequenzy company/form ID.
  • Confirm optional list IDs and tag IDs belong to the same Sequenzy workspace.
  • Use lists= only when you intentionally want no list membership.
  • Keep the hidden website honeypot field empty.
  • Test from the published Framer site, not only from the Framer editor canvas.

References