Skip to main content

Track and Enrich Framer form signups

TrialHook and Framer integration

Updated over 3 months ago

Trial Hook + Framer integration approach

Framer allows creating custom forms or inserting ready-made forms from Mailchimp, Typeform et.

If you are using ready-made forms components (Mailchimp, Typeform), set up integration between those services and Trial Hook directly using Webhook integration or check our tool-specific integration guides.

In this guide, we will be focusing on integrating custom forms made directly in Framer either via JS Snippet approach or using Webhook integration.

Adding Trial Hook JS Snippet to specific Framer pages

This will enable Trial Hook integration on a specific page of your Framer Site.

  1. Navigate to the Page Settings:

  2. Scroll to the bottom, where you'll see Custom code. Copy/Paste Trial Hook JS Snippet into the End of the <head> tag section. Click Save:


Adding Trial Hook JS Snippet to the entire Framer Site

This will enable Trial Hook integration on all pages of your Framer Site.

  1. Navigate to the Site Settings:

  2. Scroll to the bottom, where you'll see Custom code. Copy/Paste Trial Hook JS Snippet into the End of the <head> tag section. Click Save:


Adding Trial Hook Webhook to a specific Framer Form

This will enable Trial Hook integration for a specific Framer Form.

  1. Select a form on one of the pages. In the sidebar, scroll to the Form section and click Add next to the Send To. Select Webhook:

  2. Copy/Paste Trial Hook Webhook URL into the API field:

Did this answer your question?