Extending field types.

Hello @vashugup003,

We received an update from the Forminator team. They confirmed that React isn’t the issue here.

Since the retrieving field type functions are hardcoded, which does not allow for an external new field.

–
Kind Regards,
Imran Khan

Hi @vashugup003,

To render the field on the form you can use the following filter:
 forminator_after_field_markup

To render the value in the email you can try the following:  forminator_custom_form_mail_admin_message

A rough example would be as follows:

add_filter(
	'forminator_after_field_markup',
	function ( $html, $field ) {
		if ( 'text-1' === $field['element_id'] ) {
			$html .= '<div class="forminator-field-text forminator-col forminator-col-12"><input type="text" placeholder="Custom Text" name="custom-field-1" class="forminator-input"></div>';
		}
		return $html;
	},
	10,
	2
);

add_filter( 'forminator_custom_form_mail_admin_message', 'wpmudev_custom_value_fix', 10, 5 );
function wpmudev_custom_value_fix( $message, $custom_form, $data, $entry, $cls_mail ) {
	if ( 2960 !== intval( $custom_form->id ) ) { // Please change the form ID.
		return $message;
	}

	foreach ( $data as $key => $value ) {
		if ( false !== strpos( $key, 'custom-field' ) && ! empty( $data[ $key ] ) ) {
			$message .= $data[ $key ];
		}
	}

	return $message;
}

The above is an example reference on what could be done. You’ll need to hire a developer or code it further to meet your specific requirements.

Please note that providing custom code beyond the above reference is outside our support scope.

Regards,

Nithin

Hello @vashugup003

Unfortunately, you cannot natively inject a new field into the drag-and-drop UI in the Forminator visual builder using public APIs because, at this moment, there is no public React component registration system or slot for custom fields inside the builder.

You can still register your custom code with PHP and it will be working in frontend and store data in the submission.

Best Regards
Amin