{"id":6538,"date":"2026-05-17T23:23:23","date_gmt":"2026-05-17T23:23:23","guid":{"rendered":"https:\/\/theme.pixfort.com\/documentation\/?p=6538"},"modified":"2026-09-26T13:34:39","modified_gmt":"2026-09-26T18:34:39","slug":"custom-code","status":"publish","type":"post","link":"https:\/\/www.intellisign.net\/docs\/custom-code","title":{"rendered":"Custom Code"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Add custom code to extend your website, connect external tools, or customize specific parts of your project beyond the default settings.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

How It Works<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Steps:<\/p>

  • Open your project settings.<\/p><\/li>

  • Go to the custom code section.<\/p><\/li>

  • Choose where the code should be added.<\/p><\/li>

  • Paste your HTML, CSS, or JavaScript snippet.<\/p><\/li>

  • Save your changes and test the page.<\/p><\/li><\/ul><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Custom Code Example<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Example Custom Script<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t

    document.addEventListener('DOMContentLoaded', function () {\n\n    console.log('Custom code loaded successfully');\n});<\/pre><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    1<\/span><\/div>
    Choose Code Location<\/h2>
    <\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Decide where your code should be loaded. Some snippets should be added inside the header, while others work better before the closing body tag.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    \"Image<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    2<\/span><\/div>
    Add Your Code Snippet<\/h2>
    <\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Paste your custom code carefully into the correct field. Make sure the code is complete, properly formatted, and does not include unnecessary duplicate scripts.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    \"Image<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    3<\/span><\/div>
    Test The Result<\/h2>
    <\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    After saving your changes, preview your website and confirm that the custom code works as expected across different pages and devices.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    \"Image<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    <\/svg><\/div><\/div>
    Done<\/h2>
    <\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Your custom code has been added successfully. You can now use it to enhance functionality, add tracking tools, customize styles, or connect third-party services.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Good to Know<\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Custom code can affect your website\u2019s performance or layout if it is not added correctly. Always test changes carefully before publishing them on a live website.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    <\/g><\/svg><\/span><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Setup Advice<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Start with small code snippets and test each change separately. This makes it easier to identify issues and avoid conflicts with existing scripts, styles, or integrations.<\/p><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"
    Add custom code to extend your website, connect external tools, or customize specific parts of your project beyond the default settings. How It Works Steps: Open your project settings. Go to the custom code section. Choose where the code should…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"page_builder":"","footnotes":""},"categories":[279],"tags":[],"class_list":["post-6538","post","type-post","status-publish","format-standard","hentry","category-developers"],"_links":{"self":[{"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/posts\/6538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/comments?post=6538"}],"version-history":[{"count":1,"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/posts\/6538\/revisions"}],"predecessor-version":[{"id":6703,"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/posts\/6538\/revisions\/6703"}],"wp:attachment":[{"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/media?parent=6538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/categories?post=6538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intellisign.net\/docs\/wp-json\/wp\/v2\/tags?post=6538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}