Can I insert clickable images in my form?

Yes. Follow the simple steps below:

  1. Use the radio buttons with images feature described here. You can also use the checkboxes field.
  2. Hide the radio buttons using custom CSS. Retrieve the IDs of the radio buttons by inspecting the form code, then go to SettingsThemesUse Custom CSS and paste the following line of CSS code:
    #id123-control2642690_0, #id123-control2642690_1 {display:none;}
    Replace #id123-control2642690_0, #id123-control2642690_1 with the IDs of your radio buttons.

Most often, this feature is used with form branching. If the form user clicks on an image, new fields show up. Therefore:

  1. Set up field rules in SettingsRulesField Rules and use the images like any other radio buttons field option.

123ContactForm how to insert clickable images  in form

Ali Khan

can i add labels to each image?
like “Cat” dog etc.

February 12, 2017 06:37
    Vlad Raischi

    Hello!

    An Image field doesn’t have a label option. Instead, you can use Heading field as a label for the image.

    For any other questions you may have, please contact our Support Team via email support@www.123contactform.com or by filling out this form

    Thanks!

    February 14, 2017 10:41

Leave a Reply

Your email address will not be published. Required fields are marked *