Embedding Forms

Butter does not provide built-in form templates. But the good news is, that we have integrations with some of the top form providers such as Formstack, Jotform, Typeform. You can learn more about each integration below.

Alternatively, you can also embed other forms to your pages.

Copying your form embed code

To insert a form into Butter you need to embed the code from your third-party form tool into your Blog Post or Page's WYSIWYG field. For this example, we'll show you how to find the embed code from your Wufoo form.

1. Login to your Wufoo account. On the Forms tab, click on the Share Form button on the form you would like to use.

Wufoo Form Manager.PNG

2. That will launch a new page where you can get your embed code.

Embed Code.PNG

Pasting form embed code into WYSIWYG field

1. Back in ButterCMS, on your WYSIWYG field, just click on the Source code button to insert this embed code.

2. Depending on what code you embed, you will either see a link to your form or the actual form on your WYSIWYG field.

3. You can Preview your post before publishing it to have an idea of how it will look like on your live site. This is how it looks on the buttercms.com website when embedding the code to a Blog Post.


Still have a question?

Our Customer Success team is standing by to help.