• Now navigate to the WordPress Admin Dashboard → Post Snippets → Add Custom JS.

• Once done, you’ll be redirected to the Add Snippet page.

• In the Options section, we have two headings.

1. Where on page
1.1 Header
1.2 Footer

2. Where in Site
2.1 In Front-End
2.2 In Admin

In Front-End – Header

• Select Header in the Where on page option.
• Select In Front-End in the Where in Site option.
• The JS snippet will appear on the Header on the Front-End site.
• Click on the Save button.

Impact on Front-End – Header

In Front-End – Footer

• Select Footer in the Where on page option.
• Select In Front-End in the Where in Site option.
• The JS snippet will appear on the Footer on the Front-End site.
• Click on the Save button.

Impact on Front-End – Footer

In Admin – Header

• Select Header in the Where on page option.
• Select In Admin in the Where in Site option.
• The JS snippet will appear on the Header in the Admin site.
• Click on the Save button.

In Admin – Footer

• Select Footer in the Where on page option.
• Select In Admin in the Where in Site option.
• The JS snippet will appear on the Footer in the Admin site.
• Click on the Save button.