Embedding Your Cognito Forms Into Yola!

By Nadia A. on June 22, 2017


Launched in 2007, Yola is a robust, easy-to-use website builder that helps you create a free, professional website in just minutes. With hundreds of fully customizable styles, a drag & drop functionality, and the ability to edit your site’s HTML/Javascript/CSS, you can take complete control of your website - no technical experience required.

If your organization uses Yola, you can take advantage of the ability to embed your Cognito Forms directly into your website. It’s easy: first, use the Style Editor (located on the Publish page in your builder) to customize the appearance of your form and match it to your website’s design. When you’re finished styling, copy your form’s Iframe embed code from the Publish Code tab.

Next, log in to your Yola account, add a new HTML widget where you want to embed your form, and just paste your Seamless embed code. To center your embedded form, you can even add a short bit of code to your CSS, or directly in your HTML widget as a style block.

Insert your form's embed code directly into the style block in Yola.

Make sure to save your changes, and then open up your published website to view your embedded form!

A Cognito Form embedded directly into Yola.

For further instructions on how to embed your forms into Yola, please refer to our help topic.


Nadia is the Marketing Coordinator for Cognito Forms. In her spare time, Nadia enjoys listening to French house, drinking iced coffee, and talking about herself in third person.