{"id":253996,"date":"2025-10-11T09:32:36","date_gmt":"2025-10-11T09:32:36","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/radio-image-buttons-for-cf7-lite\/"},"modified":"2026-10-12T07:42:03","modified_gmt":"2026-10-12T07:42:03","slug":"radio-image-buttons-for-elementor-cf7-lite","status":"publish","type":"plugin","link":"https:\/\/pl.wordpress.org\/plugins\/radio-image-buttons-for-elementor-cf7-lite\/","author":15140668,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.7.0","stable_tag":"1.7.0","tested":"7.1.3","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Radio Image Buttons for Elementor & CF7 Lite","header_author":"Inline Studio","header_description":"Manage Radio Image Buttons for Contact Form 7: add items (image + label per language) and render them as radio buttons in CF7.","assets_banners_color":"cdcdd1","last_updated":"2026-10-12 07:42:03","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/inline-studio.co.il\/","rating":0,"author_block_rating":0,"active_installs":10,"downloads":659,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.6.1":{"tag":"1.6.1","author":"guysoroka","date":"2026-10-12 05:58:42","revision":3740565},"1.7.0":{"tag":"1.7.0","author":"guysoroka","date":"2026-10-12 07:42:03","revision":3740751}},"upgrade_notice":{"1.7.0":"<p>A simpler option editor with live set previews, copy buttons and keyboard reordering. Fixes Contact Form 7 rendering, form-value synchronization and option indexing, with improved mobile layouts and keyboard focus. Existing set data is retained.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3376644,"resolution":"256x256","location":"assets","locale":"","width":512,"height":512}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3376644,"resolution":"1544x500","location":"assets","locale":"","width":3088,"height":1000},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3376644,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.6.1","1.7.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3740740,"resolution":"1","location":"assets","locale":"","width":938,"height":1096},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3740740,"resolution":"2","location":"assets","locale":"","width":912,"height":320},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3740740,"resolution":"3","location":"assets","locale":"","width":646,"height":514},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3740740,"resolution":"4","location":"assets","locale":"","width":330,"height":805},"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":3740740,"resolution":"5","location":"assets","locale":"","width":280,"height":417}},"screenshots":{"1":"The new option editor: collapsible cards, persistent field labels, images and keyboard reordering.","2":"Live set preview with RTL\/LTR and mobile layout controls, included in Lite.","3":"Image choices inside a Contact Form 7 form, with a clearly selected option.","4":"Mobile layout: full-width choices that fit a narrow screen.","5":"Copy the set shortcode and hidden-field tag directly from the set editor."}},"plugin_section":[],"plugin_tags":[1152,76538,601,133,704],"plugin_category":[50],"plugin_contributors":[241108,241117],"plugin_business_model":[],"class_list":["post-253996","plugin","type-plugin","status-publish","hentry","plugin_tags-contact-form-7","plugin_tags-elementor","plugin_tags-forms","plugin_tags-image","plugin_tags-radio","plugin_category-media","plugin_contributors-guysoroka","plugin_contributors-inlinestudio","plugin_committers-guysoroka"],"banners":{"banner":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/banner-772x250.png?rev=3376644","banner_2x":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/banner-1544x500.png?rev=3376644","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/icon-256x256.png?rev=3376644","icon_2x":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/icon-256x256.png?rev=3376644","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/screenshot-1.jpg?rev=3740740","caption":"The new option editor: collapsible cards, persistent field labels, images and keyboard reordering."},{"src":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/screenshot-2.jpg?rev=3740740","caption":"Live set preview with RTL\/LTR and mobile layout controls, included in Lite."},{"src":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/screenshot-3.jpg?rev=3740740","caption":"Image choices inside a Contact Form 7 form, with a clearly selected option."},{"src":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/screenshot-4.jpg?rev=3740740","caption":"Mobile layout: full-width choices that fit a narrow screen."},{"src":"https:\/\/ps.w.org\/radio-image-buttons-for-elementor-cf7-lite\/assets\/screenshot-5.jpg?rev=3740740","caption":"Copy the set shortcode and hidden-field tag directly from the set editor."}],"raw_content":"<!--section=description-->\n<p>Help visitors choose a service, room, package or other option using a picture and a label instead of a plain radio list.<\/p>\n\n<p>Radio Image Buttons for Elementor &amp; 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.<\/p>\n\n<p><strong>New in 1.7.0: a simpler editing experience<\/strong><\/p>\n\n<ul>\n<li>Collapsible option cards keep the set editor easy to scan.<\/li>\n<li>Persistent field labels explain the difference between an internal title, a visible label and the value sent with the form.<\/li>\n<li>Live previews let you check RTL, LTR and mobile layouts while editing a set, before saving.<\/li>\n<li>Copy buttons help you move the shortcode and hidden field into Contact Form 7.<\/li>\n<li>Move-up and move-down buttons provide an alternative to drag-and-drop reordering.<\/li>\n<li>One compact Lite usage message replaces repeated upgrade notices.<\/li>\n<\/ul>\n\n<p><strong>Better behavior inside forms<\/strong><\/p>\n\n<ul>\n<li>Contact Form 7 now renders the image-radio shortcode inside the form template.<\/li>\n<li>The selected value is synchronized with the hidden field in the same form, avoiding interference between separate forms.<\/li>\n<li>Adding, deleting and reordering options preserves consistent input indexes.<\/li>\n<li>Elementor Pro Forms collects the Lite radio choice using the correct field name.<\/li>\n<li>Cards fit narrow screens, respect the field's RTL\/LTR direction, show a visible keyboard focus indicator and honor reduced-motion preferences.<\/li>\n<li>If a direction-specific label or image is missing, the other available version is used as a fallback.<\/li>\n<\/ul>\n\n<p><strong>What Lite includes<\/strong><\/p>\n\n<p>Lite supports up to <strong>2 sets<\/strong>, with up to <strong>2 options per set<\/strong>. It includes the option editor, set previews, basic frontend styling, Contact Form 7 integration and a Set selector for Elementor Pro Forms.<\/p>\n\n<p>Elementor Pro is required only for the Elementor Form widget integration. Contact Form 7 can be used without Elementor or Elementor Pro.<\/p>\n\n<p><strong>Optional upgrade to Pro<\/strong><\/p>\n\n<p>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.<\/p>\n\n<p>The <strong>set-editor live preview is included in Lite<\/strong>. Advanced Elementor design controls are available in the plugin's Pro edition.<\/p>\n\n<p><a href=\"https:\/\/inline-studio.co.il\/radio-image-buttons-for-elementor-cf7\/\">Learn about Radio Image Buttons Pro<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate Radio Image Buttons for Elementor &amp; CF7 Lite.<\/li>\n<li>Create a set under the Radio Image Buttons menu.<\/li>\n<li>Add up to two options. Choose images and labels, and optionally enter a separate value to send with the form.<\/li>\n<li>Check the live RTL\/LTR and mobile previews, then save the set.<\/li>\n<li>Follow the instructions below for your form builder.<\/li>\n<\/ol>\n\n<h4>Contact Form 7<\/h4>\n\n<ol>\n<li>Install and activate Contact Form 7.<\/li>\n<li><p>Copy the set shortcode from the set editor. Replace <code>123<\/code> in this example with your set ID:<\/p>\n\n<p>[ida_room_selector id=\"123\" name=\"radio-name-p\" dir=\"rtl\" columns=\"2\"]<\/p><\/li>\n<li><p>Paste the shortcode into the Contact Form 7 form template.<\/p><\/li>\n<li><p>Add this hidden form tag inside the same form:<\/p>\n\n<p>[hidden radio-name]<\/p><\/li>\n<li><p>Use <code>[radio-name]<\/code> in the Contact Form 7 Mail template to receive the selected value.<\/p><\/li>\n<\/ol>\n\n<p>Use <code>dir=\"ltr\"<\/code> for LTR labels or <code>dir=\"rtl\"<\/code> for RTL labels. If no separate option value is provided, the displayed label is sent.<\/p>\n\n<p>For another image-choice group in the same form, use a unique radio name and hidden-field name. For example:<\/p>\n\n<pre><code>[ida_room_selector id=\"123\" name=\"package-choice-p\" hidden=\"package-choice\" dir=\"ltr\" columns=\"2\"]\n\n[hidden package-choice]\n<\/code><\/pre>\n\n<p>Use <code>[package-choice]<\/code> in the Mail template for that group.<\/p>\n\n<h4>Elementor Pro Forms<\/h4>\n\n<ol>\n<li>Install and activate Elementor and Elementor Pro.<\/li>\n<li>Add a Form widget to a page.<\/li>\n<li>Add a field and choose <strong>Radio Image Buttons (Lite)<\/strong> as its type.<\/li>\n<li>Select a saved set.<\/li>\n<li>Give the field a unique field ID and use that ID in the form's email or other configured actions.<\/li>\n<\/ol>\n\n<p>Lite uses a basic two-column layout on larger screens and one column on small screens. The separate Radio Image Buttons Pro edition adds per-field direction and column controls and advanced styling.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"is%20elementor%20pro%20required%3F\"><h3>Is Elementor Pro required?<\/h3><\/dt>\n<dd><p>Only for the Elementor Form widget integration. Contact Form 7 works without Elementor or Elementor Pro. Elementor Free by itself does not provide the Pro Form widget.<\/p><\/dd>\n<dt id=\"what%20are%20the%20lite%20limits%3F\"><h3>What are the Lite limits?<\/h3><\/dt>\n<dd><p>You can create up to two sets with up to two options in each set. The set editor displays the current option count. Pro removes these limits.<\/p><\/dd>\n<dt id=\"does%20lite%20include%20a%20live%20preview%3F\"><h3>Does Lite include a live preview?<\/h3><\/dt>\n<dd><p>Yes. The set editor includes live RTL\/LTR and mobile previews. Advanced Elementor styling is part of the separate Pro edition.<\/p><\/dd>\n<dt id=\"what%20value%20is%20sent%20with%20the%20form%3F\"><h3>What value is sent with the form?<\/h3><\/dt>\n<dd><p>The optional \"Value sent with the form\" field is used when filled in. Otherwise, the displayed option label is used. In Contact Form 7, read it from the configured hidden-field mail tag. In Elementor Pro Forms, use the field ID.<\/p><\/dd>\n<dt id=\"can%20i%20use%20more%20than%20one%20image-choice%20group%3F\"><h3>Can I use more than one image-choice group?<\/h3><\/dt>\n<dd><p>Yes. Use different radio and hidden-field names for groups inside the same Contact Form 7 form. Use different field IDs for Elementor Form fields.<\/p><\/dd>\n<dt id=\"are%20existing%20sets%20preserved%20when%20updating%3F\"><h3>Are existing sets preserved when updating?<\/h3><\/dt>\n<dd><p>Version 1.7.0 keeps the existing set post type and stored option fields. Back up your site before updating and check your existing forms afterwards.<\/p><\/dd>\n<dt id=\"does%20this%20plugin%20send%20emails%20itself%3F\"><h3>Does this plugin send emails itself?<\/h3><\/dt>\n<dd><p>No. It provides the selected value to the form builder. Email delivery depends on your Contact Form 7 or Elementor form configuration and your site's mail setup.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.7.0<\/h4>\n\n<ul>\n<li>Added: Collapsible option cards and persistent field labels.<\/li>\n<li>Added: Live RTL\/LTR and mobile set previews in Lite.<\/li>\n<li>Added: Copy buttons for the Contact Form 7 shortcode and hidden field.<\/li>\n<li>Added: Keyboard-accessible move-up and move-down controls.<\/li>\n<li>Improved: A compact Lite usage message and option counter.<\/li>\n<li>Fixed: Contact Form 7 shortcode rendering within the form template.<\/li>\n<li>Fixed: Hidden-value synchronization scoped to the current form.<\/li>\n<li>Fixed: Input indexes after adding, deleting and reordering options.<\/li>\n<li>Fixed: Elementor Lite radio names for form submission.<\/li>\n<li>Improved: Responsive card widths, per-field text direction, visible keyboard focus and reduced-motion support.<\/li>\n<li>Improved: Label and image fallbacks when the alternate direction is not filled in.<\/li>\n<li>Tested with WordPress 7.1.3.<\/li>\n<\/ul>\n\n<h4>1.6.0<\/h4>\n\n<ul>\n<li>Fix: Ensure first item is not overwritten on initial save.<\/li>\n<li>Fix: Proper escaping and sanitization (per WP.org review).<\/li>\n<li>Fix: wp_enqueue usage for scripts\/styles.<\/li>\n<li>Tweak: all inline comments in English only.<\/li>\n<li>Tested up to WordPress 6.8.<\/li>\n<\/ul>\n\n<h4>1.5.4<\/h4>\n\n<ul>\n<li>Fix: item template indices and saving logic for labels and images when adding multiple items.<\/li>\n<li>Fix: removed inline admin\/shortcode JS; moved to enqueued files.<\/li>\n<li>Fix: stricter nonce\/capability checks and sanitization\/escaping.<\/li>\n<li>Fix: Elementor Forms (Lite) \u2013 safe registration with guards to avoid duplicate control injection.<\/li>\n<li>Tweak: admin UI copy and i18n strings.<\/li>\n<li>Tested up to WordPress 6.8.<\/li>\n<\/ul>\n\n<h4>1.4.0<\/h4>\n\n<ul>\n<li>Added: Minimal Elementor Pro Forms integration (Lite) with basic \u201cSet\u201d selector field.<\/li>\n<li>Added: notice in Elementor editor about Pro-only live preview and Style tab.<\/li>\n<li>Updated: unified frontend rendering (via shortcode).<\/li>\n<li>Docs: readme updated with Elementor section.<\/li>\n<\/ul>\n\n<h4>1.2.9<\/h4>\n\n<ul>\n<li>Added: <code>dir=\"rtl|ltr\"<\/code> attribute (replaces legacy \"lang\"; backward compatible).<\/li>\n<li>Updated: admin help text under the shortcode box.<\/li>\n<\/ul>\n\n<h4>1.2.7<\/h4>\n\n<ul>\n<li>Fix: i18n text domain alignment and file naming.<\/li>\n<li>Fix: PHPCS-level escaping and sanitization.<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Initial public version.<\/li>\n<\/ul>","raw_excerpt":"Add image radio choices to Contact Form 7 and Elementor Pro Forms, with live set previews, RTL\/LTR labels and a simpler option editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/253996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=253996"}],"author":[{"embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/guysoroka"}],"wp:attachment":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=253996"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=253996"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=253996"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=253996"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=253996"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=253996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}