TutorialCheckbox Images Gravity Forms

Did you know you can use images in your checkbox in Gravity Forms? This is a nice way to provide your visitors with a visual, appropriate image to select when they provide information. You see it already as a design pattern, so use it also in your Gravity Form!

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

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

This date must be exactly 365 days in the future.

Advanced Merge Tags

Text(Required)

Date

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 AfghanistanÅland IslandsAlbaniaAlgeriaAmerican 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 RicaCôte d'IvoireCroatiaCubaCuraçaoCyprusCzechiaDenmarkDjiboutiDominicaDominican 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 RicoQatarRéunionRomaniaRussian FederationRwandaSaint 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 TobagoTunisiaTürkiyeTurkmenistanTurks and Caicos IslandsTuvaluUgandaUkraineUnited Arab EmiratesUnited KingdomUnited StatesUruguayUS Minor Outlying IslandsUzbekistanVanuatuVenezuelaViet NamVirgin Islands, BritishVirgin Islands, U.S.Wallis and FutunaWestern SaharaYemenZambiaZimbabwe 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

Next

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

Previous Submit

Configuration in Gravity Forms

You can add an image tag inside the label of a Checkbox field:

Code used in this example

<img src="/wp-content/uploads/smiley-1.jpg" alt="Happy"></img>
<img src="/wp-content/uploads/smiley-2.jpg" alt="Crazy"></img>
<img src="/wp-content/uploads/smiley-3.jpg" alt="Not happy"></img>

Checkbox Images with JetSloth

You can also use the Gravity Forms Image Choices plugin from JetSloth to add images to Checkbox fields.

Our Premium add-ons for Gravity Forms

n8n Connector

Connect Gravity Forms to n8n and automate your workflows with secure, flexible, and powerful webhooks. Go beyond simple notifications and build advanced, two-way automations.

List Number Format

With this Gravity Forms Add-on you can change List Field columns into a number field, do calculations within a row or column. Extra merge tags are available with total counts of columns.

Advanced Merge Tags

This Gravity Forms Add-On adds extra Merge Tag modifiers (and a lot of power). From the most common used functions like capitalize and length to changing date formats.

All Entries

All your new Gravity Forms entries in one central place. Stop navigating between multiple forms to find new entries. Get immediate oversight and full control with a powerful, unified dashboard.

See all add-ons

Read tutorials about

How to Validate Repeatable Contact Rows in Gravity Forms

Learn how to validate repeatable Gravity Forms List field rows with GravityWP List Text. This tutorial shows how to add email and regex validation, test invalid values, and confirm that valid team roster data is stored correctly.

Gravity Forms Airtable Integration: Create Records From Form Submissions

Learn how to build a Gravity Forms Airtable integration with GravityWP API Connector. Send form submissions to Airtable, create new records automatically, and save the returned Airtable Record ID and response back to Gravity Forms.

Gravity Forms Asana Integration: Create Tasks From Form Submissions

Learn how to connect Gravity Forms to Asana with GravityWP API Connector. This tested workflow creates Asana tasks from form submissions and saves the returned task ID and URL back to Gravity Forms.

Gravity Forms Google Calendar Integration: Create Events From Form Submissions

Connect Gravity Forms to Google Calendar with GravityWP API Connector. Learn how to create calendar events from form submissions, map event details, configure OAuth 2.0, handle time zones, and save the returned Event ID and URL.

See all tutorials