How to add Loops.so subscribers in Framer using Custom Forms

1. Copy the SuperForm component

Copy the component from our component library here and paste it to your file

After copying, you can customise the appearance, style, post success behaviour and custom fields. Keep an eye on the name field inside the inputs and this will be your identifier for your form.

2. Configure URL

Go to the Forms page in your Loops account.

1. Click on the “Settings” tab.

2. Copy the URL shown in the “Form Endpoint” field.

3. Paste that into the URL Field of SuperForms component

4. Set the content type as x-www-form-urlencoded

4. Sync Fields

For each form field use the “API Name” value found from your API settings page as the name attribute inside the input field. This helps pass on the information from the form to Loops and correctly identifies the columns.

5. Preview & Test

Once you have everything, configured, submit the form and go the the audience tab to verify subscribers.

To learn more in detail, check out this link