In the first segment, we looked at making a PDF template. This segment, we'll look at making an HTML template. They work by basically the same principle. There are fields in the template that will be refilled with data that's submitted from the online form. In the case with HTML templates, these are going to be dynamic substitution place holders. Again, one of the significant advantages of the HTML templates is that the signature file can be placed anywhere within the template. You can find general help on making HTML templates in our help section by entering in dynamic substitution place holders in the search bar and finding this reference article.
To start making the HTML template, we'll start with your HTML form. Go to your form, go into source view. We're going to copy that source code into a text editor. Now, you'll need to change all the form fields in this HTML code so that they can be substituted with data that's submitted from the online form. This is done all the same way for all types of form fields with two exceptions. Those being radio buttons and check boxes. But for everything else, you're going to replace the entire input tag with just the field name enclosed in double curly braces. So get rid of that entire tag except for the field name itself which should be enclosed in double curly braces. This makes this now a dynamic field that will be refilled when the template is loaded.
You'll do that again for all fields except for the radio buttons and check boxes. This includes as well the signature field so we'll remove the entire tag, enclosing just this field name in curly braces. For radio buttons and check boxes, you're going to leave the input tag in place and just add an attribute to it. In this attribute, you can find in that help by searching for dynamic substitution place holders. That attribute is here. So you're going to want to copy that attribute at the end of every tag so in this case, for the end of the tag, for the radio button here after the end of the tag here and again here, at the end of the tag again here and again here and so on.
Then replace field name with the actual field name which in this case is marital status. You'll follow that same procedure as well for check boxes. Lastly, after you've made all those changes to the fields, making them the dynamic substitution place holder is two pieces of scripts that you'll need to copy to the end of your document. If you have a body tag, it should be after the body tag. These pieces of script can be found in the help menu. They're here and then also here. So now we save these pieces of script at the end of the file. We'll save this file as an HTML file and load it to the templates tab as we did with the PDF template, loading the file here in this part, checking this data format here. We fill out and submit the email, or submit the form and get the email.
I just wanted to say thanks to all the great support and sales people I've dealt with from LuxSci. Our website launched this weekend nearly flawlessly and had great help from your support department. Keep up the good work!"
The difference between a quality service provider and the rest is how they respond when things are not working. Being able to get someone on the phone after hours to sort out issues promptly is key. LuxSci delivered on their support promises in every respect."
You are exceeding expectations. I have been very impressed with your organization. From sales and billing to tech support, everyone has been very responsive and knowledgeable. Most problems are resolved during the first contact. Thank you for your dedication to service and excellence. I will be recommending you without hesitation."
I wanted to congratulate you on your service; the reduction in Spam is incredible, and the speed of delivery is stunning. I am recommending you to all of my friends and associates! You can quote me on that!"
LuxSci has been a pleasure to work with. The level of support we've received from them has been top-notch. From the smallest user issue to complex custom work, LuxSci has delivered service far above what I expected. Best of all, uptime with LuxSci has been 100%."