Installing GiveForms on a Webflow website

You can install a GiveForm on a Webflow website either directly on a page or in a popup (modal).

Step 1. Sign in to GiveForms, then go to Forms > *Your Form Name*

Step 2. At the top right of the screen, click Embed My GiveForm.

Step 3. Copy the embed code based on whether you want to embed your form directly on a webpage or in a popup.

Step 4. 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 3.

Step 5. Publish Your Project to push the changes live to the web.  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.