Chapter 04Schemas & Integrations
3 min read

Official WordPress Plugin (FormFork Connect) & Shortcode Reference

Embed FormFork forms natively in WordPress using the official FormFork Connect plugin with Elementor widgets, Gutenberg blocks, shortcodes, and an in-dashboard WP Form Builder.

Key Technical Takeaways (TL;DR)
  • Download formfork-connect.zip directly from /api/wordpress-plugin and upload via Plugins -> Add New in WordPress.
  • Authenticate with your ff_live_... Server API Key to sync existing forms and build new forms inside WP Admin.
  • Eliminates browser CORS issues by routing submissions through WordPress admin-ajax.php server-side proxy.
  • Embed via Elementor widget, Gutenberg block, or the [formfork id="..."] shortcode.

1. Plugin Installation & Server API Key Sync

FormFork Connect v2.1 adds a top-level FormFork menu inside WordPress Admin with All Forms, a visual Form Builder with live preview, and one-click API key synchronization.

  • Download formfork-connect.zip from https://formfork.io/api/wordpress-plugin or the WordPress Hub (/wordpress).
  • In WordPress Admin, navigate to Plugins -> Add New -> Upload Plugin and activate FormFork Connect.
  • Open FormFork -> Settings in the WordPress sidebar and paste your ff_live_... Server API Key.
  • Click Sync Forms Now to pull your cloud schemas or create new forms directly from WP Admin.

2. Shortcode Attributes & Embed Modes

Use the [formfork] shortcode inside any WordPress page, post, custom post type, or theme template.

shortcodeWordPress Shortcode Usage & Overrides
# 1. Native Responsive HTML + WP AJAX Proxy (Default)
[formfork id="form-contact-demo"]

# 2. Custom Theme & Submit Button Text Override
[formfork id="form-contact-demo" theme="midnight-neon" button_text="Request Enterprise Demo"]

# 3. Hosted Iframe Embed Mode with Custom Height
[formfork id="form-contact-demo" mode="iframe" height="640"]
phpEmbedding Inside a WordPress PHP Theme Template
<?php
// Render a FormFork form directly inside a page template or header/footer partial
echo do_shortcode('[formfork id="form-contact-demo" theme="nordic-frost"]');
?>

Frequently Asked Technical Questions

Does the WordPress plugin work with caching plugins like WP Rocket or Cloudflare APO?

Yes. Because FormFork Connect submits via dynamic AJAX requests to admin-ajax.php or the FormFork edge endpoint, static page caching does not interfere with form submissions or nonces.

Can I build new forms directly inside WordPress Admin without leaving my site?

Yes. Once your ff_live_ API key is saved in FormFork -> Settings, the built-in WP Admin Form Builder lets you create and update FormFork cloud endpoints directly from WordPress.

All FormFork Documentation Guides

View Full Documentation Index →