Help visitors choose a service, room, package or other option using a picture and a label instead of a plain radio list.
Radio Image Buttons for Elementor & CF7 Lite lets you create reusable option sets and display them in Contact Form 7 or the Elementor Pro Form widget. Each option can have a display label, an optional value to send with the form, and images and labels for RTL and LTR layouts.
New in 1.7.0: a simpler editing experience
- Collapsible option cards keep the set editor easy to scan.
- Persistent field labels explain the difference between an internal title, a visible label and the value sent with the form.
- Live previews let you check RTL, LTR and mobile layouts while editing a set, before saving.
- Copy buttons help you move the shortcode and hidden field into Contact Form 7.
- Move-up and move-down buttons provide an alternative to drag-and-drop reordering.
- One compact Lite usage message replaces repeated upgrade notices.
Better behavior inside forms
- Contact Form 7 now renders the image-radio shortcode inside the form template.
- The selected value is synchronized with the hidden field in the same form, avoiding interference between separate forms.
- Adding, deleting and reordering options preserves consistent input indexes.
- Elementor Pro Forms collects the Lite radio choice using the correct field name.
- Cards fit narrow screens, respect the field’s RTL/LTR direction, show a visible keyboard focus indicator and honor reduced-motion preferences.
- If a direction-specific label or image is missing, the other available version is used as a fallback.
What Lite includes
Lite supports up to 2 sets, with up to 2 options per set. It includes the option editor, set previews, basic frontend styling, Contact Form 7 integration and a Set selector for Elementor Pro Forms.
Elementor Pro is required only for the Elementor Form widget integration. Contact Form 7 can be used without Elementor or Elementor Pro.
Optional upgrade to Pro
The separate Pro edition adds unlimited sets and options, option duplication, direction and column controls in the Elementor Form field, and advanced Elementor styling for colors, dimensions, spacing, corners and the selected state.
The set-editor live preview is included in Lite. Advanced Elementor design controls are available in the plugin’s Pro edition.
Screenshots
The new option editor: collapsible cards, persistent field labels, images and keyboard reordering.
Live set preview with RTL/LTR and mobile layout controls, included in Lite.
Image choices inside a Contact Form 7 form, with a clearly selected option.
Mobile layout: full-width choices that fit a narrow screen.
Copy the set shortcode and hidden-field tag directly from the set editor.