• Home
  • Features
  • Download
  • Documentation

Getting Started

4
  • Installing Flexia Theme
  • Installing Flexia Core
  • Installing Flexia Pro
  • How To Translate Flexia Theme With WPML

Customize Flexia

10
  • Set site logo and icons
  • Setting up Home and Blog pages
  • Design Settings
  • How To Change Typography
  • Header Settings
  • Blog Settings
  • Menu Settings
  • How To Configure Flexia Theme Widgets Settings?
  • Call to Action
  • Multiple Page Templates

How To

9
  • How To Set Transparent Header
  • How To Set Sticky Header
  • How To Set Transparent And Sticky Headers Together
  • How To Set Stacked Logobar And Navbar
  • HOW TO ENABLE HEADER WIDGETS
  • How To Enable Footer Content
  • How To Change Page Title Style
  • How To Change Post Title Style
  • HOW TO HIDE PAGE TITLE FOR A PAGE/POST

Page/Post Settings

4
  • Page Settings
  • Posts Settings
  • Call to Action
  • Multiple Page Templates

Flexia Pro

1
  • HOW TO SET UP ADVANCED BLOG PAGE IN FLEXIA

Flexia Pro Modules

2
  • How To Activate Preloader In Flexia Theme
  • How To Enable Under Maintenance Modules In Flexia

Troubleshooting

2
  • I can’t see Page/Post Settings under editor
  • I can’t see Custom JavaScript option

Video Walkthrough

4
  • Setting up Header
  • Setting up Layout
  • Setting up Footer
  • Setting up Blog

Custom Codes

3
  • Adding Custom JavaScripts
  • Adding Google Analytics Code
  • Adding Custom CSS
View Categories
  • Home
  • Docs
  • Custom Codes
  • Adding Custom JavaScripts

Adding Custom JavaScripts

1 min read

Custom JavaScript in Flexia can help you to enhance your front-end appearance easily. In Flexia you can add your custom codes on the header, footer, or other places without any hassle. 

This feature is controlled by the Flexia Core plugin. So, make sure you have Flexia Core installed on your website. 

How To Add Custom JavaScript Code On Flexia #

Now, follow this step-by-step guide to add custom JavaScript codes.

Note: Place your scripts without a script tag. Script tags will be added automatically after validating your scripts through CodeMirror.

Step 1: Open Your Flexia Theme Customizer   #

First, go to your WordPress dashboard, then navigate to the ‘Appearance’ → ‘Customize’. You can find all the options there to customize Flexia.

Adding Custom JavaScripts

Step 2: Add Your Custom JavaScript Code #

Afterward, go to the ‘Custom JavaScripts’ to add your customize Flexia theme. You can add your custom codes to the Header or Footer script. Now, add the custom JavaScripts with a script tag.

Adding Custom JavaScripts

Final Outcome #

Once you have added your custom JavaScript code, click on the ‘Publish’ button. Now, you can see the change instantly on your webpage. 

Adding Custom JavaScripts

This is how easily you can easily add custom JavaScript to the Flexia theme.

Got stuck? Feel free to contact our dedicated support team.

Updated on May 25, 2023
Custom JavaScripts, JavaScripts

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest

Powered by BetterDocs

Table of Contents
  • How To Add Custom JavaScript Code On Flexia
    • Step 1: Open Your Flexia Theme Customizer  
    • Step 2: Add Your Custom JavaScript Code
    • Final Outcome
  • Changelog
  • Support
  • Child Theme
© Flexia 2025. All right reserved by Codetic.
cross