Do you want to add more functionality to your website or improve existing features? You can add custom scripts to your page’s header, body, or footer.
This document will show you how to add custom scripts to a page built using Thrive Architect.
Accessing the Custom Script Section
To add a custom script to a Thrive Architect page, open your WordPress admin area, navigate to Pages >> All Pages, and click the Edit with Thrive Architect link under the page name.
In the Thrive Architect editor, click the Settings icon in the right column.
Under the Settings option, click Advanced Settings.
After you click Advanced Settings, click Custom CSS & HTML to extend this section.
When you extend Custom CSS & HTML, click Custom Scripts under it.
After you click Custom Scripts, you’ll see the Custom Scripts box open in the left column.
You can also access the Custom Scripts box for the page by following the steps.
First, click Page in the top navigation bar.
After clicking Page in the navigation bar, scroll down the left column and click Custom Scripts.
Adding Custom Script for the Page
After you click Custom Script, you’ll see dedicated boxes allowing you to enter custom scripts in the header, body header, or body footer.
For example, here’s a custom CSS code to be added in the body section to turn the text color in all the paragraphs to pink:
<style>
p {
color: pink !important;
}
</style>
Such a code should be posted in the Body (header) scripts section.
After editing the page and adding the custom script, save the page by clicking the Save Work button.
We’ve just seen how you can add a custom script to a page built using Thrive Architect on your website.
Next, if you want to add a custom script to all pages on your website, refer to our article to learn more about using Landing Page Analytics and Script Manager.