Pro Version Documentation

  2. Home
  4. Docs
  6. Pro Version Documentation
  8. Add Custom JS
  10. Back-end Configurations

Back-end Configurations

Back-end Configurations

  • To add a Custom JS code snippet, navigate to the WordPress Admin Dashboard → Post Snippets → Add Custom JS.
  • The add new snippet page will open.

Add a Snippet Title

  • Enter a Snippet Title that will help you identify the snippet in the All Snippet page.

Code Editor

  • This is the block of JS code which is applied on the front end or in the admin . 
  • Type in your JS code without the <script></script> tags as they are already placed in the Code Editor.

Action Panel

  • The Actions panel is located on the right hand side of the page.
  • It contains the Download Snippet button. This button allows you to download the previous snippet version from the cloud. 
  • It contains the Upload Snippet button. This button allows you to upload the current snippet version on the cloud and update the previous snippet. 
  • You can also duplicate the snippet. Click on the Duplicate Snippet button if you want to duplicate it.
  • You can also change the status of your current snippet from the Status dropdown menu. Change it between Active and InActive.

Options Panel

  • This section lets you choose where the JS code should be applied on Page and in Site.
  • Where On Page options:
    • Header: Lets you apply JS on the header of the page.
    • Footer: Lets you apply JS on the footer of the page.
  • Where In Site options:
    • In Front End – The CSS snippet will only be applied on the frontend.
      • When you select this option, it will enable Apply Only on These URLs and Preview section.
  • In Admin – The CSS snippet will only be applied on the Admin Pages of the site.

Groups

  • If you want to add your snippet in a group, select a group from the Groups panel.

Add Description

  • You can add an optional description for the Snippet. 
  • Type in the description for the snippet in the Description.

Apply CSS only on these URLs

Note: This section is enabled when the In Front-End option is selected from the Where in Site options panel.

  • The admin can select the option from the drop down menu.
    • All Website – JS will be applied to all of the Front End.
    • Home Page –  JS will be applied only on the homepage.
    • All Pages – JS will be applied on all the front end of all the pages.
    • All Posts – JS will be applied to all the posts.
  • Specific Page/Post – Choose Specific Page or Post in the select box right after it and click on the Add button.

Preview

  • This section is enabled when the In Front-End option is selected from the Where in Site options panel.
  • This section will provide the Full URL of the page to preview on which the changes have been made.

How can we help?