---
title: "Image Radio for Elementor Form"
url: https://coolformkit.com/features/image-radio-for-elementor-form/
date: 2025-07-21
modified: 2025-10-29
author: "cpsatinder"
description: "Cool FormKit   »   Features    »   Image RadioShare it: Image Radio for Elementor Form Let users choose with images instead of plain text in your Elementor form, more visual, more..."
word_count: 1220
---

# Image Radio for Elementor Form

[Cool FormKit](/)   **»   **[Features](/features/)    **»   ****Image Radio**

Share it:

# Image Radio for Elementor Form
Let users choose with images instead of plain text in your Elementor form, more visual, more engaging
Get Plugin

View Demo

![](https://coolformkit.com/wp-content/uploads/2025/07/cool-team.png) Excellent Support Team https://youtu.be/-9jkjUQha1c?si=X2SpUz_eg8-rQC67
-

Overview

-

Demo

-

Settings

-
[
Documentation
](https://docs.coolplugins.net/doc/add-image-radio-field/)

-

FAQs

-

Reviews

-

**Pricing**

## Add Image Radio Options in Your Form
**Want to add Image Radio options in your Elementor form?**

The Cool FormKit plugin lets you easily create beautiful image-based radio buttons — perfect for visual selection like products, categories, or choices with icons!

**It works with:**

- **Elementor Pro** form widget- And also with **Elementor Free** using:Hello Plus (form lite widget)- Pro Elements plugin- Cool FormKit (cool form widget)**No Elementor Pro? No problem!** Just install Cool FormKit and start building forms with interactive fields like Image Radio — where users can click images instead of plain text.

### Image Radio Field Settings
[
![Image Radio Field Settings](https://coolformkit.com/wp-content/uploads/2025/07/Image-Radio-Field-Demo.png) ](https://coolformkit.com/wp-content/uploads/2025/07/Image-Radio-Field-Demo.png)
[
![Image Radio Field Settings](https://coolformkit.com/wp-content/uploads/2025/07/image-radio-feild-settings.png) ](https://coolformkit.com/wp-content/uploads/2025/07/image-radio-feild-settings.png)
The Image Radio field in Cool FormKit gives you complete control over layout, design, and interaction — all inside the Elementor form widget. Make your forms more engaging with image-based selections.

**Here’s what you can customize:**

- **Layout** – Choose between Vertical or Horizontal alignment.- **Selection Type** – Use it as Radio (single choice) or Checkbox (multiple choice).- **Image/Icon** – Upload an image or icon for each option.- **Label & Value** – Set display labels and data values for each choice.- **Add/Remove Options** – Easily add more image options with the Add Item button.- **Styles** – Choose layout spacing, alignment, and borders.- **Selected State** – Change border, background, and text color for selected items.- **Hover Effects** – Customize border color when hovering over options.- **Image/Icon Size** – Adjust the size for better visual balance.- **Gap & Padding** – Control space between fields and inner content.- **Min Width** – Set a minimum width for each image radio item for responsive control.These settings make it easy to create stylish, intuitive forms that match your website’s branding and improve user experience.

### FAQs

What is an Image Radio field in Elementor?

An Image Radio field lets users select options by clicking on images instead of regular text-based radio buttons — it makes your forms more visual and user-friendly.

Can I use Image Radio without Elementor Pro?

Yes! You can use Image Radio with Elementor Free by installing:

- Cool FormKit- Hello Plus (form lite widget)- Pro Elements pluginNo Elementor Pro? No problem!

How do I enable the Image Radio field?

Go to your WordPress Dashboard → Elementor → Cool FormKit → Form Elements Tab, and turn on the Image Radio field.

Can I use images or icons for each option?

Yes, you can upload custom images or icons to visually represent each option in the Image Radio field.

Is multiple selection supported with Image Radio?

By default, Image Radio allows single selection (like regular radio buttons). But you can also switch it to Checkbox mode for multiple selections.

Can I customize the appearance of selected options?

Absolutely! You can adjust:

- Border Color- Background Color- Text Color- Hover Effects- Image Size- Spacing & Padding

Is the layout customizable?

Yes, you can choose horizontal or vertical layout for better alignment with your form design.

How do I add more image radio options?

Use the “Add Item” button inside the form field settings to add as many image radio options as you need.

An Image Radio field lets users select options by clicking on images instead of regular text-based radio buttons — it makes your forms more visual and user-friendly.Yes! You can use Image Radio with Elementor Free by installing:

- Cool FormKit- Hello Plus (form lite widget)- Pro Elements pluginNo Elementor Pro? No problem!

Go to your WordPress Dashboard → Elementor → Cool FormKit → Form Elements Tab, and turn on the Image Radio field.Yes, you can upload custom images or icons to visually represent each option in the Image Radio field.By default, Image Radio allows single selection (like regular radio buttons). But you can also switch it to Checkbox mode for multiple selections.Absolutely! You can adjust:

- Border Color- Background Color- Text Color- Hover Effects- Image Size- Spacing & PaddingYes, you can choose horizontal or vertical layout for better alignment with your form design.Use the “Add Item” button inside the form field settings to add as many image radio options as you need.
### Image Radio Field Demo
Vehicle Rental Booking Form With Image Radio
### Real Feedback from Our Plugin Users
Our WordPress plugins are trusted for their quality, compatibility and excellent customer support.
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
The plugins are excellent and their customer support is also quick and friendly
![Heeren-Tanna](https://coolformkit.com/wp-content/uploads/2025/07/Heeren-Tanna.png)
@heeren_tanna
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
Thank you so much! Great plugin! It make my whole website very cool! Also great service!
![](https://coolformkit.com/wp-content/uploads/2025/07/magicke.png)
@thanh_lanh_tran
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
This plugin is easy to use and does what it has to do. Most important: The support is quick and solve your issues!
![](https://coolformkit.com/wp-content/uploads/2025/07/@slavton-1.jpeg)
@kevin
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
Excellent plugin very easy to use and extremely fast response to my support email, would highly recommend
![Neil-White-1](https://coolformkit.com/wp-content/uploads/2025/07/Neil-White-1.png)
@neil_white
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
It’s a nice plugin, easy to install and very good support, even for free version, my questions are answered!
![](https://coolformkit.com/wp-content/uploads/2025/07/Wayne-Haston.png)
@wayne_haston
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
Great software and friendly service. They helped me very quickly solve an issue I created myself. Highly recommend.
![](https://coolformkit.com/wp-content/uploads/2025/07/andytop72-review-image.png)
@andytop72
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
Good quality program.
You can saving many time.
And good support team.!
Very quickly support fix problem and very kindly
![](https://coolformkit.com/wp-content/uploads/2025/07/gregvlahokostas-reviw-image.png)
@silviamalavasi

![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
The plugins are excellent and their customer support is also quick and friendly
![Heeren-Tanna](https://coolformkit.com/wp-content/uploads/2025/07/Heeren-Tanna.png)
@heeren_tanna
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
Thank you so much! Great plugin! It make my whole website very cool! Also great service!
![](https://coolformkit.com/wp-content/uploads/2025/07/magicke.png)
@thanh_lanh_tran
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
This plugin is easy to use and does what it has to do. Most important: The support is quick and solve your issues!
![](https://coolformkit.com/wp-content/uploads/2025/07/@slavton-1.jpeg)
@kevin
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
Excellent plugin very easy to use and extremely fast response to my support email, would highly recommend
![Neil-White-1](https://coolformkit.com/wp-content/uploads/2025/07/Neil-White-1.png)
@neil_white
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
It’s a nice plugin, easy to install and very good support, even for free version, my questions are answered!
![](https://coolformkit.com/wp-content/uploads/2025/07/Wayne-Haston.png)
@wayne_haston
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
Great software and friendly service. They helped me very quickly solve an issue I created myself. Highly recommend.
![](https://coolformkit.com/wp-content/uploads/2025/07/andytop72-review-image.png)
@andytop72
![review-quote](/wp-content/uploads/2025/07/double_quote.svg)
![review-stars](/wp-content/uploads/2025/07/five-star.svg)
Good quality program.
You can saving many time.
And good support team.!
Very quickly support fix problem and very kindly
![](https://coolformkit.com/wp-content/uploads/2025/07/gregvlahokostas-reviw-image.png)
@silviamalavasi
[![Trustpilot Stars](https://coolformkit.com/wp-content/uploads/2025/03/trustpilot-45-stars.png) Read **100+** reviews on **Trustpilot.com**](https://www.trustpilot.com/review/coolplugins.net)
###### Cool FormKit - Advanced Form Builder for Elementor

## Pricing Plans
Use **Cool FormKit** to add stunning **image-based radio fields** in Elementor forms — along with 20+ other advanced fields & features.

Annual License For 1 Website$x$x / Year 0% Discount Applied
-
Get Plugin Updates For 1 Year

-
1 Year Premium Support

1 Website5 Websites25 Websites
Buy Plugin

Renew Yearly POPULAR Lifetime License For 1 Website$x$x / One Time 0% Discount Applied
-
Get Plugin Updates For Lifetime

-
Premium Support For Lifetime

1 Website5 Websites25 Websites
Buy Plugin

🔥 Limited-Time Discount Offer! Ending in:
Days Hours Minutes Seconds

######
14-Day Money Back Guarantee

We want you to love our plugins. If it’s not the right fit, you’re covered by our 14-day money-back guarantee.

Secure SSL encrypted payment by
PayPal & Stripe (Credit & Debit Cards) ![](https://coolformkit.com/wp-content/uploads/2025/07/secure-payment-coolplugins.png)
#### More features of Cool FormKit
[View All](https://coolformkit.com/features/)

###### Radio & Checkbox Styles
Give your forms a polished look with checkbox and radio styles.

###### Range Slider Field
Add a slider to let users pick numbers easily in Elementor form.

###### Rating Field
Let users give star-based feedback with interactive rating input fields.

###### Toggle Field
Let users choose between two options with a smart toggle switch field.

###### Select2 Field
Enhance dropdowns with searchable, multi-select options using Select2.

###### Apply Conditional Logic on Fields
Show or hide fields based on user input with advanced conditional rules.