Streaming live at 10am (PST)

[Tutorial] 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.
5e96234313c24617ff392100_Screen Recording 2020-04-14 at 02.14 PM

Step 3. Publish Your Project
You’re done! You may want to publish to your 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.