Framer is a no-code website builder software as a service. It has a lot of flexibility in design options and interactions which makes it very popular in the design and no-code community. However, natively, Framer doesn’t allow for advanced form creation.

Gluetrail’s forms are fully compatible with Framer and allow web builders to design interactive form experiences that blend in their overall website.

Designing a form in Gluetrail

Depending on the purpose of your form - contact, lead magnet, survey, web tool… - you’ll want to leverage different form features from our no-code form builder:

• Colors, font, font sizes:
  • the embedded form comes without background color. But you can customise font and button colors
  • the form font is inherited from your Framer page
  • you can customize font sizes
• Form pages: create short forms on a single page; longer ones with multiple pages
• Question types: choose from over 20 question types - input, select, multi select, dates, time, image-based, ratings…
• Block or pop up experience: embed your form within a Framer page or as a pop up that shows on the click of a button.

Add interaction and automation

Interactions and integrations are Gluetrail’s key differentiators vs. other form builders.

Using Gluetrail’s workflow editor you can decide:

• what your users - or some of your users conditionally - will see after filling out the form:
  • redirecting them to a URL
  • present them a 3rd party widget: calendar, payment, map…
  • prefill other form steps
  • show them AI-generated content
  • generate and download a document…
• what you want to do with the data collected in your form:
  • using our integrations or custom APIs
  • create/update records based on your own logic

Embed your form in Framer

Get the embeddable code from your Gluetrail form. In Framer, add an embed component where you want to locate the form and insert the code as HTML.