Tutorial Star Rating Field Gravity Forms

Do you want to add a rating field to your Gravity Form? For example to rate an experience, article or for another evaluation? With the Survey Add-On you can easily add a Rating field to your webform.

This field is hidden when viewing the form

Demo

Advanced Merge Tags

Checkbox Images

Radiobutton Images

Star Rating

Ranking

Unique ID

Copycat

Address autocomplete

Autocomplete

GP Limit Dates

Preview Submission

Word Count

Likert Scale

This field is hidden when viewing the form

List Field Number Format

Make a choiceEnable Number FormatMerge TagsBoth

Likert Scale

Gravity Forms Survey Field Likert Scale

	Strongly disagree	Disagree	Neutral	Agree	Strongly agree
First row
Second row
Third row
Fourth row
Fifth row

Word Count

Single Line Text

Paragraph Text

Preview Submission

Your name(Required)

GP Limit Dates

Date

MM slash DD slash YYYY

Select your date between today and 1 month ahead. You can only select Tuesdays, Wednesdays and Thursdays in this period. That’s what this plugin does, and more. For example you can set fixed dates, ranges from today, etc.

Date +365 days

MM slash DD slash YYYY

This date must be exactly 365 days in the future.

Advanced Merge Tags

Text(Required)

Date

MM slash DD slash YYYY

Copycat

Field 1

Field 2

Example

Copy Field 1 to Field 3

Example

Copy Field 2 to Field 3

Example

Copy Field 1 to 3 and Field 2 to 4

Field 3

Field 4

Address Autocomplete

Address

Street Address City State / Province / Region ZIP / Postal Code AfghanistanAlbaniaAlgeriaAmerican SamoaAndorraAngolaAnguillaAntarcticaAntigua and BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBonaire, Sint Eustatius and SabaBosnia and HerzegovinaBotswanaBouvet IslandBrazilBritish Indian Ocean TerritoryBrunei DarussalamBulgariaBurkina FasoBurundiCabo VerdeCambodiaCameroonCanadaCayman IslandsCentral African RepublicChadChileChinaChristmas IslandCocos IslandsColombiaComorosCongoCongo, Democratic Republic of theCook IslandsCosta RicaCroatiaCubaCuraçaoCyprusCzechiaCôte d'IvoireDenmarkDjiboutiDominicaDominican RepublicEcuadorEgyptEl SalvadorEquatorial GuineaEritreaEstoniaEswatiniEthiopiaFalkland IslandsFaroe IslandsFijiFinlandFranceFrench GuianaFrench PolynesiaFrench Southern TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard Island and McDonald IslandsHoly SeeHondurasHong KongHungaryIcelandIndiaIndonesiaIranIraqIrelandIsle of ManIsraelItalyJamaicaJapanJerseyJordanKazakhstanKenyaKiribatiKorea, Democratic People's Republic ofKorea, Republic ofKuwaitKyrgyzstanLao People's Democratic RepublicLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacaoMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesiaMoldovaMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorth MacedoniaNorthern Mariana IslandsNorwayOmanPakistanPalauPalestine, State ofPanamaPapua New GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto RicoQatarRomaniaRussian FederationRwandaRéunionSaint BarthélemySaint Helena, Ascension and Tristan da CunhaSaint Kitts and NevisSaint LuciaSaint MartinSaint Pierre and MiquelonSaint Vincent and the GrenadinesSamoaSan MarinoSao Tome and PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSint MaartenSlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth Georgia and the South Sandwich IslandsSouth SudanSpainSri LankaSudanSurinameSvalbard and Jan MayenSwedenSwitzerlandSyria Arab RepublicTaiwanTajikistanTanzania, the United Republic ofThailandTimor-LesteTogoTokelauTongaTrinidad and TobagoTunisiaTurkmenistanTurks and Caicos IslandsTuvaluTürkiyeUS Minor Outlying IslandsUgandaUkraineUnited Arab EmiratesUnited KingdomUnited StatesUruguayUzbekistanVanuatuVenezuelaViet NamVirgin Islands, BritishVirgin Islands, U.S.Wallis and FutunaWestern SaharaYemenZambiaZimbabweÅland Islands Country

Unique ID

Text

Unique ID Alphanumeric

Unique ID Numeric

Unique ID Sequential

Unique ID Sequential with Text Prefix

Unique ID Random with Text Suffix

Star Rating

Example ranking (order) field

• First Choice
• Second Choice
• Third Choice
• Fourth Choice
• Fifth Choice

Star Rating

Star Rating

ExcellentPretty goodNeutralNot so greatTerrible

Checkbox Images

Checkbox images

Checkbox Images

Radiobutton images

List Field Number Format – Activate Number Format

9,999.99 Number Format

Add Remove

9.999,99 Number Format

Add Remove

Valuta Number Format

Add Remove

---

Rounding

Round up

Round down

 

Add Remove

List Field Number Format – Merge Tags

List single column (Field ID: 1)

Add Remove

Column total

Total number of rows

---

List multiple columns (Field ID: 7)

Quantity

Price

Total

 

Add Remove

Column 1 total

Column 2 total

Column 3 total

Examples Modifiers:

:gwp_remove_accents	{Text:59:gwp_remove_accents}
:gwp_urlencode	{Text:59:gwp_urlencode}
:gwp_length	{Text:59:gwp_length}
:gwp_word_count	{Text:59:gwp_word_count}
:gwp_case to=upper	{Text:59:gwp_case to=upper}
:gwp_case to=lower	{Text:59:gwp_case to=lower}
:gwp_case to=lower_first	{Text:59:gwp_case to=lower_first}
:gwp_case to=upper_first	{Text:59:gwp_case to=upper_first}
:gwp_case to=upper_words	{Text:59:gwp_case to=upper_words}

Examples Merge Tags:

Date Field	{Date:63}
First day of next month
Next Monday
Monday this week

{Your name:72} rules

{Your name:72} on Names.org {Your name:72} on Behind the Name

Survey Add-on

The Star Rating field is available after you install the Survey Add-on from Rocketgenius.

How to change the size of the Star Rating?

You can use this CSS code on the page to make the Stars in the Gravity Forms Survey field (much) bigger and make the text transparant or invisible.

.gsurvey-rating:not(:checked) > label, .gsurvey-rating:not(:checked) > label:hover, 
.gsurvey-rating:not(:checked) > label:hover ~ label, .gsurvey-rating:not(:checked) > label,
.gsurvey-rating:not(:checked) > label:hover, 
.gsurvey-rating:not(:checked) > label:hover ~ label, 
.gsurvey-rating > input:checked ~ label {
    width: 65px !important;
    line-height: 50px !important;
    background-size: 50px 50px !important;
    color: rgba(221, 221, 221, 0) !important;
}

How to change the Stars in Gravity Forms Star Rating?

You can use this CSS code on the page to change the Gravity Forms Survey Stars images. This code is used in the example of this page. We  changed the color of the default stars (and for the hover effect) to match our desired color. This way you can easily change even the image that is being used inside the rating field in Gravity Forms Survey.

.gsurvey-rating > input:checked ~ label {
    background-image: url(https://YOURSITE/star1.svg);
}
 
.gsurvey-rating:not(:checked) > label {
    background-image: url(https://YOURSITE/star0.svg);
}
 
.gsurvey-rating:not(:checked) > label:hover, 
.gsurvey-rating:not(:checked) > label:hover ~ label {
    background-image: url(https://YOURSITE/star2.svg);
}

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