Bubble.io (Embedding Tools)

Bubble.io is a web development platform that enables users to build and launch custom web applications without having to write code. It offers a drag-and-drop interface that allows users to design and create web pages and workflows visually, as well as integrate with third-party services through APIs. With Bubble.io, users can create a wide range of web applications, from simple landing pages to complex multi-user applications.

Integration with Bubble.io

Step 1: Get the FormWise Code

The first step to embedding a FormWise form is to obtain the code that you want to use. This code can be found from the Home Page > Share on the form you want to embed.

Once you have the FormWise code, you can add it to your Bubble.io site. Here's how:

  1. Open the Bubble.io editor.

  2. Drag an HTML element onto your page.

  3. Click on the HTML element to open the property editor.

  4. In the property editor, paste the iframe code that you copied earlier into the HTML code box.

  5. Save your changes.

Step 4: Preview your Bubble.io site

Finally, you need to preview your Bubble.io site to make sure that the iframe is working correctly. To do this, follow these steps:

  1. Click the "Preview" button in the top right corner of the Bubble.io editor.

  2. Wait for the preview to load.

  3. Check that the iframe is displaying correctly.

Conclusion

Embedding an FormWise form into your Bubble.io site is a straightforward process that can help you display external content on your site. By following the steps outlined above, you can easily add and style a FormWise form to your Bubble.io site.

Last updated