Custom Code

Learn how to safely add custom code into the header or body of your EngagementHQ site.

Nathan Connors avatar
Written by Nathan Connors
Updated over a week ago

Custom code is an advanced feature that allows site admins to add custom codes into the body or header of their EngagementHQ site.

If you wish to use 3rd party apps, tracking codes, pixels, and other custom code modifications, adding the code into the <head> or <body> tags is required.

Note: Anchor tags <a> and <noscript> are not supported in this section. The head and body fields support valid tags only: meta, style, script, comment, and link. Any other code will appear as plain text in the header and body section of your site.

Using Custom Code

  • To use the custom code feature navigate to Site Settings > Custom Code.

  • Paste or type the script or code you want to add into your header in the <Head> box. This is typically where you might be instructed to paste scripts for 3rd party apps such as chatbots or other widgets.

  • Paste or type the script or code you want to add into the page body in the <body> box.

  • Code injected into <head> and <body> tags will be used across all participant-facing pages: Homepage, hubs, projects, project pages, tool pages, widget pages, static pages, sign-in, and registration.

  • Click Save to save changes to the page.

Troubleshooting

If you are experiencing issues with your EngagementHQ site after you modify code in the custom code editor, we recommend you remove the injected code and refresh your site.

If you are having trouble removing injected code, please contact our support team via chat or email at support@engagementhq.com.

If you require assistance with a 3rd party code, contact the vendor who provided the code for further troubleshooting.

We do not guarantee injected code will behave as expected.

Did this answer your question?