Creating an Image/Logo for a Form in the Form Builder

Updated by Niki Budd

Creating an Image/Logo for a Form in the Form Builder

Adding a logo to a form is a simple and effective way to enhance your organization's overall image, helps produce brand identity, professionalism, credibility, and consistency, and helps with legal and administrative purposes in some instances as well.

Video Tutorial:

00:00: Hi, this is Nikki from healthy roster this week. 00:03: Total is going to walk you through how to create an image or a logo on our form Builder overall 00:08: adding a logo to a form is simple and effective way to enhance your organization's. 00:12: Overall image helps produce brand identity professionalism 00:16: credibility consistency and help with legal and administrative purposes in 00:21: some instances as well. Let's jump him. 00:25: Within the form Builder, you will add your logo by selecting Advanced 00:29: and formatted drag-and-drop this option into your form. 00:35: Next, you want to remove the existing information that sitting 00:39: within the content section. Select one to highlight the 00:43: entire row on your keyboard. 00:46: Then select delete or backspace 00:51: If you need the HTML code for an image, you can navigate to our health. 00:55: Title, form Builder tips, and tricks, 01:04: Here, I'm going to highlight and copy the HTML code for a logo. 01:12: Now, navigate back to your form Builder. 01:16: Now, back on your form, taste in the HTML code within 01:20: the content section. 01:22: Now let's review how to get the image URL that we need to insert 01:26: into our HTML code for the form. 01:29: We do recommend using a reputable website for your image rather 01:33: than an internet search often those links will change and brake 01:37: wear as a reputable website. Will house the correct link for years to come. 01:41: I am going to navigate directly to healthy rosters website. 01:44: I am going to copy the logo at the top of the web page as you see 01:48: here. 01:50: To begin, right. Click on the image. 01:54: At this point you should select open image in a new tab, this will 01:58: give you a preview of the image you selected. 02:01: So you can ensure its the right logo and image. 02:03: Another option is to Simply select copy image address. 02:07: Let's review opening it in a new tab. 02:11: Now in your web browser on the address bar, you're able to copy 02:15: the direct URL for this image. 02:20: Once again, navigate back to your form. 02:24: Now, highlight URL. 02:27: You will then taste your copied URL. 02:29: Your image will show Below in the preview box. 02:34: Most likely, you will need to resize your image to show appropriately on your 02:38: form, navigate to the end of your HTML, code to adjust 02:42: the height appropriately. 02:45: Once you're happy with the size and shape of your logo, select save 02:49: to insert it within your form. 02:52: If you have questions or need more help, please visit the help tab on the left 02:56: navigation or reaches directly at help at healthy roster. 02:59: Com

Step-By-Step Tutorial:
  1. Within the form builder, in your form components, select Advanced
  2. Drag and drop Formatted onto your form
  3. Remove the existing content
  4. Insert the image HTML: <img src="URL" width="400" height="95">
  5. Navigate to the website you wish to get the logo from
  6. Right-click on the image, select "open image in a new tab"
    Note: you are also able to select "Copy image address" to obtain the URL
  7. Open the new tab and copy the URL
  8. Navigate back to the form and highlight "URL" in your HTML code
  9. Paste your URL in this location, a preview of your image will now show
  1. Resize your image appropriately
  2. Select Save to insert the logo


How did we do?


Powered by HelpDocs (opens in a new tab)