Inline | WordPress | Surface Docs

Open the page or post in the WordPress block editor.
Click + to add a block where you want the form, and choose Custom HTML.
Paste the Surface iFrame code into the block:

<!-- Start Surface Form Embed -->

<iframe
  src="REPLACE ME WITH FORM URL"
  allowfullscreen
  loading="eager"
  fetchpriority="high"
  style="width: 100%; height: 600px; border: none;"
 >
</iframe>

<!-- End of Surface Form Embed -->

Click Update (or Publish) to save the page.

Replace iframe src with your actual Surface Form URL. You can find this URL by clicking the "Share" button in the Overview section of the form.

Adjust the height in the style attribute to fit your form. If you use the Classic editor instead of the block editor, paste the same code in the Text tab.