How to add Contact Form to a Framer website

Embed Contact Form on Framer in just a few steps

Embed Contact Form on Framer

01
Copy the Contact Form widget’s code.
To add Common Ninja’s Contact Form widget to your Framer website, you have to do the following: First, go to the “Add to Website” tab on the Common Ninja Editor’s dashboard and copy the HTML code.
Copy the Contact Form widget’s code.
02
Paste the code to you Framer website’s HTML field.
Next, go to your Framer website and find the HTML field. It is most likely in the form of an HTML/Code widget or module which you can find on Framer’s dashboard. Add it to your page, and paste the code you’ve copied before to the HTML field. Save and update, and that’s it, you should have Common Ninja’s Contact Form widget on your Framer website.
Paste the code to you Framer website’s HTML field.
03
Alternative Method 1: Through the HTML option in the text’s editing area.
Should you have difficulties finding the widget or the module you can use an alternative method of adding Common Ninja’s Contact Form widget to your Framer website — adding the code to a special, HTML area in the text editing field.
Alternative Method 1: Through the HTML option in the text’s editing area.
04
Alternative Method 2: Add it directly to your website’s HTML code.
Should you have difficulties finding a widget, or the special area in your text editing field, you can use an alternative method of adding Common Ninja’s Contact Form widget to your Framer website — adding it directly to your website’s HTML code.
Alternative Method 2: Add it directly to your website’s HTML code.

What Our Users Think