Add Images to Checkbox/Radio Button Elements

Prev Next

Checkboxes and Radio Button elements can include images to help users pick the correct options.

Instructions

  1. Sign in to your site

  2. Create or edit an existing form and navigate to the Builder tab

  3. Click Add New ElementThe Add New Element button on the form builder page.

  4. Add a Radio Buttons or Checkboxes element to the form User interface displaying options for radio buttons and checkboxes selection.

  5. Add a Label for the element and toggle on the Display as Buttons option Radio buttons for selecting pet type with display options highlighted in settings.

  6. Enter Custom Options for the buttons Options for selecting pet types including Cat, Dog, Rabbit, and Other.

  7. Select the camera icon next to an option Options for selecting pet types including Cat, Dog, Rabbit, and Other.

  8. Drag an image or click to upload an image Upload image option with instructions to drag or click for image selection.

  9. Use the cropping tool to zoom in/out on the image and select the position A cat image with options to adjust size and upload settings displayed.

  10. Click UploadA user interface for uploading an image of a cat with options to adjust settings.

  11. Upload images for the remaining options, as needed The camera icons next to the custom options.

  12. Scroll up and click Save

  13. Your form will now display images for the radio buttons/checkboxes Images of different pets: cat, dog, rabbit, and a bird labeled as 'Other'.