By integrating with Framer, you’ll be able to drag and drop a styled Loops component into your Framer site.

Switch to JSX

1. On the left hand side of the screen, select the “Forms” tab to navigate to the Forms page.

2. Select “Settings” from the tabs selector

   

3. Toggle to “JSX” and copy the code snippet.

Embedding the component in Framer

1. First, you need to create a new component. Toggle over to “Assets” in the Framer side panel then click the “+” button.

1. Then, give your New Component a title.

   

2. Finally, paste the code copied in from Loops into the code editor. You should see the Preview on the right fill in with a preview of your component. Drag and drop your new asset anywhere on your page to use it :)

   

<aside> 💡 Note: there is rate limiting, so you will get an error in testing if they submit more than once per minute or submit the same email twice.

</aside>