> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sequenzy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Framer Integration

> Collect Framer signups with the Sequenzy Signup component or a native Framer form webhook.

# 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:

```txt theme={null}
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](https://www.framer.com/marketplace/components/sequenzy/)
   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:

```txt theme={null}
https://api.sequenzy.com/api/v1/forms/{companyId}
```

Optional field names:

* `firstName`
* `lastName`
* `customAttributes[nickname]`, `customAttributes[zipcode]`, or another custom attribute key
* `redirectUrl`
* `website` as a hidden honeypot field

List and tag routing can be added to the endpoint URL:

```txt theme={null}
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

* [Sequenzy Signup on Framer Marketplace](https://www.framer.com/marketplace/components/sequenzy/)
* [Signup Form Widget](/widgets/signup-form)
* [Submit Form API](/api-reference/widgets/submit-form)