Here’s how to set it up!

First, you'll want to either create a new form in Kit, or open an existing form by going to the Landing Pages & Forms page under the Grow tab in the top navigation bar.

Click on the Publish button at the top right of the form builder. Then, copy either the JavaScript or HTML code for the form to your clipboard.

Either code will work fine, though we generally recommend using the JavaScript code as it’s less prone to causing website theme conflicts. This is unless you intend to manually edit your form’s HTML before embedding your form. In which case, use the HTML code.

Next, open the Weebly website editor for the webpage you want your form to appear on.

Drag the Embed Code element to where you want your form to be.

After that, click inside the Embed Code element, select “Edit Custom HTML” and paste in your form’s embed code.

If you are embedding an inline form, your form will be immediately visible in the website editor. However, modal, slide-in and sticky bar forms will appear only in the live version of your webpage.

Click the Publish button to save your changes, then head over to the live version of your webpage to check that your forms are appearing properly.

Voilà!

☝️ The above method is good for embedding forms on individual webpages.

However, if you’re looking to embed a Kit form across your entire Weebly website, then you’ll need to add your form’s code to your website’s HTML code via Weebly’s Code Editor.

You can learn more about using Weebly’s Code Editor here.