{"id":5665,"date":"2026-11-05T10:46:23","date_gmt":"2026-11-05T10:46:23","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/custom-code\/"},"modified":"2026-11-08T11:39:18","modified_gmt":"2026-11-08T11:39:18","slug":"custom-code","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/custom-code\/","title":{"rendered":"Custom Code"},"content":{"rendered":"<style id=\"shapeblock-block-css-6-inline-css\">\n.shapeblock-layout-row-cc006 { flex-direction:row;justify-content:center;align-items:stretch;align-content:stretch;flex-wrap:wrap;gap:20px;padding-top:64px;padding-right:16px;padding-bottom:64px;padding-left:16px;background-color:#5933ff;background-image:url(https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/banner-shape.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc006 { padding-top:48px;padding-right:15px;padding-bottom:48px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc006 { padding-top:48px;padding-right:15px;padding-bottom:48px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc006 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc005 { flex:0 1 calc(760px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(760px - var(--bp-gap, 0px) * 0 \/ 100) !important; }\n.shapeblock-col-cc005 > .shapeblock-column__inner { display:flex;flex-direction:column;align-items:center; }.shapeblock-heading-block-wrap.shapeblock-heading-cc001 .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-cc001 .shapeblock-heading .shapeblock-title { font-size:22px;font-weight:500;line-height:1.3;color:#ffffff;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc001 .shapeblock-heading .shapeblock-title { font-size:18px; } }\n\/*# sourceURL=shapeblock-block-css-1-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc002 .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-cc002 .shapeblock-heading .shapeblock-title { font-size:18px;font-weight:400;line-height:1.7;color:#ffffff;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-2-inline-css *\/\n\n\n.sbp-abtn.sbp-abtn-cc003 { --sbp-ab-t-fw:500;--sbp-ab-c:#ffffff;--sbp-ab-bg:#0067ff;--sbp-ab-b-w:1px 1px 1px 1px;--sbp-ab-b-s:solid;--sbp-ab-b-c:#0067ff;--sbp-ab-r:4px 4px 4px 4px;--sbp-ab-pad:14px 22px 14px 22px;--sbp-ab-hc:#0067ff;--sbp-ab-hbg:#ffffff;--sbp-ab-hbc:#ffffff;--sbp-ab-dur:400;--sbp-ab-flair:600; }.sbp-abtn.sbp-abtn-cc003 .sbp-abtn__btn { font-weight:500; }\n\/*# sourceURL=shapeblock-block-css-3-inline-css *\/\n\n\n.sbp-abtn.sbp-abtn-cc004 { --sbp-ab-t-fw:500;--sbp-ab-c:#ffffff;--sbp-ab-bg:#00000000;--sbp-ab-b-w:1px 1px 1px 1px;--sbp-ab-b-s:solid;--sbp-ab-b-c:#ffffff;--sbp-ab-r:4px 4px 4px 4px;--sbp-ab-pad:14px 22px 14px 22px;--sbp-ab-hc:#ffffff;--sbp-ab-hbg:#0067ff;--sbp-ab-hbc:#0067ff;--sbp-ab-dur:400;--sbp-ab-flair:600; }.sbp-abtn.sbp-abtn-cc004 .sbp-abtn__btn { font-weight:500; }\n\/*# sourceURL=shapeblock-block-css-4-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-5-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-6-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc006 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc005 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <h1 style=\"margin-bottom:8px\" class=\"has-link-color wp-elements-1 wp-block-post-title has-text-color has-base-color has-xx-large-font-size has-text-align-center\">Custom Code<\/h1> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc001 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading align-center\"> <div class=\"shapeblock-title\">The chat bubble in the corner of this page was added this way.<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc002 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading align-center\"> <div class=\"shapeblock-title\">Paste code into the header or footer of your site without touching a theme file: Google Analytics, Tag Manager, Search Console, a pixel or a live chat. Run it on every page or chosen pages, and leave out your own visits.<\/div>\t<\/div> <\/div> <div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-42828cfa wp-block-group-is-layout-flex\" style=\"margin-top:24px\"> <div class=\"shapeblock-block sbp-abtn sbp-abtn-cc003 wp-block-shapeblock-advanced-button\" data-sbp-style=\"roll\" data-sbp-roll=\"up\"><a class=\"sbp-abtn__btn\" href=\"https:\/\/shapekode.com\/product\/shapeblock\/pricing\/\"><span class=\"sbp-abtn__content\"><span class=\"sbp-abtn__text\">Get Started Now<\/span><\/span><span class=\"sbp-abtn__content sbp-abtn__clone\" aria-hidden=\"true\"><span class=\"sbp-abtn__text\">Get Started Now<\/span><\/span><\/a><\/div> <div class=\"shapeblock-block sbp-abtn sbp-abtn-cc004 wp-block-shapeblock-advanced-button\" data-sbp-style=\"roll\" data-sbp-roll=\"up\"><a class=\"sbp-abtn__btn\" href=\"https:\/\/shapekode.com\/product\/shapeblock\/docs\/custom-code\/\"><span class=\"sbp-abtn__content\"><span class=\"sbp-abtn__text\">Documentation<\/span><\/span><span class=\"sbp-abtn__content sbp-abtn__clone\" aria-hidden=\"true\"><span class=\"sbp-abtn__text\">Documentation<\/span><\/span><\/a><\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-16-inline-css\">\n.shapeblock-layout-row-vg0k { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:56px;padding-top:96px;padding-right:24px;padding-bottom:96px;padding-left:24px;background-color:#ffffff;--bp-gap:56px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-vg0k { padding-top:72px;padding-right:24px;padding-bottom:72px;padding-left:24px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-vg0k { padding-top:56px;padding-right:18px;padding-bottom:56px;padding-left:18px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-vg0k > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-vg0k > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-vg0k > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-vg0k > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-layout-row-vg0i { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:56px;--bp-gap:56px;--bp-col-tablet:calc(100% - var(--bp-gap, 0px) * 0);--bp-col-mobile:calc(100% - var(--bp-gap, 0px) * 0); }\n@media (max-width: 1024px) { .shapeblock-layout-row-vg0i { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 767px) { .shapeblock-layout-row-vg0i { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-vg0i > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-vg0i > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-vg0i > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-vg0i > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-vg0g { flex:0 1 calc(34% - var(--bp-gap, 0px) * 66 \/ 100) !important;max-width:calc(34% - var(--bp-gap, 0px) * 66 \/ 100) !important; }.shapeblock-layout-row-vg0f { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;position:sticky;z-index:auto;width:100%;top:120px;--bp-gap:0px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-vg0f { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 767px) { .shapeblock-layout-row-vg0f { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-vg0f > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-vg0f > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-vg0f > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-vg0f > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-heading-block-wrap.shapeblock-heading-vg0b .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:1.6px;color:#5933ff;margin-top:0;margin-right:0;margin-bottom:18px;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-7-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-vg0c .shapeblock-heading .shapeblock-title { font-size:42px;font-weight:700;line-height:1.1;letter-spacing:-1.2px;color:#0f172a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 1024px) { .shapeblock-heading-block-wrap.shapeblock-heading-vg0c .shapeblock-heading .shapeblock-title { font-size:36px; } }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-vg0c .shapeblock-heading .shapeblock-title { font-size:30px;letter-spacing:-0.8px; } }\n\/*# sourceURL=shapeblock-block-css-8-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-vg0d .shapeblock-heading .shapeblock-title { font-size:18px;font-weight:400;line-height:1.65;color:#475569;margin-top:20px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-vg0d .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-9-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-10-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-11-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-12-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-vg0h { flex:0 1 calc(66% - var(--bp-gap, 0px) * 34 \/ 100) !important;max-width:calc(66% - var(--bp-gap, 0px) * 34 \/ 100) !important; }\n\/*# sourceURL=shapeblock-block-css-13-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-14-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-15-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-16-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-vg0k is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-vg0j wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-vg0i is-content-boxed has-tablet-columns has-mobile-columns wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-vg0g wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div style=\"position:sticky;z-index:auto;top:120px\" class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-vg0f is-content-boxed is-sticky wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-vg0e wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-vg0b wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Video guide<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-vg0c wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">See it built,<br>step by step.<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-vg0d wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">The live demo first, then turning Custom Code on and pasting a live chat into your footer.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-vg0h wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\"> <iframe loading=\"lazy\" title=\"How to Add Google Analytics or Live Chat Code in WordPress | ShapeBlock Pro Custom Code\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ZclYjyToX4E?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe> <\/div><\/figure> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-39-inline-css\">\n.shapeblock-layout-row-cc00t { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:56px;padding-top:120px;padding-right:24px;padding-bottom:120px;padding-left:24px;background-color:#ffffff;--bp-gap:56px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc00t { padding-top:88px;padding-right:24px;padding-bottom:88px;padding-left:24px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc00t { padding-top:64px;padding-right:18px;padding-bottom:64px;padding-left:18px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc00t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-cc00t > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc00t > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc00t > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-layout-row-cc00r { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:64px;--bp-gap:64px;--bp-col-tablet:calc(100% - var(--bp-gap, 0px) * 0);--bp-col-mobile:calc(100% - var(--bp-gap, 0px) * 0); }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc00r { gap:40px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;--bp-gap:40px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc00r { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc00r > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc00r > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc00r > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc00r > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc00p { flex:0 1 calc(42% - var(--bp-gap, 0px) * 58 \/ 100) !important;max-width:calc(42% - var(--bp-gap, 0px) * 58 \/ 100) !important; }.shapeblock-layout-row-cc00l { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;position:sticky;z-index:auto;width:100%;top:110px;--bp-gap:0px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc00l { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc00l { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc00l > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-cc00l > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc00l > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc00l > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-heading-block-wrap.shapeblock-heading-cc007 .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0.4px;color:#0f6b66;margin-top:0;margin-right:0;margin-bottom:14px;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-17-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc008 .shapeblock-heading .shapeblock-title { font-size:44px;font-weight:500;line-height:1.08;letter-spacing:-1.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 1024px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc008 .shapeblock-heading .shapeblock-title { font-size:36px; } }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc008 .shapeblock-heading .shapeblock-title { font-size:29px; } }\n\/*# sourceURL=shapeblock-block-css-18-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc009 .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc009 .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-19-inline-css *\/\n\n\n.shapeblock-col-cc00j { margin-top:24px;margin-right:0;margin-bottom:0;margin-left:0; }.shapeblock-col-cc00c { padding-top:16px;padding-right:0;padding-bottom:17px;padding-left:0;border-style:solid;border-color:#dfddd6;border-width:1px 0px 0px 0px; }.shapeblock-heading-block-wrap.shapeblock-heading-cc00a .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:600;line-height:1.45;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00a .shapeblock-heading .shapeblock-title span { color:#0f6b66;margin-top:0;margin-right:12px;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-20-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00b .shapeblock-heading .shapeblock-title { font-size:15px;font-weight:400;line-height:1.55;color:#5a5f63;margin-top:4px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-21-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-22-inline-css *\/\n\n\n.shapeblock-col-cc00f { padding-top:16px;padding-right:0;padding-bottom:17px;padding-left:0;border-style:solid;border-color:#dfddd6;border-width:1px 0px 0px 0px; }.shapeblock-heading-block-wrap.shapeblock-heading-cc00d .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:600;line-height:1.45;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00d .shapeblock-heading .shapeblock-title span { color:#0f6b66;margin-top:0;margin-right:12px;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-23-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00e .shapeblock-heading .shapeblock-title { font-size:15px;font-weight:400;line-height:1.55;color:#5a5f63;margin-top:4px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-24-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-25-inline-css *\/\n\n\n.shapeblock-col-cc00i { padding-top:16px;padding-right:0;padding-bottom:17px;padding-left:0;border-style:solid;border-color:#dfddd6;border-width:1px 0px 0px 0px; }.shapeblock-heading-block-wrap.shapeblock-heading-cc00g .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:600;line-height:1.45;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00g .shapeblock-heading .shapeblock-title span { color:#0f6b66;margin-top:0;margin-right:12px;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-26-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00h .shapeblock-heading .shapeblock-title { font-size:15px;font-weight:400;line-height:1.55;color:#5a5f63;margin-top:4px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-27-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-28-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-29-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-30-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-31-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-32-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc00q { flex:0 1 calc(58% - var(--bp-gap, 0px) * 42 \/ 100) !important;max-width:calc(58% - var(--bp-gap, 0px) * 42 \/ 100) !important; }.shapeblock-col-cc00m { padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;background-color:#f4f3ef;border-style:solid;border-color:#dfddd6;border-width:1px 1px 1px 1px; }\n@media (max-width: 767px) { .shapeblock-col-cc00m { padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px; } }\n\/*# sourceURL=shapeblock-block-css-33-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00n .shapeblock-heading .shapeblock-title { font-size:14px;font-weight:400;line-height:1.5;color:#8a8f93;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-34-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-35-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-36-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-37-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-38-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-39-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc00t is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00s wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc00r is-content-boxed has-tablet-columns has-mobile-columns wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:0ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc00p wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div style=\"position:sticky;z-index:auto;top:110px\" class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc00l is-content-boxed is-sticky wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00k wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc007 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Custom Code, in short<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc008 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Your service gives you code. This is where it goes.<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc009 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Your theme and footer are built from blocks, so there is no file to edit. Open one screen, paste, save.<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00j wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00c wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00a wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\"><span>1<\/span>ShapeBlock \u203a Extensions<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00b wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Switch on the Custom Code card, then click its gear.<\/div>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00f wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00d wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\"><span>2<\/span>Paste the code into its box<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00e wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Header, after the opening body tag, or footer. Keep its script tags.<\/div>\t<\/div> <\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00i wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00g wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\"><span>3<\/span>Save Changes<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00h wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Open your site. It runs right away.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:150ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc00q wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00o wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00m wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"1030\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-settings-34e0ac.webp\" alt=\"The Custom Code settings with three code boxes and an example in each\" class=\"wp-image-5676\" style=\"border-radius:3px;aspect-ratio:720\/1030;object-fit:cover;width:100%\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-settings-34e0ac.webp 720w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-settings-34e0ac-210x300.webp 210w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-settings-34e0ac-716x1024.webp 716w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-settings-34e0ac-600x858.webp 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure> <\/div><\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00n wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">The real settings. The grey text in each box is an example of what goes there, and it is never saved.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-59-inline-css\">\n.shapeblock-layout-row-cc01d { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:56px;padding-top:120px;padding-right:24px;padding-bottom:120px;padding-left:24px;background-color:#16181a;--bp-gap:56px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc01d { padding-top:88px;padding-right:24px;padding-bottom:88px;padding-left:24px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc01d { padding-top:64px;padding-right:18px;padding-bottom:64px;padding-left:18px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc01d > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-cc01d > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(3){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc01d > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(3){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc01d > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(3){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-heading-block-wrap.shapeblock-heading-cc00u .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0.4px;color:#8fd6cf;margin-top:0;margin-right:0;margin-bottom:14px;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-40-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00v .shapeblock-heading .shapeblock-title { font-size:50px;font-weight:500;line-height:1.08;letter-spacing:-1.3px;color:#ffffff;margin-top:0;margin-right:0;margin-bottom:40px;margin-left:0; }\n@media (max-width: 1024px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc00v .shapeblock-heading .shapeblock-title { font-size:40px; } }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc00v .shapeblock-heading .shapeblock-title { font-size:31px; } }\n\/*# sourceURL=shapeblock-block-css-41-inline-css *\/\n\n\n.shapeblock-layout-row-cc01b { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:16px;--bp-gap:16px;--bp-col-tablet:calc(50% - var(--bp-gap, 0px) * 0.5);--bp-col-mobile:calc(100% - var(--bp-gap, 0px) * 0); }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc01b { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc01b { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (min-width: 1025px){.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(33.3333% - var(--bp-gap, 0px) * 0.6667) !important;max-width:calc(33.3333% - var(--bp-gap, 0px) * 0.6667) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(33.3333% - var(--bp-gap, 0px) * 0.6667) !important;max-width:calc(33.3333% - var(--bp-gap, 0px) * 0.6667) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 calc(33.3333% - var(--bp-gap, 0px) * 0.6667) !important;max-width:calc(33.3333% - var(--bp-gap, 0px) * 0.6667) !important;}}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}.shapeblock-col-cc00z { padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;background-color:#212427;border-style:solid;border-color:#34383c;border-width:1px 1px 1px 1px; }\n@media (max-width: 767px) { .shapeblock-col-cc00z { padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; } }.shapeblock-heading-block-wrap.shapeblock-heading-cc00w .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0.3px;color:#8fd6cf;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-42-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00x .shapeblock-heading .shapeblock-title { font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-0.3px;color:#ffffff;margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc00x .shapeblock-heading .shapeblock-title { font-size:20px; } }\n\/*# sourceURL=shapeblock-block-css-43-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc00y .shapeblock-heading .shapeblock-title { font-size:15px;font-weight:400;line-height:1.65;color:#a6abaf;margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-44-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-45-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-46-inline-css *\/\n\n\n.shapeblock-col-cc013 { padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;background-color:#212427;border-style:solid;border-color:#34383c;border-width:1px 1px 1px 1px; }\n@media (max-width: 767px) { .shapeblock-col-cc013 { padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; } }.shapeblock-heading-block-wrap.shapeblock-heading-cc010 .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0.3px;color:#8fd6cf;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-47-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc011 .shapeblock-heading .shapeblock-title { font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-0.3px;color:#ffffff;margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc011 .shapeblock-heading .shapeblock-title { font-size:20px; } }\n\/*# sourceURL=shapeblock-block-css-48-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc012 .shapeblock-heading .shapeblock-title { font-size:15px;font-weight:400;line-height:1.65;color:#a6abaf;margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-49-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-50-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-51-inline-css *\/\n\n\n.shapeblock-col-cc017 { padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;background-color:#212427;border-style:solid;border-color:#34383c;border-width:1px 1px 1px 1px; }\n@media (max-width: 767px) { .shapeblock-col-cc017 { padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; } }.shapeblock-heading-block-wrap.shapeblock-heading-cc014 .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0.3px;color:#8fd6cf;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-52-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc015 .shapeblock-heading .shapeblock-title { font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-0.3px;color:#ffffff;margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc015 .shapeblock-heading .shapeblock-title { font-size:20px; } }\n\/*# sourceURL=shapeblock-block-css-53-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc016 .shapeblock-heading .shapeblock-title { font-size:15px;font-weight:400;line-height:1.65;color:#a6abaf;margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-54-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-55-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-56-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-57-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-58-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-59-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc01d is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00u wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Which box<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00v wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Three places on the page, one box each.<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc01c wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc01b is-content-boxed has-tablet-columns has-mobile-columns wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:0ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc018 wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc00z wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00w wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Header, inside &lt;head&gt;<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00x wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h3 class=\"shapeblock-title\">Things that must load first<\/h3>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc00y wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Google Analytics, Google Tag Manager, Search Console verification, a Meta or LinkedIn pixel.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:120ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc019 wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc013 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc010 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">After the opening &lt;body&gt; tag<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc011 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h3 class=\"shapeblock-title\">The second half of some codes<\/h3>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc012 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Google Tag Manager gives you two pieces of code. The noscript piece goes here.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:240ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc01a wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc017 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc014 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Footer, before &lt;\/body&gt;<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc015 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h3 class=\"shapeblock-title\">Things that can load last<\/h3>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc016 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">A live chat such as Tawk.to or Crisp, a cookie banner, a feedback widget.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-71-inline-css\">\n.shapeblock-layout-row-cc01p { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:56px;padding-top:120px;padding-right:24px;padding-bottom:120px;padding-left:24px;background-color:#f4f3ef;--bp-gap:56px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc01p { padding-top:88px;padding-right:24px;padding-bottom:88px;padding-left:24px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc01p { padding-top:64px;padding-right:18px;padding-bottom:64px;padding-left:18px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc01p > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-cc01p > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc01p > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc01p > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-layout-row-cc01n { flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:64px;--bp-gap:64px;--bp-col-tablet:calc(100% - var(--bp-gap, 0px) * 0);--bp-col-mobile:calc(100% - var(--bp-gap, 0px) * 0); }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc01n { gap:36px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;--bp-gap:36px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc01n { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc01n > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01n > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc01n > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01n > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc01l { flex:0 1 calc(50% - var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - var(--bp-gap, 0px) * 50 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-cc01e .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0.4px;color:#0f6b66;margin-top:0;margin-right:0;margin-bottom:14px;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-60-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc01f .shapeblock-heading .shapeblock-title { font-size:50px;font-weight:500;line-height:1.08;letter-spacing:-1.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 1024px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc01f .shapeblock-heading .shapeblock-title { font-size:40px; } }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc01f .shapeblock-heading .shapeblock-title { font-size:31px; } }\n\/*# sourceURL=shapeblock-block-css-61-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc01g .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc01g .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-62-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc01h .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc01h .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-63-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-64-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc01m { flex:0 1 calc(50% - var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - var(--bp-gap, 0px) * 50 \/ 100) !important; }.shapeblock-col-cc01i { padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;background-color:#ffffff;border-style:solid;border-color:#dfddd6;border-width:1px 1px 1px 1px; }\n@media (max-width: 767px) { .shapeblock-col-cc01i { padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px; } }\n\/*# sourceURL=shapeblock-block-css-65-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc01j .shapeblock-heading .shapeblock-title { font-size:14px;font-weight:400;line-height:1.5;color:#8a8f93;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-66-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-67-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-68-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-69-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-70-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-71-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc01p is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc01o wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc01n is-content-boxed has-tablet-columns has-mobile-columns wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:0ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc01l wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01e wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Live on this page<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01f wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Look at the bottom corner of your screen.<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01g wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">That chat bubble is a Tawk.to code pasted into the Footer box of this very site. No theme file was opened and no plugin was added for it.<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01h wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Paste the code your chat service gives you, turn the extension on, and the bubble is on every page.<\/div>\t<\/div> <\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:150ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc01m wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc01k wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc01i wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"247\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-pasted-0595a1.webp\" alt=\"A live chat code pasted into the Footer box\" class=\"wp-image-5662\" style=\"border-radius:3px;aspect-ratio:672\/247;object-fit:cover;width:100%\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-pasted-0595a1.webp 672w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-pasted-0595a1-300x110.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-pasted-0595a1-600x221.webp 600w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><\/figure> <\/div><\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01j wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">A chat code in the Footer box.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-82-inline-css\">\n.shapeblock-layout-row-cc020 { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:56px;padding-top:120px;padding-right:24px;padding-bottom:120px;padding-left:24px;background-color:#ffffff;--bp-gap:56px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc020 { padding-top:88px;padding-right:24px;padding-bottom:88px;padding-left:24px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc020 { padding-top:64px;padding-right:18px;padding-bottom:64px;padding-left:18px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc020 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-cc020 > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc020 > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc020 > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-layout-row-cc01y { flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:64px;--bp-gap:64px;--bp-col-tablet:calc(100% - var(--bp-gap, 0px) * 0);--bp-col-mobile:calc(100% - var(--bp-gap, 0px) * 0); }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc01y { gap:36px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;--bp-gap:36px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc01y { flex-direction:column-reverse;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc01y > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01y > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc01y > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc01y > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc01y > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}.shapeblock-layout-row.shapeblock-layout-row-cc01y > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(2){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc01w { flex:0 1 calc(50% - var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - var(--bp-gap, 0px) * 50 \/ 100) !important; }.shapeblock-col-cc01q { padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;background-color:#f4f3ef;border-style:solid;border-color:#dfddd6;border-width:1px 1px 1px 1px; }\n@media (max-width: 767px) { .shapeblock-col-cc01q { padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px; } }\n\/*# sourceURL=shapeblock-block-css-72-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-73-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-74-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc01x { flex:0 1 calc(50% - var(--bp-gap, 0px) * 50 \/ 100) !important;max-width:calc(50% - var(--bp-gap, 0px) * 50 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-cc01s .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0.4px;color:#0f6b66;margin-top:0;margin-right:0;margin-bottom:14px;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-75-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc01t .shapeblock-heading .shapeblock-title { font-size:50px;font-weight:500;line-height:1.08;letter-spacing:-1.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 1024px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc01t .shapeblock-heading .shapeblock-title { font-size:40px; } }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc01t .shapeblock-heading .shapeblock-title { font-size:31px; } }\n\/*# sourceURL=shapeblock-block-css-76-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc01u .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc01u .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-77-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc01v .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc01v .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-78-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-79-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-80-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-81-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-82-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc020 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc01z wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc01y is-content-boxed has-tablet-columns has-mobile-columns wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:0ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc01w wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc01r wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc01q wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"295\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-warning-d95760.webp\" alt=\"A warning under the code box: this code has curly quotes, with a Fix Quotes button\" class=\"wp-image-5664\" style=\"border-radius:3px;aspect-ratio:672\/295;object-fit:cover;width:100%\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-warning-d95760.webp 672w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-warning-d95760-300x132.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-warning-d95760-600x263.webp 600w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><\/figure> <\/div><\/div> <\/div><\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:150ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc01x wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01s wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">A mistake it catches<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01t wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Copied from a web page? Check the quotes.<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01u wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Code copied off a blog or a document often picks up curly quotes. A script with curly quotes will not run, and nothing tells you why.<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc01v wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Custom Code tells you. One click on Fix Quotes turns them back into straight ones.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-93-inline-css\">\n.shapeblock-layout-row-cc02b { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:56px;padding-top:120px;padding-right:24px;padding-bottom:120px;padding-left:24px;background-color:#f4f3ef;--bp-gap:56px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc02b { padding-top:88px;padding-right:24px;padding-bottom:88px;padding-left:24px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc02b { padding-top:64px;padding-right:18px;padding-bottom:64px;padding-left:18px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc02b > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-cc02b > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc02b > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc02b > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(1){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-layout-row-cc029 { flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:64px;--bp-gap:64px;--bp-col-tablet:calc(100% - var(--bp-gap, 0px) * 0);--bp-col-mobile:calc(100% - var(--bp-gap, 0px) * 0); }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc029 { gap:36px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;--bp-gap:36px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc029 { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc029 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc029 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc029 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc029 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc027 { flex:0 1 calc(44% - var(--bp-gap, 0px) * 56 \/ 100) !important;max-width:calc(44% - var(--bp-gap, 0px) * 56 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-cc021 .shapeblock-heading .shapeblock-title { font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0.4px;color:#0f6b66;margin-top:0;margin-right:0;margin-bottom:14px;margin-left:0; }\n\/*# sourceURL=shapeblock-block-css-83-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc022 .shapeblock-heading .shapeblock-title { font-size:44px;font-weight:500;line-height:1.08;letter-spacing:-1.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 1024px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc022 .shapeblock-heading .shapeblock-title { font-size:36px; } }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc022 .shapeblock-heading .shapeblock-title { font-size:29px; } }\n\/*# sourceURL=shapeblock-block-css-84-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc023 .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc023 .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-85-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc024 .shapeblock-heading .shapeblock-title { font-size:17px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc024 .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-86-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-87-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-cc028 { flex:0 1 calc(56% - var(--bp-gap, 0px) * 44 \/ 100) !important;max-width:calc(56% - var(--bp-gap, 0px) * 44 \/ 100) !important; }.shapeblock-col-cc025 { padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;background-color:#ffffff;border-style:solid;border-color:#dfddd6;border-width:1px 1px 1px 1px; }\n@media (max-width: 767px) { .shapeblock-col-cc025 { padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px; } }\n\/*# sourceURL=shapeblock-block-css-88-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-89-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-90-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-91-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-92-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-93-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc02b is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc02a wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc029 is-content-boxed has-tablet-columns has-mobile-columns wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:0ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc027 wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc021 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Two more settings<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc022 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Keep your own visits out of the numbers.<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc023 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\"><strong>Leave Out Administrators<\/strong> keeps the code away from you while you are logged in, so your own clicks do not count in Analytics.<\/div>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc024 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\"><strong>Show On<\/strong> runs the code on every page, or only on the pages you pick, such as a thank-you page with a conversion tag.<\/div>\t<\/div> <\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:150ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc028 wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc026 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc025 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"201\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-options-c2235b.webp\" alt=\"Leave Out Administrators switch and the Show On setting with Selected pages\" class=\"wp-image-5675\" style=\"border-radius:3px;aspect-ratio:680\/201;object-fit:cover;width:100%\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-options-c2235b.webp 680w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-options-c2235b-300x89.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/11\/custom-code-options-c2235b-600x177.webp 600w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-116-inline-css\">\n.shapeblock-layout-row-cc02y { flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:56px;padding-top:120px;padding-right:24px;padding-bottom:120px;padding-left:24px;background-color:#ffffff;--bp-gap:56px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc02y { padding-top:88px;padding-right:24px;padding-bottom:88px;padding-left:24px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc02y { padding-top:64px;padding-right:18px;padding-bottom:64px;padding-left:18px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc02y > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02y > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row.shapeblock-layout-row-cc02y > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(2){flex:0 0 auto !important;max-width:100% !important;width:100%;}.shapeblock-layout-row.shapeblock-layout-row-cc02y > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(3){flex:0 0 auto !important;max-width:100% !important;width:100%;}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc02y > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(2){flex:0 0 auto !important;max-width:100% !important;width:100%;}.shapeblock-layout-row.shapeblock-layout-row-cc02y > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(3){flex:0 0 auto !important;max-width:100% !important;width:100%;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc02y > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(2){flex:0 0 auto !important;max-width:100% !important;width:100%;}.shapeblock-layout-row.shapeblock-layout-row-cc02y > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-column:nth-child(3){flex:0 0 auto !important;max-width:100% !important;width:100%;}}.shapeblock-heading-block-wrap.shapeblock-heading-cc02c .shapeblock-heading .shapeblock-title { font-size:50px;font-weight:500;line-height:1.08;letter-spacing:-1.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:24px;margin-left:0; }\n@media (max-width: 1024px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02c .shapeblock-heading .shapeblock-title { font-size:40px; } }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02c .shapeblock-heading .shapeblock-title { font-size:31px; } }\n\/*# sourceURL=shapeblock-block-css-94-inline-css *\/\n\n\n.shapeblock-layout-row-cc02t { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:8px 48px;--bp-gap:0px;--bp-col-tablet:calc(50% - var(--bp-gap, 0px) * 0.5);--bp-col-mobile:calc(100% - var(--bp-gap, 0px) * 0); }\n@media (max-width: 1024px) { .shapeblock-layout-row-cc02t { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (max-width: 767px) { .shapeblock-layout-row-cc02t { padding-top:0;padding-right:0;padding-bottom:0;padding-left:0; } }\n@media (min-width: 1025px){.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(4){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}}@media (max-width: 1024px){.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(4){flex:0 1 calc(50% - var(--bp-gap, 0px) * 0.5) !important;max-width:calc(50% - var(--bp-gap, 0px) * 0.5) !important;}}@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}.shapeblock-layout-row.shapeblock-layout-row-cc02t > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(4){flex:0 1 calc(100% - var(--bp-gap, 0px) * 0) !important;max-width:calc(100% - var(--bp-gap, 0px) * 0) !important;}}.shapeblock-col-cc02f { padding-top:18px;padding-right:0;padding-bottom:20px;padding-left:0;border-style:solid;border-color:#dfddd6;border-width:1px 0px 0px 0px; }.shapeblock-heading-block-wrap.shapeblock-heading-cc02d .shapeblock-heading .shapeblock-title { font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-0.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02d .shapeblock-heading .shapeblock-title { font-size:20px; } }\n\/*# sourceURL=shapeblock-block-css-95-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc02e .shapeblock-heading .shapeblock-title { font-size:16px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:6px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02e .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-96-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-97-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-98-inline-css *\/\n\n\n.shapeblock-col-cc02i { padding-top:18px;padding-right:0;padding-bottom:20px;padding-left:0;border-style:solid;border-color:#dfddd6;border-width:1px 0px 0px 0px; }.shapeblock-heading-block-wrap.shapeblock-heading-cc02g .shapeblock-heading .shapeblock-title { font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-0.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02g .shapeblock-heading .shapeblock-title { font-size:20px; } }\n\/*# sourceURL=shapeblock-block-css-99-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc02h .shapeblock-heading .shapeblock-title { font-size:16px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:6px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02h .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-100-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-101-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-102-inline-css *\/\n\n\n.shapeblock-col-cc02l { padding-top:18px;padding-right:0;padding-bottom:20px;padding-left:0;border-style:solid;border-color:#dfddd6;border-width:1px 0px 0px 0px; }.shapeblock-heading-block-wrap.shapeblock-heading-cc02j .shapeblock-heading .shapeblock-title { font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-0.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02j .shapeblock-heading .shapeblock-title { font-size:20px; } }\n\/*# sourceURL=shapeblock-block-css-103-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc02k .shapeblock-heading .shapeblock-title { font-size:16px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:6px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02k .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-104-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-105-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-106-inline-css *\/\n\n\n.shapeblock-col-cc02o { padding-top:18px;padding-right:0;padding-bottom:20px;padding-left:0;border-style:solid;border-color:#dfddd6;border-width:1px 0px 0px 0px; }.shapeblock-heading-block-wrap.shapeblock-heading-cc02m .shapeblock-heading .shapeblock-title { font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-0.3px;color:#16181a;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02m .shapeblock-heading .shapeblock-title { font-size:20px; } }\n\/*# sourceURL=shapeblock-block-css-107-inline-css *\/\n\n\n.shapeblock-heading-block-wrap.shapeblock-heading-cc02n .shapeblock-heading .shapeblock-title { font-size:16px;font-weight:400;line-height:1.7;color:#5a5f63;margin-top:6px;margin-right:0;margin-bottom:0;margin-left:0; }\n@media (max-width: 767px) { .shapeblock-heading-block-wrap.shapeblock-heading-cc02n .shapeblock-heading .shapeblock-title { font-size:16px; } }\n\/*# sourceURL=shapeblock-block-css-108-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-109-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-110-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-111-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-112-inline-css *\/\n\n\n.sbp-abtn.sbp-abtn-cc02v { --sbp-ab-t-fw:500;--sbp-ab-c:#ffffff;--sbp-ab-bg:#16181a;--sbp-ab-b-w:1px 1px 1px 1px;--sbp-ab-b-s:solid;--sbp-ab-b-c:#16181a;--sbp-ab-r:2px 2px 2px 2px;--sbp-ab-pad:15px 28px 15px 28px;--sbp-ab-hc:#ffffff;--sbp-ab-hbg:#0f6b66;--sbp-ab-hbc:#0f6b66;--sbp-ab-dur:400;--sbp-ab-flair:600; }.sbp-abtn.sbp-abtn-cc02v .sbp-abtn__btn { font-weight:500; }\n\/*# sourceURL=shapeblock-block-css-113-inline-css *\/\n\n\n.sbp-abtn.sbp-abtn-cc02w { --sbp-ab-t-fw:500;--sbp-ab-c:#16181a;--sbp-ab-bg:#00000000;--sbp-ab-b-w:1px 1px 1px 1px;--sbp-ab-b-s:solid;--sbp-ab-b-c:#16181a;--sbp-ab-r:2px 2px 2px 2px;--sbp-ab-pad:15px 28px 15px 28px;--sbp-ab-hc:#ffffff;--sbp-ab-hbg:#16181a;--sbp-ab-hbc:#16181a;--sbp-ab-dur:400;--sbp-ab-flair:600; }.sbp-abtn.sbp-abtn-cc02w .sbp-abtn__btn { font-weight:500; }\n\/*# sourceURL=shapeblock-block-css-114-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-115-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-116-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc02y is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02c wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Good to know.<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc02u wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-cc02t is-content-boxed has-tablet-columns has-mobile-columns wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:0ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc02p wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc02f wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02d wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h3 class=\"shapeblock-title\">Only trusted accounts<\/h3>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02e wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">Only an administrator allowed to post unfiltered HTML can see or change the code.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:120ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc02q wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc02i wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02g wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h3 class=\"shapeblock-title\">Nothing while it is off<\/h3>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02h wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">With the switch off, nothing is printed and nothing loads.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:0ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc02r wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc02l wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02j wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h3 class=\"shapeblock-title\">Never in your dashboard<\/h3>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02k wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">The code runs on your pages, not in wp-admin or on the login page, so a bad paste cannot lock you out.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <div data-sb-entrance=\"fade-up\" style=\"--sb-motion-duration:900ms;--sb-motion-delay:120ms\" class=\"shapeblock-block shapeblock-column shapeblock-col-cc02s wp-block-shapeblock-column shapeblock-motion\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc02o wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02m wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h3 class=\"shapeblock-title\">Printed exactly as pasted<\/h3>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-cc02n wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <div class=\"shapeblock-title\">So use code only from a service you trust, and paste it with its own script tags.<\/div>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-cc02x wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"wp-block-group is-content-justification-flex-start is-layout-flex wp-container-core-group-is-layout-2b1cd9c3 wp-block-group-is-layout-flex\" style=\"margin-top:36px\"> <div class=\"shapeblock-block sbp-abtn sbp-abtn-cc02v wp-block-shapeblock-advanced-button\" data-sbp-style=\"roll\" data-sbp-roll=\"up\"><a class=\"sbp-abtn__btn\" href=\"\/product\/shapeblock\/pricing\/\"><span class=\"sbp-abtn__content\"><span class=\"sbp-abtn__text\">Get ShapeBlock Pro<\/span><\/span><span class=\"sbp-abtn__content sbp-abtn__clone\" aria-hidden=\"true\"><span class=\"sbp-abtn__text\">Get ShapeBlock Pro<\/span><\/span><\/a><\/div> <div class=\"shapeblock-block sbp-abtn sbp-abtn-cc02w wp-block-shapeblock-advanced-button\" data-sbp-style=\"roll\" data-sbp-roll=\"up\"><a class=\"sbp-abtn__btn\" href=\"\/product\/shapeblock\/docs\/custom-code\/\"><span class=\"sbp-abtn__content\"><span class=\"sbp-abtn__text\">Read the guide<\/span><\/span><span class=\"sbp-abtn__content sbp-abtn__clone\" aria-hidden=\"true\"><span class=\"sbp-abtn__text\">Read the guide<\/span><\/span><\/a><\/div> <\/div> <\/div><\/div> <\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"_blockode_hide_title":true,"footnotes":""},"class_list":["post-5665","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/5665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/comments?post=5665"}],"version-history":[{"count":4,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/5665\/revisions"}],"predecessor-version":[{"id":5727,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/5665\/revisions\/5727"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=5665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}