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:
Within the form builder, in your form components, select Advanced
Drag and drop Formatted onto your form
Remove the existing content
Insert the image HTML: <img src="URL" width="400" height="95">
Navigate to the website you wish to get the logo from
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
Open the new tab and copy the URL
Navigate back to the form and highlight "URL" in your HTML code
Paste your URL in this location, a preview of your image will now show