{"id":599,"date":"2022-10-17T19:16:18","date_gmt":"2022-10-17T19:16:18","guid":{"rendered":"https:\/\/enlitly.com\/blog\/?post_type=docs&p=599"},"modified":"2022-11-03T20:41:22","modified_gmt":"2022-11-03T20:41:22","slug":"how-to-embed-css-html-code-on-your-site-pages","status":"publish","type":"docs","link":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/","title":{"rendered":"How to embed CSS or HTML on your site pages"},"content":{"rendered":"\n

There can be instances when you want to apply external CSS to your Enlitly site. Although Enlitly does not provide an option to upload CSS, you do have an option to embed CSS code on each page. <\/p>\n\n\n\n

Typical use cases – <\/p>\n\n\n\n

a. Embed code from Facebook Pixel, Messenger or Google Analytics<\/p>\n\n\n\n

b. Embed a chat widget or embed a calendar pop up widget.<\/p>\n\n\n\n

c. Override font on your site page. If you would like to have your primary font for all texts on the site, you can embed below CSS in the header portion of your site page (as described in the article).<\/p>\n\n\n\n

<style> *:not(fa){font-family: var(–font-family) !important;} <\/style><\/p>\n\n\n\n

Here is how you can embed CSS on your page?<\/strong><\/h3>\n\n\n\n

a. Open the site editor by clicking on edit page. <\/p>\n\n\n\n

b. Go to page level settings. This option is available on the top right side of the editor.<\/p>\n\n\n\n

c. You should see an option “Head Tracking Code” Desc: Embed any valid HTML code<\/p>\n\n\n\n

Here you can embed your CSS or any valid HTML code that goes in the header of the page<\/p>\n\n\n\n

d. You also have separate option to insert code in the body of the page. The option starts with “Body Tracking Code” Desc: Embed any valid HTML code.<\/p>\n\n\n\n

After copying the code, simply click outside the area. This will auto-save the code. <\/p>\n\n\n\n

To see the changes, view the page in the browser. Note that page level setting doesn’t require publishing. You can directly view the effect of your changes using view live site option.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

There can be instances when you want to apply external CSS to your Enlitly site. Although Enlitly does not provide an option to upload CSS, you do have an option to embed CSS code on each page. Typical use cases – a. Embed code from Facebook Pixel, Messenger or Google Analytics b. Embed a chat … <\/p>\n

Continue reading “How to embed CSS or HTML on your site pages”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"doc_category":[13],"doc_tag":[],"yoast_head":"\nHow to embed CSS or HTML on your site pages - Enlitly<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to embed CSS or HTML on your site pages - Enlitly\" \/>\n<meta property=\"og:description\" content=\"There can be instances when you want to apply external CSS to your Enlitly site. Although Enlitly does not provide an option to upload CSS, you do have an option to embed CSS code on each page. Typical use cases – a. Embed code from Facebook Pixel, Messenger or Google Analytics b. Embed a chat … Continue reading "How to embed CSS or HTML on your site pages"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Enlitly\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T20:41:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/enlitly.com\/blog\/#website\",\"url\":\"https:\/\/enlitly.com\/blog\/\",\"name\":\"Enlitly\",\"description\":\"Enlighten Minds with Enlitly!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/enlitly.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/#webpage\",\"url\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/\",\"name\":\"How to embed CSS or HTML on your site pages - Enlitly\",\"isPartOf\":{\"@id\":\"https:\/\/enlitly.com\/blog\/#website\"},\"datePublished\":\"2022-10-17T19:16:18+00:00\",\"dateModified\":\"2022-11-03T20:41:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/enlitly.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Help Center\",\"item\":\"https:\/\/enlitly.com\/blog\/docs\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to embed CSS or HTML on your site pages\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to embed CSS or HTML on your site pages - Enlitly","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/","og_locale":"en_US","og_type":"article","og_title":"How to embed CSS or HTML on your site pages - Enlitly","og_description":"There can be instances when you want to apply external CSS to your Enlitly site. Although Enlitly does not provide an option to upload CSS, you do have an option to embed CSS code on each page. Typical use cases – a. Embed code from Facebook Pixel, Messenger or Google Analytics b. Embed a chat … Continue reading \"How to embed CSS or HTML on your site pages\"","og_url":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/","og_site_name":"Enlitly","article_modified_time":"2022-11-03T20:41:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/enlitly.com\/blog\/#website","url":"https:\/\/enlitly.com\/blog\/","name":"Enlitly","description":"Enlighten Minds with Enlitly!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/enlitly.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/#webpage","url":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/","name":"How to embed CSS or HTML on your site pages - Enlitly","isPartOf":{"@id":"https:\/\/enlitly.com\/blog\/#website"},"datePublished":"2022-10-17T19:16:18+00:00","dateModified":"2022-11-03T20:41:22+00:00","breadcrumb":{"@id":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-css-html-code-on-your-site-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/enlitly.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Help Center","item":"https:\/\/enlitly.com\/blog\/docs\/"},{"@type":"ListItem","position":3,"name":"How to embed CSS or HTML on your site pages"}]}]}},"_links":{"self":[{"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/docs\/599"}],"collection":[{"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/comments?post=599"}],"version-history":[{"count":6,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/docs\/599\/revisions"}],"predecessor-version":[{"id":663,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/docs\/599\/revisions\/663"}],"wp:attachment":[{"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/media?parent=599"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/doc_category?post=599"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/doc_tag?post=599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}