{"id":1257,"date":"2012-08-20T08:15:31","date_gmt":"2012-08-20T08:15:31","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=1257"},"modified":"2025-02-19T14:22:29","modified_gmt":"2025-02-19T14:22:29","slug":"can-i-use-images-as-options-in-a-single-choice-field","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/","title":{"rendered":"Can I add images as options in a Single choice field?"},"content":{"rendered":"\n<p>Yes, you can use images as Single or Multiple choices to make your form look more dynamic. This feature is available starting from the <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/gold-plan-features\/\">Gold plan<\/a>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to add images as options in a single choice field | 123FormBuilder\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/TaRdDss1xvU?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/www.123formbuilder.com\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>All you have to do is add a <b>Single choice<\/b> field and under the <b>Edit choices<\/b> section, for each choice you can find the option of uploading an image to be displayed as a choice.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-1024x470.png\" alt=\"Add images to choices\" class=\"wp-image-49717\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-1024x470.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-300x138.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-768x352.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-1536x705.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1.png 1892w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Clicking the image icon will open a modal from where you can upload images from your device. To add an image for another choice, select the image icon next to the option and then click <b>Browse<\/b> to upload your image. Only .png, .jpeg, .gif, .bmp, .svg, or .webp formats are accepted, up to 1 MB per image.<\/p>\n\n\n\n<p>Once you have uploaded all the files, do not forget to <b>Save<\/b> your changes. You can always come back to <b>Edit<\/b> your image, <b>Replace<\/b> it, or <b>Delete<\/b> it.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/UploadImage.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/UploadImage-1024x474.png\" alt=\"Upload images\" class=\"wp-image-49716\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/UploadImage-1024x474.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/UploadImage-300x139.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/UploadImage-768x356.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/UploadImage-1536x711.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/UploadImage.png 1888w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>When you have added images as choices, the <b>Layout <\/b>type of your field will switch to the <b>Card <\/b>type. In the <b>Layout<\/b> section, you can also choose to remove the radio buttons from your choices by turning off the <b>Show selector<\/b> toggle.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/ShowSelector.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/ShowSelector-1024x471.png\" alt=\"Show selector toggle\" class=\"wp-image-49718\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/ShowSelector-1024x471.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/ShowSelector-300x138.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/ShowSelector-768x353.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/ShowSelector-1536x707.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/ShowSelector.png 1888w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\" \/>\n\n\n\n<p><b>Related articles<\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/button-like-choices\/\">Button-like choices<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yes, you can use images as Single or Multiple choices to make your form look more dynamic. This feature is available starting from the Gold plan. All you have to do is add a Single choice field and under the Edit choices section, for each choice you can find the option of uploading an image [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[122,93,35,34],"tags":[62,545,610,326,609],"class_list":["post-1257","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-123-form-builder","category-advanced","category-formeditor","category-themes","tag-aaa_formeditor","tag-image-choices","tag-images-as-options","tag-single-choice","tag-upload-image"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to use images as choices? | 123FormBuilder Help<\/title>\n<meta name=\"description\" content=\"Follow our documentation on how to add images in a single choice list, instead of typing text for your options. It&#039;s as easy as 1-2-3!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Can I add images as options in a Single choice field?\" \/>\n<meta property=\"og:description\" content=\"Follow our documentation on how to add images in a single choice list, instead of typing text for your options. It&#039;s as easy as 1-2-3!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-20T08:15:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-19T14:22:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1892\" \/>\n\t<meta property=\"og:image:height\" content=\"868\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to use images as choices? | 123FormBuilder Help","description":"Follow our documentation on how to add images in a single choice list, instead of typing text for your options. It's as easy as 1-2-3!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/","og_locale":"en_US","og_type":"article","og_title":"Can I add images as options in a Single choice field?","og_description":"Follow our documentation on how to add images in a single choice list, instead of typing text for your options. It's as easy as 1-2-3!","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2012-08-20T08:15:31+00:00","article_modified_time":"2025-02-19T14:22:29+00:00","og_image":[{"width":1892,"height":868,"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/"},"author":{"name":"admin","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea"},"headline":"Can I add images as options in a Single choice field?","datePublished":"2012-08-20T08:15:31+00:00","dateModified":"2025-02-19T14:22:29+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/"},"wordCount":210,"commentCount":11,"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-1024x470.png","keywords":["aaa_formeditor","image choices","images as options","single choice","upload image"],"articleSection":["123FormBuilder","Advanced","Form Editor","Themes"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/","name":"How to use images as choices? | 123FormBuilder Help","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-1024x470.png","datePublished":"2012-08-20T08:15:31+00:00","dateModified":"2025-02-19T14:22:29+00:00","author":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea"},"description":"Follow our documentation on how to add images in a single choice list, instead of typing text for your options. It's as easy as 1-2-3!","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-1024x470.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2012\/08\/AddImages-1-1024x470.png"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-use-images-as-options-in-a-single-choice-field\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/"},{"@type":"ListItem","position":2,"name":"Can I add images as options in a Single choice field?"}]},{"@type":"WebSite","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","caption":"admin"},"url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/1257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/comments?post=1257"}],"version-history":[{"count":22,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/1257\/revisions"}],"predecessor-version":[{"id":49725,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/1257\/revisions\/49725"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/media?parent=1257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/categories?post=1257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/tags?post=1257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}