Displaying Forms

There are several ways to display your forms on your WordPress site.

Shortcode

The most common method. Copy the shortcode from the form editor and paste it anywhere:

[fodo_form id="123"]

Shortcode parameters

Full example:

[fodo_form id="123" title="true" description="true" ajax="true"]

Block editor (Gutenberg)

1. Edit your page or post
2. Add a new block by clicking +
3. Search for "Fodo Form"
4. Select the Fodo Form block
5. Choose your form from the dropdown

The block provides a live preview of your form in the editor.

Widget

For sidebars and widget areas:

1. Go to Appearance → Widgets
2. Add a Shortcode widget to your desired area
3. Paste your form shortcode
4. Save

PHP template

For theme developers who need to embed forms in template files:

<?php
// Display form with ID 123
echo do_shortcode('[fodo_form id="123"]');

// Or use the function directly
if (function_exists('fodo_forms_render')) {
    fodo_forms_render(123);
}
?>

Popup/Modal

Fodo Forms doesn't include a built-in popup feature, but you can use any popup plugin:

1. Create your form normally
2. In your popup plugin, add the form shortcode to the popup content
3. Configure your popup trigger (button click, time delay, exit intent, etc.)

Recommended popup plugins:

• Popup Maker (free)
• Elementor Pro popups
• GenerateBlocks Pro

Multiple forms on one page

You can display multiple forms on the same page. Each form operates independently:

[fodo_form id="1"]

<h2>Another Form</h2>

[fodo_form id="2"]

Troubleshooting

Form not displaying?

1. Verify the form ID is correct
2. Check that the form status is "Published"
3. Clear any caching plugins
4. Check for JavaScript errors in the browser console

Styling conflicts?

If your theme's CSS conflicts with the form, see Form Settings for styling options or Developer Hooks for custom CSS.