✅How To Add Custom CSS or Javascript to a Page

Digably • Jul 21, 2023 17 steps • 2 minutes read

This guide will show you how to add custom CSS or Javascript to a page in Digably.

1. Click "Pages"

First, click on the "Pages" option in the left side menu.

2. Select a site

Select the site you would like to add the custom code to.

3. Click "Page Setting"

First, we'll cover how to add custom CSS to the individual page. Click on "Page Setting" in the upper left of the page builder.

4. Click "CSS"

Select the "CSS" option in the left side menu.

5. Enter your custom CSS

Enter your custom CSS in the code editor section of the page. Keep in mind, you do not need to add the "style" tag before and after your CSS.

6. Enable the custom CSS

Toggle the switch in the upper right corner of your screen to make sure the custom CSS is enabled.

7. Click "Save"

Save the changes by clicking on the "Save" button. This concludes the steps of how to add custom CSS. Now, let's look at how to add Javascript to your page.

8. Click "Page Setting"

Like before, click on "Page Setting" in the upper left.

9. Click "Custom Code"

Select the "Custom Code" option in the left side menu.

10. Select where to insert your Javascript

Choose a location to insert your Javascript. You may choose to place the code in the Header, after the opening "body" tag, or after the closing "body" tag.

11. Enter your Javascript

Enter your Javascript in the code editor section of the page and enable it using the toggle in the upper right.

12. Click "Save"

Save the changes by clicking on the "Save" button. This concludes the steps of how to add Javascript to an individual page. Now, let's look at how we can add Javascript to the entire site.