Field Forge Demo — Try the Custom Fields Plugin Live

No signup. No email. Just a working WordPress sandbox you can use to build, edit, and query custom field groups with Field Forge.

1. Build a field group in the visual editor

The sandbox opens with a blank field group. Drag field types from the left palette — text, image, repeater, relationship, anything from the 32 available types — drop them into the group, and edit settings inline. Watch the preview update in real time.

Try this: drag a Heading field, a Text field, an Image field, and a Repeater field. Inside the repeater, add more sub-fields. Save. You’ll see a working post edit screen on the other side.

2. Generate a field group with AI

Click AI Generate in the sandbox. Type a description:

“Hero section with title, subtitle, background image, and CTA button”
“Team member card with photo, name, role, bio, and social links”
“Product details with price, description, features list, and gallery”
“FAQ section with repeating question and answer pairs”

Watch Field Forge assemble the complete field group in under 5 seconds. Edit anything in the visual builder after.

Try AI schema generation →

3. Use `get_field()` in template code

The sandbox includes a template code preview. After you build a field group, switch to the Template Code tab to see example PHP using ACF-compatible functions:

// Works on Field Forge, ACF, and SCF
$hero_title = get_field('hero_title');
$hero_image = get_field('hero_image');

if (have_rows('team_members')) {
    while (have_rows('team_members')) {
        the_row();
        echo get_sub_field('name');
    }
}

Copy it, paste it into your theme, and it works on any site running Field Forge, ACF, or SCF.

4. See TypeScript types generated live

After building a field group, open the TypeScript tab. Field Forge auto-generates the .d.ts definitions for your group:

interface HeroFields {
  hero_title: string;
  hero_subtitle: string;
  hero_image: WPImage;
  cta_button: {
    text: string;
    url: string;
  };
}

Download the .d.ts file or copy to clipboard. Use it in your Next.js / Astro / Nuxt frontend for type-safe access to custom fields.

See TypeScript generation →

5. Import a sample ACF field group

Click Import ACF Sample to load a pre-built ACF field group into the sandbox. You’ll see:

The field group imported with all types preserved
The ACF compatibility layer automatically active
A simulated theme template rendering the imported data
Migration report showing 0 errors, 0 warnings

This simulates what happens on a real site when you migrate from ACF or SCF. No theme rewrites. Same get_field() calls. Different storage engine underneath.

Try it on your own site

The best way to see whether Field Forge fits is to install it. The free version on WordPress.org covers the visual builder, unlimited field groups, 24 field types (including relationship and other relational fields), and the ACF compatibility layer.

Or get the paid plan — from $35/year →

Want a personal walkthrough?

Book a 20-minute call with our team. We’ll install Field Forge on a staging copy of your site, run an ACF or SCF migration against your existing field groups, and walk you through the visual builder, AI generation, and TypeScript export.

Schedule a demo call →

Try Field Forge — Custom Fields Plugin Live Demo