- 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.
