{"id":11448,"date":"2022-06-07T04:38:32","date_gmt":"2022-06-07T04:38:32","guid":{"rendered":"https:\/\/www.mainbrainer.com\/hc\/knowledge-base\/survey-imagetext-widget\/"},"modified":"2022-11-23T11:53:28","modified_gmt":"2022-11-23T11:53:28","slug":"survey-imagetext-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/survey\/creator\/image-text\/","title":{"rendered":"Survey Image+Text Widget"},"content":{"rendered":"
\n

The Image+Text<\/strong> widget helps you add an image and text combination to your survey.<\/p>\n

You also have the option of hyperlinking the image to an external webpage or a landing page.<\/p>\n

<\/div>\n

How to add an Image + Text Widget to a survey?<\/h2>\n
<\/div>\n

Step 1 \u2013 Navigate to the Survey Creator<\/h3>\n

Open the Survey Creator to start creating your survey<\/a>.<\/p>\n

<\/div>\n

\"Survey<\/p>\n

Step 2 \u2013 Add an Image+Text widget to your survey<\/h3>\n

To add an image+text combination to your survey, drag and drop the Image+Text<\/strong> widget to the work area.<\/p>\n

<\/div>\n

\"Survey<\/p>\n

<\/div>\n

Step 3 \u2013 <\/strong>Use the Settings tab to upload an image and add relevant text.<\/strong><\/h3>\n

Once you drop the widget in the work area, you\u2019ll see the widget settings on the right side.<\/p>\n

<\/div>\n

\"Survey<\/p>\n

<\/div>\n

The Widget Settings comprise of two sections:<\/p>\n

    \n
  • \n

    Image Gallery<\/strong><\/h4>\n

    \"Survey<\/p>\n

    <\/div>\n

    In this section, use the Select Image<\/strong> button to upload the required image. Use the Set Image Redirect Link<\/strong> field to specify the external URL to which you want to redirect the clicks on this image.<\/li>\n<\/ul>\n

      \n
    • \n

      Text Editor <\/strong><\/h4>\n

      \"Survey<\/p>\n

      <\/div>\n

      Below the image settings, you can see the Text editor with the pre-typed text \u2013 Type your text here.<\/strong> Use this area to add the text that you want to display along with the image.<\/li>\n<\/ul>\n

      <\/div>\n

      Step 4 \u2013 Style your Image+Text combination<\/h3>\n

      You can edit the appearance of your Image+Text<\/strong> combination using the options available under the Style<\/strong> tab.<\/p>\n

      <\/div>\n

      \"Survey<\/p>\n

      <\/div>\n

      The different design options available are:<\/p>\n

      <\/div>\n

      4.1 Image + Text Font settings and Background color<\/h4>\n

      \"Survey<\/p>\n

        \n
      1. Widget Background Color<\/strong> to change the background color of the text section. Select the checkbox – Widget Background Transparent<\/strong> if you wish to make this space transparent<\/li>\n
      2. Rounded Corners<\/strong> <\/strong>\u2013 Use this sizing bar to add rounded corners to the image.<\/li>\n<\/ol>\n
        <\/div>\n

        4.2 Image + Text Position<\/h4>\n

        \"Survey<\/p>\n

          \n
        • Use this section to select the position of the image with respect to the text. Use the Middle Gap Size<\/strong> slider to adjust the gap between the image and the text.<\/li>\n<\/ul>\n
          <\/div>\n

          4.3 Image Setting<\/h4>\n

          \"Survey<\/p>\n

            \n
          1. Widget Width<\/strong> to adjust the width of the image<\/li>\n
          2. Widget Position<\/strong> to change the alignment of the image in the design
            \nClick Save<\/strong> and that\u2019s it!<\/li>\n<\/ol>\n
            <\/div>\n

            You have successfully added a combination of image and text to your survey!<\/p>\n<\/div>\n