Installing GiveForms on a Webflow website (Page Embed Style)

You can install a GiveForm directly on your Webflow website.

Step 1. Copy your embed code

Sign in to GiveForms, then go to Forms.

Select your desired form.

At the top right of your Form Editor page, click Embed My GiveForm.

Next, copy the embed code intended for embedding a GiveForm directly on a webpage.

Step 2. Paste your embed code in Webflow

Open the page where you'd like to embed your GiveForm.

Drag an HTML Embed element to your page and paste the embed code from Step 1 into the HTML Embed Code Editor.

Step 3. Publish Your Project

You're done! You may want to publish to your domain.webflow.io site first to test to make sure the form is loading correctly.

Make sure SSL (https://) is enabled on your Webflow account. Learn more about how to do this in Webflow's support guides.