{"id":15838,"date":"2025-09-10T07:56:47","date_gmt":"2025-09-10T07:56:47","guid":{"rendered":"https:\/\/doc.stackposts.com\/docs\/stackposts-v9\/settings-15777\/embed-code\/"},"modified":"2026-03-25T11:17:29","modified_gmt":"2026-03-25T11:17:29","slug":"embed-code-15838","status":"publish","type":"docs","link":"https:\/\/doc.stackposts.com\/docs\/stackposts-v9\/settings-15777\/embed-code-15838\/","title":{"rendered":"Embed Code"},"content":{"rendered":"<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] thread-sm:[--thread-content-margin:--spacing(6)] thread-lg:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] thread-sm:[--thread-content-max-width:40rem] thread-lg:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"0e434eb9-8144-404f-bb6d-8816bdca5842\" data-message-model-slug=\"gpt-5-instant\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose dark:prose-invert w-full break-words light markdown-new-styling\">\n<h1 data-start=\"110\" data-end=\"122\"><span style=\"color: #6b707f; font-size: 16px; font-weight: 400;\">The <\/span><strong style=\"color: #6b707f; font-size: 16px;\" data-start=\"128\" data-end=\"142\">Embed Code<\/strong><span style=\"color: #6b707f; font-size: 16px; font-weight: 400;\"> section allows you to add custom code snippets that will be injected into your platform pages. This is useful for integrating third-party services like <\/span><strong style=\"color: #6b707f; font-size: 16px;\" data-start=\"295\" data-end=\"363\">analytics, live chat widgets, tracking pixels, or custom scripts<\/strong><span style=\"color: #6b707f; font-size: 16px; font-weight: 400;\">.<\/span><\/h1>\n<hr data-start=\"366\" data-end=\"369\" \/>\n<h2 data-start=\"371\" data-end=\"382\">Settings<\/h2>\n<ul data-start=\"384\" data-end=\"775\">\n<li data-start=\"384\" data-end=\"529\">\n<p data-start=\"386\" data-end=\"398\"><strong data-start=\"386\" data-end=\"396\">Status<\/strong><\/p>\n<ul data-start=\"401\" data-end=\"529\">\n<li data-start=\"401\" data-end=\"443\">\n<p data-start=\"403\" data-end=\"443\"><strong data-start=\"403\" data-end=\"413\">Enable<\/strong> \u2192 Activates the embed code.<\/p>\n<\/li>\n<li data-start=\"446\" data-end=\"529\">\n<p data-start=\"448\" data-end=\"529\"><strong data-start=\"448\" data-end=\"459\">Disable<\/strong> \u2192 Turns off the embed code (the script will not load on your site).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-start=\"531\" data-end=\"775\">\n<p data-start=\"533\" data-end=\"619\"><strong data-start=\"533\" data-end=\"548\">Code Editor<\/strong><br data-start=\"548\" data-end=\"551\" \/>A text area where you can paste your embed code. This can include:<\/p>\n<ul data-start=\"622\" data-end=\"775\">\n<li data-start=\"622\" data-end=\"659\">\n<p data-start=\"624\" data-end=\"659\">Google Analytics tracking scripts<\/p>\n<\/li>\n<li data-start=\"662\" data-end=\"680\">\n<p data-start=\"664\" data-end=\"680\">Facebook Pixel<\/p>\n<\/li>\n<li data-start=\"683\" data-end=\"735\">\n<p data-start=\"685\" data-end=\"735\">Live chat tools (e.g., Tawk.to, Crisp, Intercom)<\/p>\n<\/li>\n<li data-start=\"738\" data-end=\"775\">\n<p data-start=\"740\" data-end=\"775\">Custom JavaScript or CSS snippets<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-start=\"777\" data-end=\"787\">Example:<\/p>\n<div class=\"contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary\">\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs\"><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-comment\">&lt;!-- Google Analytics --&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span><\/span> <span class=\"hljs-attr\">async<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/www.googletagmanager.com\/gtag\/js?id=UA-XXXXXXX-X\"<\/span>&gt;<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span><\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span><\/span>&gt;<br \/>\n  <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> = <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> || [];<br \/>\n  <span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title function_\">gtag<\/span>(){dataLayer.<span class=\"hljs-title function_\">push<\/span>(<span class=\"hljs-variable language_\">arguments<\/span>);}<br \/>\n  <span class=\"hljs-title function_\">gtag<\/span>(<span class=\"hljs-string\">'js'<\/span>, <span class=\"hljs-keyword\">new<\/span> <span class=\"hljs-title class_\">Date<\/span>());<br \/>\n  <span class=\"hljs-title function_\">gtag<\/span>(<span class=\"hljs-string\">'config'<\/span>, <span class=\"hljs-string\">'UA-XXXXXXX-X'<\/span>);<br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span><\/span>&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<hr data-start=\"1084\" data-end=\"1087\" \/>\n<h2 data-start=\"1089\" data-end=\"1104\">Save Changes<\/h2>\n<p data-start=\"1105\" data-end=\"1256\">After pasting your embed code, click <strong data-start=\"1142\" data-end=\"1158\">Save changes<\/strong>. The script will then automatically load across the site where the embed injection is configured.<\/p>\n<hr data-start=\"1258\" data-end=\"1261\" \/>\n<p data-start=\"1263\" data-end=\"1286\">\u26a0\ufe0f <strong data-start=\"1266\" data-end=\"1285\">Important Notes<\/strong>:<\/p>\n<ul data-start=\"1287\" data-end=\"1518\">\n<li data-start=\"1287\" data-end=\"1359\">\n<p data-start=\"1289\" data-end=\"1359\">Only add <strong data-start=\"1298\" data-end=\"1317\">trusted scripts<\/strong> to avoid performance or security risks.<\/p>\n<\/li>\n<li data-start=\"1360\" data-end=\"1434\">\n<p data-start=\"1362\" data-end=\"1434\">Adding multiple embed codes is possible, but keep performance in mind.<\/p>\n<\/li>\n<li data-start=\"1435\" data-end=\"1518\">\n<p data-start=\"1437\" data-end=\"1518\">If the embed affects page loading, test thoroughly before applying on production.<\/p>\n<\/li>\n<\/ul>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-15840 aligncenter size-large\" src=\"https:\/\/doc.stackposts.com\/wp-content\/uploads\/2025\/09\/image-75.png\" alt=\"\" width=\"1024\" height=\"615\" srcset=\"https:\/\/doc.stackposts.com\/wp-content\/uploads\/2025\/09\/image-75.png 1189w, https:\/\/doc.stackposts.com\/wp-content\/uploads\/2025\/09\/image-75-300x180.png 300w, https:\/\/doc.stackposts.com\/wp-content\/uploads\/2025\/09\/image-75-1024x615.png 1024w, https:\/\/doc.stackposts.com\/wp-content\/uploads\/2025\/09\/image-75-768x461.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Embed Code section allows you to add custom code snippets that will be injected into your platform pages. This is useful for integrating third-party services like analytics, live chat widgets, tracking pixels, or custom scripts. Settings Status Enable \u2192 Activates the embed code. Disable \u2192 Turns off the embed code (the script will not [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15777,"menu_order":13,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-15838","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs\/15838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/comments?post=15838"}],"version-history":[{"count":2,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs\/15838\/revisions"}],"predecessor-version":[{"id":15841,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs\/15838\/revisions\/15841"}],"up":[{"embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/docs\/15777"}],"wp:attachment":[{"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/media?parent=15838"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/doc_tag?post=15838"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/doc.stackposts.com\/wp-json\/wp\/v2\/doc_badge?post=15838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}