Checkbox Images Gravity Forms

Tutorials » Rocketgenius, Inc. » Checkbox 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!

Configuration in Gravity Forms

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

Get Gravity Forms

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.

Get Images Choices add-on

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.

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.

JWT Prefill
Fill forms with data you can trust. Prefill Gravity Forms fields with a secure token instead of links with editable url parameters, so your data is accurate, tamper-proof, and ready to use.

Advanced Number Field
Functionality for Number Fields, like rounding or only absolute numbers, fixed point notation, range calculation, custom units like % or m2 & show as slider.

Field to Entries
Create entries based on Checkboxes & Multi Select choices & List Field rows.

List Dropdown
Add a Dropdown Select with choices to a column or multiple columns in a Gravity Forms List Field.

Update Multiple Entries
Trigger the update of multiple entries in a target form by submitting an entry in a trigger form.

List Datepicker
Add a Datepicker with calendar select to a column or multiple columns in a Gravity Forms List Field.

List Text
Add features like textarea, placeholder and custom validation to a column or multiple columns in a Gravity Forms List Field.

API Connector
Connect Gravity Forms to External API's: Query the API using form field values and automatically fill other form fields with the API response.

Entry to Database
Integrates Gravity Forms with internal or external databases, offering flexible mapping of form fields to database columns and real-time synchronization between entries and database rows.

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.

Read more tutorials about Rocketgenius, Inc.

Rocketgenius builds advanced software solutions. Rocketgenius is the team behind Gravity Forms. Visit GravityForms.com

Icon representing code block or shortcode usage in WordPress, used for Gravity Form shortcode tutorials.

Gravity Forms Shortcode: The Complete Guide for Embedding and Customizing Forms

Learn how to use the Gravity Form shortcode to embed forms in WordPress. Covers AJAX, prefilled fields, and PHP integration with simple examples.

Change gravity forms field type - header image

Modify the Field Type in Gravity Forms by swapping Field ID's

Evolving requirements for your form might require switching from a text input to a dropdown menu for predefined options, or using a date picker instead of a text field for dates. But often you want to retain the field id, because of conditional logic or you want to retain the values of existing entries.

header image for change-field-type-in-existing-form article

Change field type in an existing Gravity Form

Do you want to change the type of an existing field in an existing Gravity Forms? This handy little snippet does the trick.

Gravity Forms Inception - Building a Form with a Form

With Gravity Forms in combination with some Add-ons, you can create a form to create another form. This can be particularly handy when you have a solid structure for a form, but the only difference is the questions you ask.

iDEAL payments with Gravity Forms Stripe Add-On

Do you want to support iDEAL payments in Gravity Forms when using Stripe as a payment provider in stead of Mollie?

All tutorials Rocketgenius, Inc.

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

: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}

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

TutorialCheckbox Images Gravity Forms

Likert Scale

Word Count

Preview Submission

GP Limit Dates

Advanced Merge Tags

Copycat

Address Autocomplete

Unique ID

Star Rating