{"id":475,"date":"2014-09-18T19:26:37","date_gmt":"2014-09-18T19:26:37","guid":{"rendered":"https:\/\/alt2.minisoft.com\/support\/?p=475"},"modified":"2020-11-05T14:50:39","modified_gmt":"2020-11-05T22:50:39","slug":"referencing-external-html-files","status":"publish","type":"post","link":"https:\/\/c002.minisoft.com\/support\/referencing-external-html-files\/","title":{"rendered":"Referencing External HTML Files"},"content":{"rendered":"<p>HyperText Markup Language (HTML) is used for creating web pages and emails. eFORMz users can reference an existing HTML file, to generate the static elements of an email built with eFORMz, while building the dynamic elements of the email within the eFORMz Composer itself.<\/p>\n<h1>Reference an external HTML file in eFORMz<\/h1>\n<p>1. Right-click the Form and select <em>Properties &gt; HTML Output<\/em>. The HTML Output tab of the Form Properties will display. Enter the location of the HTML file in the HTML template file field:<\/p>\n<p><a href=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"align size-medium wp-image-501\" src=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML1-300x247.png\" alt=\"ExternalHTML1\" width=\"300\" height=\"247\" srcset=\"https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML1-300x247.png 300w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML1-150x123.png 150w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML1-220x180.png 220w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML1.png 483w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>2. To merge dynamic elements built in the eFORMz Composer, right click the Document Component, such as a Table or Paragraph, and select <em>Edit &gt; Style Id<\/em>. The Table (or Paragraph) Properties will display. Give a name for the dynamic element in the Id field:<\/p>\n<p><a href=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"align size-medium wp-image-512\" src=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML2-276x300.png\" alt=\"ExternalHTML2\" width=\"276\" height=\"300\" srcset=\"https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML2-276x300.png 276w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML2-138x150.png 138w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML2-300x325.png 300w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/ExternalHTML2.png 442w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/a><\/p>\n<p>3. Enter the Table (or Paragraph) id in the appropriate place in the HTML file:<\/p>\n<pre>&lt;table border=\"0\" id=\"OrderInformation\"&gt;<\/pre>\n<pre>&lt;p id=\"OrderInformation\"&gt;<\/pre>\n<h2>Substitution Delimiter<\/h2>\n<p>Version 10 or later<\/p>\n<p>To insert data into a HTML template when doing HTML output, navigate to the &#8220;HTML Output&#8221; tab of the form properties. In the field &#8220;Substitution delimiter&#8221;, the user can specify a string that precedes and succeeds a string in the HTML that should be substituted with the contents of a Paragraph document object. For example:<\/p>\n<p>Substitution delimiter is &#8220;!!!!!&#8221;<\/p>\n<p>In the HTML template you have &#8220;!!!!customername!!!!&#8221;. Text from the content of a Paragraph document object with the Id of &#8220;customername&#8221; will replace &#8220;!!!!customername!!!!&#8221; in the html template.<\/p>\n<p>If working on combining an external HTML template, this allows the user to replace anything within the external HTML file.<\/p>\n<p><a href=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5801\" src=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1.png\" alt=\"\" width=\"567\" height=\"430\" srcset=\"https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1.png 567w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1-300x228.png 300w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1-150x114.png 150w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1-250x190.png 250w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1-550x417.png 550w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1-237x180.png 237w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub1-396x300.png 396w\" sizes=\"(max-width: 567px) 100vw, 567px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5802\" src=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub2.png\" alt=\"\" width=\"265\" height=\"75\" srcset=\"https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub2.png 265w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub2-150x42.png 150w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub2-250x71.png 250w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5803\" src=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub3.png\" alt=\"\" width=\"444\" height=\"484\" srcset=\"https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub3.png 444w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub3-275x300.png 275w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub3-138x150.png 138w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub3-250x273.png 250w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub3-165x180.png 165w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub4.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5804\" src=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub4.png\" alt=\"\" width=\"440\" height=\"179\" srcset=\"https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub4.png 440w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub4-300x122.png 300w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub4-150x61.png 150w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub4-250x102.png 250w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub5.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5805\" src=\"https:\/\/alt2.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub5.png\" alt=\"\" width=\"204\" height=\"37\" srcset=\"https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub5.png 204w, https:\/\/c002.minisoft.com\/support\/wp-content\/uploads\/2014\/09\/Sub5-150x27.png 150w\" sizes=\"(max-width: 204px) 100vw, 204px\" \/><\/a><\/p>\n<pre>&lt;tr width=\"700\" height=\"231\"&gt;\n&lt;td width=\"291\" height=\"231\" align=\"left\" bgcolor=\"<strong>..sub..backgroundColor..sub..<\/strong>\"&gt;\n&lt;p style=\"display:inline;color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; padding:0px;\" id=\"greeting\"&gt;&lt;\/p&gt;&lt;\/td&gt;\n&lt;\/tr&gt;<\/pre>\n<h2>Video<\/h2>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/8Gq7okieuqI?rel=0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<p>Tags: Output inline styles<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HyperText Markup Language (HTML) is used for creating web pages and emails. eFORMz users can reference an existing HTML file, to generate the static elements of an email built with eFORMz, while building the dynamic elements of the email within the eFORMz Composer itself. Reference an external HTML file in eFORMz 1. Right-click the Form [&hellip;]<\/p>\n","protected":false},"author":75,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,57],"tags":[14,13],"_links":{"self":[{"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/posts\/475"}],"collection":[{"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/comments?post=475"}],"version-history":[{"count":15,"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/posts\/475\/revisions"}],"predecessor-version":[{"id":8634,"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/posts\/475\/revisions\/8634"}],"wp:attachment":[{"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/media?parent=475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/categories?post=475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/c002.minisoft.com\/support\/wp-json\/wp\/v2\/tags?post=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}