Solved Custom <head> on single page

Blind IT · Oct 4, 2021

We are using an integration with another system that requires custom code in a single page's <html> <head>, where the integration will be used. Since we intend to use that custom integration on more than one page and the code will be different for each instance of the integration (therefore each page we use it on), it can't go in the main theme's <head> code. Someone in a subreddit suggested using a Divi child theme (we use one for the site itself already), but when I activate one, it deactivates the one we use. Is there any way to do this that I'm missing? It can't go in the <body> and must go in the <head>. Thanks.

Divi.Help · Oct 10, 2021

I don't think there's an easy way to achieve that.

If inserting your code in a code module doesn't work, then you might want to try the below:

1. Create a JS file for your code.
2. Then upload it to your child theme folder: https://www.elegantthemes.com/blog/...text=Creating the JS file in your child theme
3. Lastly, enqueue the JS file in your child theme functions.php: https://www.elegantthemes.com/blog/...ipts in your Child Theme’s Functions.php file
**You will need to add necessary PHP conditioning so that it will only load the JS file at specific pages.

Blind IT · Oct 10, 2021

Divi.Help said: ↑

I don't think there's an easy way to achieve that.

If inserting your code in a code module doesn't work, then you might want to try the below:

1. Create a JS file for your code.
2. Then upload it to your child theme folder: https://www.elegantthemes.com/blog/divi-resources/best-practices-for-using-external-javascript-snippets-with-divi#:~:text=Creating the JS file in your child theme
3. Lastly, enqueue the JS file in your child theme functions.php: https://www.elegantthemes.com/blog/divi-resources/best-practices-for-using-external-javascript-snippets-with-divi#:~:text=Enqueuing Scripts in your Child Theme’s Functions.php file
**You will need to add necessary PHP conditioning so that it will only load the JS file at specific pages.
Click to expand...

Hi, thanks. I should have updated this. I found a way to do it with another add-on.

bex · Jun 6, 2022

Blind IT said: ↑

Hi, thanks. I should have updated this. I found a way to do it with another add-on.
Click to expand...

What plugin did you find? I need to add a specific <script> into the header of a specific page only, and whilst I did find one plugin, the other party said it doesn't work as it needs to be higher up in the <head>
Thanks!

Solved Custom <head> on single page

Blind IT New Member

Divi.Help Administrator
Staff Member

Blind IT New Member

bex New Member

Useful Searches

Solved Custom <head> on single page

Blind IT New Member

Divi.Help Administrator Staff Member

Blind IT New Member

bex New Member

Divi.Help Administrator
Staff Member