Digably Help Docs
  • Inbox
    • ✅How To Connect An Email To Your Digably Inbox
    • ✅How To Add A Chat Widget To Your Website
  • Phone
    • ✅How To Buy A Phone Number
    • ✅How To Enable SMS Messaging
    • ✅Comprehensive Guide to Setting Up SMS Messaging with 10 DLC Compliance
  • Contacts
    • ✅How To Add Existing Contacts To An Automation Flow
    • ✅How To Import Contacts From A CSV File
  • Calendar
    • ✅How To Create Recurring Events
    • ✅How To Add Your Google Calendar
    • ✅How To Delete A Calendar Event
    • ✅How To Add Buffer Time Between Meetings
  • Pages
    • ✅How To Add A Free Download To A Page
    • ✅How To Add Custom CSS or Javascript to a Page
    • ✅Membership Sites
      • ℹ️Understanding The Pages Of A Membership Site
      • 🔵How To Create A Membership Site
      • 🔵How To Add The Membership App To An Existing Site
      • 🔵How To Set Up Your Membership Login Page
      • 🔵How To Set Up Your Membership Forgot Password Page
      • 🔵How To Create A Membership Signup Page
      • 🔵How To Automatically Grant A User Access To A Membership Site After The User Signs Up
    • ✅How To Connect A Custom Domain To Your Website
    • ✅How To Find The URL Of Your Webpage
    • ✅How To Fix Your Picture If It's Cut Off
    • ✅How To Add Custom HTML Into a Page
    • ✅How To Duplicate or Copy a Webpage
    • ✅How To Find Royalty-Free Images For Your Website
    • ✅I Can't See My Website When I Type In My Domain (Slug Settings)
    • ✅How To Add A Custom Video To Your Page
  • Forms
    • ✅How To Add Fields To A Custom Form
    • ✅How To Redirect Users Following A Form Submission
    • ✅How To Create A Purchase Form (Product Checkout Form)
    • ✅How To Change The Button Color On A Form
    • ✅How To Export Form Submission Data
    • ✅How To Rename A Form
    • ✅How To Make A Form Field Required
    • ✅How To Add A Coupon Code Field To A Purchase Form
  • Automations
    • ✅Automations Overview
    • ✅How To Add A Trigger To Your Automation Flow
    • ✅How To Automatically Add A Tag To A User
    • ✅How To Create An Email Drip Campaign
    • ✅How To Save An Email As A Template
    • ✅How To Add Dynamic Variables Into An Email
  • Products
    • ✅How To Make A Product Subscription-based
    • ✅How To Create A Product
    • ✅How To Create A Coupon Code
    • ✅How To Connect PayPal Payment Integration In Digably
  • My Account
    • ✅How To Update Your Credit Card On File
    • ✅How To Reset Your Account Password
    • ✅How To Allow Other Users To Access Your Account (Access Keys)
    • ✅How To Enter An Access Key That You Received From Another User
  • Funnel Building
Powered by GitBook
On this page

Was this helpful?

  1. Pages

How To Add Custom CSS or Javascript to a Page

PreviousHow To Add A Free Download To A PageNextMembership Sites

Last updated 1 year ago

Was this helpful?

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.

13. Click "Site Setting"

First, click "Site Setting" in the upper left. These settings will apply to the entire site.

14. Click "Custom Code"

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

15. Choose where to insert your code

Choose a location to insert your Javascript as before, enable the script, and save.

This guide covered the process of adding custom CSS or Javascript to a page in the Digably application.

✅