Did you know you can use images in your radio buttons 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 of Radio Button Images in Gravity Forms
You just add an <img> tag in the label, containing the image you want to show.
HTML code used in this example
In this example we used the following code to show images in our Gravity Forms Radio button field:
<img src="http://gravitywp.com/gravity/uploads/2015/10/smiley-1.jpg" alt="Happy"></img>
<img src="http://gravitywp.com/gravity/uploads/2015/10/smiley-2.jpg" alt="Crazy"></img>
<img src="http://gravitywp.com/gravity/uploads/2015/10/smiley-3.jpg" alt="Not happy"></img>Image Choices Plugin (JetSloth)
JetSloth made a Gravity Forms add-on to make adding images to radio-buttons (and checkboxes) even more simple. Read more about the Image Choices plugin for Gravity Forms.
Our Premium add-ons for Gravity Forms
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.
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.
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.
List Datepicker
Add a Datepicker with calendar select to a column or multiple columns in a Gravity Forms List Field.
Read tutorials about
How to Create an Event Workshop Registration + Waitlist System in WordPress
This guide shows how to set up a workshop registration + waitlist system in WordPress: register attendees until capacity is reached, waitlist the rest, approve entries, and auto-promote people when a seat opens using Gravity Forms, Gravity Flow, and GravityView.
Gravity Flow Form Submission Step Tutorial
The Gravity Flow Form Submission step pauses a workflow until another form is submitted, then continues once the handoff is complete. This guide shows how to connect two forms, prefill fields with mapping, send the correct secure link, and troubleshoot the most common “workflow didn’t move” issues.
Gravity Flow Delete an Entry Step Tutorial
The Gravity Flow Delete Entry step lets you trash or permanently remove Gravity Forms entries as part of a workflow. This guide covers the key settings, scheduling options (delay or date-based), and safe testing tips so you can follow retention and privacy rules with confidence.
Gravity Flow Update Fields Step Tutorial
The Gravity Flow Update Fields step pulls values from another entry and writes them into the current entry, so your workflow can route using “live” data. This tutorial covers source form selection, entry lookup with filters and sorting, field mapping, and quick testing.
