TutorialChange field type in an existing Gravity Form

Do you want to change the type of an existing field in an existing Gravity Forms? There are multiple ways to achieve this.

1. Change the field type by adding a new field and swapping the field id’s. This is the safest option. See our tutorial for Modify the Field Type in Gravity Forms by swapping Field ID’s.
2. Change the field type, while retaining all the settings by using the snippet below. This can lead to unexpected behaviour, because the original field type might have setting properties that are not compatible with the new field type.

To change the field type using our snippet follow this steps:

1. Open the form editor with the form which contains the field you want to change the type of.
2. Open the browser console by pressing ‘Ctrl + Shift + i’ or right mouse button + ‘inspect’. This works both in FireFox an Chrome.
3. Paste the snippet below in your console and hit the enter key.

gwpChangeFieldType = function( fieldId, newType ) {
	for( var i = 0; i < form.fields.length; i++ ) {
		if( form.fields[i].id == fieldId) {
			oldType = form.fields[i].type;
			form.fields[i].type = newType;
			return 'Successfully changed field ' + fieldId + ' from ' + oldType + ' to ' + newType;
		}
	}
	return 'Field not found.'
}

It should look like this:

4. Identify the id of the field you want to change the type of. This is a numeric value which you can see when you select the field in the form editor:

5. Determine what the target field type should be. Common types are: html, hidden, section, text, website, phone, number, date, time, textarea, select, checkbox, radio, name, address, fileupload, email, post_title, post_content, post_excerpt, post_tags, post_category, post_image, post_custom_field, captcha. These are documented in the Gravity Forms documentation under Basic Properties -> type property.
6. Type gwpChangeFieldType( fieldID, newType) in your console, where fieldID should be replaced with the numeric field ID and the second parameter should be the new field type string. For example:

gwpChangeFieldType( 1, 'number')

Make sure you got it right, then hit enter. On success you will see the following response:

IMPORTANT NOTE:

You should use this snippet with care and only if you know what you are doing. It might impact existing entries and in the worst case result in data loss if the new field type stores values differently.

If you have conditional logic dependencies on this field the conditional logic might not work as expected. This has been reported when trying to convert checkboxes (multiple possible values) to radiobutton (single value).

When in doubt, always try it in test form first.

Read tutorials about

n8n vs Zapier: Which Automation Tool Actually Fits Your Work?

Trying to decide between n8n vs Zapier? This article breaks down pricing, hosting, integrations, AI features, and where self-hosted n8n on a cheap VPS can beat Zapier’s task-based plans. You’ll also see how Gravity Forms users can plug in the GravityWP n8n Connector and move key workflows off Zapier without rebuilding their forms.

Cloudflare Tunnel + n8n: Expose Local n8n for Webhook Testing (Dev Only)

This guide shows how to use Cloudflare Tunnel Quick Tunnels to put a local n8n instance on the internet for real webhook testing. It’s a dev-only recipe that lets tools like GravityWP’s n8n Connector call your local n8n over HTTPS, without renting a VPS or opening ports.

Self-Host n8n with Docker on a VPS

Learn how to self-host n8n with Docker on a VPS using a production-ready setup. This step-by-step guide walks you through configuring Docker Compose, Postgres, HTTPS, and WEBHOOK_URL so you can run reliable, secure n8n workflows on your own server.

One-Click n8n Hosting: How to Deploy n8n with Railway, Elestio & Coolify

Learn how one-click n8n hosting works on platforms like Railway, Elestio, and Coolify. This guide explains when to pick one-click hosting over n8n Cloud or a raw VPS, how templates are structured, and which env vars, security settings, and troubleshooting tips you can’t skip.

See all tutorials