{"id":2622,"date":"2019-09-03T17:32:38","date_gmt":"2019-09-03T17:32:38","guid":{"rendered":"http:\/\/allproinsulationsoftware.com\/beta\/?page_id=2622"},"modified":"2022-12-06T21:16:40","modified_gmt":"2022-12-06T21:16:40","slug":"insulation-email-html-editor-html","status":"publish","type":"page","link":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/insulation-email-html-editor-html\/","title":{"rendered":"Email HTML Editor"},"content":{"rendered":"<div class=\"boldgrid-section color1-background-color color-1-text-contrast bg-background-color\">\n<div class=\"container\">\n<div class=\"row gridblock\" style=\"padding-bottom: 0px; padding-top: 0px;\">\n<div class=\"col-md-6 col-xs-12 col-sm-12 col-lg-6\">\n<h3 class=\"h1\">Email HTML Editor<\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section color3-background-color color-3-text-contrast bg-background-color\">\n<div class=\"container\">\n<div class=\"row gridblock\" style=\"padding-bottom: 0px;\">\n<div class=\"col-md-12 col-margin-bottom text-center col-xs-12 col-sm-12 col-lg-12\">\n<h3 class=\"\"><strong>This feature was removed in Allpro Insulator version 15 due to a lack of end user utilization.<\/strong><\/h3>\n<h4 class=\"h1\" style=\"text-align: left; font-size: 14px; line-height: 1.7em;\">The HTML Editor, as part of the Email Drafts form, allows users to add HTML source code to emails. The ability to add HTML to the emails allows users to insert custom email signatures into their Email Templates. The HTML Editor is only accessible from the Email Drafts Form, the Sales Reps Email Template Form and the Auto Email Generator Window.<\/h4>\n<h4 class=\"h1\" style=\"text-align: left; font-size: 14px; line-height: 1.7em; padding-left: 40px;\"><strong>Note:<\/strong>&nbsp;This help page is intended to show basic functionality of the HTML Editor and not intended to show users how to create HTML. The creation of the HTML is up to the user. HTML is a programming language and an understanding of the HTML language may be needed in order to use the HTML editor<\/h4>\n<h4 class=\"h1\" style=\"text-align: left; font-size: 14px; line-height: 1.7em;\"><span class=\"InitialSetupBody\">Directions to complete each step of the setup process can be found on this page. Please scroll down and locate the section where you have a question.<\/span><\/h4>\n<h4 class=\"h1\" style=\"text-align: left; font-size: 14px; line-height: 1.7em;\">The Email HTML Editor can be opened from all locations with the link shown below:<\/h4>\n<p class=\"mod-img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2630 size-full aligncenter\" src=\"http:\/\/allproinsulationsoftware.com\/beta\/wp-content\/uploads\/2019\/07\/htmleditorlink.png\" alt=\"\" width=\"1000\" height=\"539\" srcset=\"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmleditorlink.png 1000w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmleditorlink-300x162.png 300w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmleditorlink-768x414.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p class=\"body1\" style=\"text-align: left;\">When opened the HTML Editor will look like this:<\/p>\n<p class=\"mod-img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2631 size-full aligncenter\" src=\"http:\/\/allproinsulationsoftware.com\/beta\/wp-content\/uploads\/2019\/07\/htmleditor.png\" alt=\"\" width=\"992\" height=\"596\" srcset=\"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmleditor.png 992w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmleditor-300x180.png 300w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmleditor-768x461.png 768w\" sizes=\"(max-width: 992px) 100vw, 992px\" \/><\/p>\n<p class=\"\">&nbsp;<\/p>\n<h4 class=\"color-3-text-contrast color3-background-color\" style=\"text-align: left;\"><strong>Inserting HTML into an Email Template<\/strong><\/h4>\n<p class=\"body1\" style=\"text-align: left;\">Step 1: Open the HTML Editor and press the &#8220;Edit HTML&#8221; button.<br \/>\nStep 2: Paste HTML into the Edit HTML window, as shown below:<\/p>\n<p class=\"mod-img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2632 size-full aligncenter\" src=\"http:\/\/allproinsulationsoftware.com\/beta\/wp-content\/uploads\/2019\/07\/edithtmlwindow.png\" alt=\"\" width=\"500\" height=\"300\" srcset=\"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/edithtmlwindow.png 500w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/edithtmlwindow-300x180.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p class=\"body1\" style=\"text-align: left;\">Step 3: Press &#8220;OK&#8221;. If the HTML is formatted correctly, the source code will create the proper HTML display, as shown below:<\/p>\n<p class=\"mod-img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2633 size-full aligncenter\" src=\"http:\/\/allproinsulationsoftware.com\/beta\/wp-content\/uploads\/2019\/07\/htmldisplay.png\" alt=\"\" width=\"500\" height=\"300\" srcset=\"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmldisplay.png 500w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmldisplay-300x180.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p class=\"body1\" style=\"text-align: left;\">Step 4: Edit the HTML to ensure that the information is going to display correctly. At this point, additional formatting can be added, images can be added using the available tools in the Editor.<\/p>\n<p class=\"body1\" style=\"text-align: left;\">Step 5: Once the HTML code is formatted correctly, simply open the &#8220;Edit HTML&#8221; dialog and select the HTML code and press CTRL+C on your keyboard to copy the HTML code.<\/p>\n<p class=\"body1\" style=\"text-align: left;\">Step 6: Close out of the HTML Editor and then paste the HTML code into the Email Body of the Email Template as shown below:<\/p>\n<p class=\"mod-img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2634 size-full aligncenter\" src=\"http:\/\/allproinsulationsoftware.com\/beta\/wp-content\/uploads\/2019\/07\/htmlinsert.png\" alt=\"\" width=\"1000\" height=\"541\" srcset=\"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmlinsert.png 1000w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmlinsert-300x162.png 300w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmlinsert-768x415.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p class=\"body1\" style=\"text-align: left;\">Step 7: View the HTML code by selecting the &#8220;Displayed View&#8221; bullet, as shown below:<\/p>\n<p class=\"mod-img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2635 size-full aligncenter\" src=\"http:\/\/allproinsulationsoftware.com\/beta\/wp-content\/uploads\/2019\/07\/htmldisplayedview.png\" alt=\"\" width=\"1000\" height=\"541\" srcset=\"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmldisplayedview.png 1000w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmldisplayedview-300x162.png 300w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmldisplayedview-768x415.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p class=\"body1\" style=\"text-align: left;\">Step 8: When the email is sent to a customer, the specific HTML used will show up in the Email Body as shown below:<\/p>\n<p class=\"mod-img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2636 size-full aligncenter\" src=\"http:\/\/allproinsulationsoftware.com\/beta\/wp-content\/uploads\/2019\/07\/htmlemail.png\" alt=\"\" width=\"755\" height=\"944\" srcset=\"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmlemail.png 755w, https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-content\/uploads\/2019\/07\/htmlemail-240x300.png 240w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/p>\n<p class=\"body1\" style=\"text-align: left;\">The HTML Editor has appropriate buttons to format, create and insert HTML from file or as a copy and paste function. At this time Allpro Technology will not be assisting with the actual creation of the HTML, if you have any questions regarding the inserting of HTML into an Email Template, please contact Allpro Technology.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section bg-background-color color-3-text-contrast color3-background-color color2-border-color\" style=\"border-style: solid; border-width: 0px 0px 4.9px;\">\n<div class=\"container\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Email HTML Editor This feature was removed in Allpro Insulator version 15 due to a lack of end user utilization. The HTML Editor, as part of the Email Drafts form, allows users to add HTML source code to emails. The ability to add HTML to the emails allows users to insert custom email signatures into [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2622","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-json\/wp\/v2\/pages\/2622"}],"collection":[{"href":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-json\/wp\/v2\/comments?post=2622"}],"version-history":[{"count":4,"href":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-json\/wp\/v2\/pages\/2622\/revisions"}],"predecessor-version":[{"id":9226,"href":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-json\/wp\/v2\/pages\/2622\/revisions\/9226"}],"wp:attachment":[{"href":"https:\/\/allproinsulationsoftware.com\/contractor-help-files\/wp-json\/wp\/v2\/media?parent=2622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}