Add ID Attribute to Forms

This snippet adds a unique HTML id attribute to JetFormBuilder forms, formatted as 'jet-form-{form_id}', making each form individually targetable with CSS or JavaScript. It enhances form customization, styling, and interaction options, improving control over individual forms.

Specifications
Add ID Attribute to Forms
7 January, 2026
  • Plugin
    • JetFormBuilder
  • Category
    • Forms
  • Programming languages
    • PHP
Source code

Installing Instruction

How to Add Snippets into the functions.php File of the Active Child Theme

Attention: Create a site backup before applying any changes to functions.php.

This ensures that you can restore the website if something goes wrong after adding the code snippet.

  1. Copy the required code snippet to your clipboard.
  2. Navigate to WordPress Dashboard > Appearance > Theme File Editor.
  3. Click the functions.php tab to open the file.
  4. Paste the code snippet below the existing code in the Selected file content: area.
  5. Click the "Update File" page.

Example Use Case

Use this snippet to assign unique IDs to each JetFormBuilder form on the page, simplifying CSS styling, JavaScript targeting, and third-party integration for developers and designers working on form customization.
Applicable scenarios:

  • Custom styling or scripting targeting specific forms.
  • Complex pages with multiple forms needing unique identifiers.
  • Developers enhancing form accessibility or analytics tracking.
Specifications
Add ID Attribute to Forms
7 January, 2026
  • Plugin
    • JetFormBuilder
  • Category
    • Forms
  • Programming languages
    • PHP
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Propose a solution
Request a new feature

Leave a feature request through GitHub, and our developers will consider it

Request features