4. Code Inject
To optimize and customize your website, you may find yourself needing to inject third-party code or custom CSS into your page. This can be achieved easily through your content management system. The following guide provides step-by-step instructions on how to insert code to either your entire site or specific pages.
Access the content management system: Log into your website's backend and navigate to the content management system. You'll find this under the project settings.
Select 'Code Inject': Once inside the project settings, look at the toolbar located at the top of the page. Among the various options, you'll find one named 'Code Inject'. Click on this.
Enter code into Header or Footer: You'll now see two sections: one for the header and one for the footer. You can add your desired code to either of these sections depending on your needs.
It's worth noting that this process will inject the code across your entire website. However, you might wish to add code to specific pages only. If that's the case, follow the steps below:
Select 'Pages': Go back to your content management system and this time select 'Pages'.
Choose the specific page: From the list of your site's pages, select the one where you want to insert the code.
Select 'Code' from the toolbar: Once you've selected your page, look at the toolbar on the right. Here, you'll find an option named 'Code'. Click on it.
Add code to Custom CSS Header or Footer: Just like in the previous section, you can now insert your desired code into the Custom CSS header or footer of this specific page.
And that's it! With these steps, you can manage and customize the code on your website or specific pages effortlessly.