top of page

Resources

How to create an iFrame with Data Bing Forms

Using iFrame Code to embed your Data Bing form on your website

This tutorial will outline how you can embed a Data Bing Form on your website. This example is done with the Wix Studio CMS but you can do it on your local CMS by embedding a website URL or adding raw HTML code to an iFrame.


You can customize your iFrame code to your needs and adjust your global branding to change the background colors or font styles to match your website's theme.


Things to note:

  • The code provided will ensure that your iFrame is responsive so that it scales across your device breakpoints

  • You can always adjust your html code as the code given is the bare minimum

  • You can use style css to adjust any customizations you need or preferably, for any UI changes, you should use your global branding settings as these are hard coded into your published forms production code


Step 1
Create and publish a Data Bing Form

Step 2
Go to your forms table and click the action dots to open the action menu

Step 3
Click on "Copy iFrame code"

Step 4
Add an iFrame to your CMS and paste the code into the iFrame

Step 5
Publish your website

Additional steps
  • You can change your global branding settings to change your forms background to match your websites theme. Note: Global branding changes will affect all of your live forms.


Demo







Additional Resources

{text}
{text}
{text}
{text}
bottom of page