Embed Flowvi Forms in WordPress

Get your form embed code

In your Flowvi dashboard, open the form you want to embed and click "Share". Copy the iframe embed code.

<iframe
  src="https://flowvi.dev/submit/your-form-id"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
></iframe>

Add to WordPress using the Custom HTML block

In the WordPress editor, add a "Custom HTML" block. Paste the iframe code. Adjust the height to fit your form.

Or use the WordPress shortcode (optional)

For reusable embeds, add this to your theme's functions.php or a custom plugin:

function flowvi_form($atts) {
  $id = $atts["id"];
  return '<iframe src="https://flowvi.dev/submit/' . esc_attr($id) . '" width="100%" height="600" frameborder="0" allowfullscreen></iframe>';
}
add_shortcode("flowvi", "flowvi_form");

Use the shortcode in any page

Once registered, use the shortcode in any page or post:

[flowvi id="your-form-id"]

Test your embedded form

Visit the published page and submit the form to verify it works correctly. Check that notifications are triggered.