Adding 3rd Party JavaScript Libraries

by Scott Dilley - CTO 25 Jul 2018

Add 3rd Party JavaScript Libraries to your site and upload unlimited external files and have them embedded in your site’s files.

What is it?

3rd party JavaScript libraries that add functionality to websites

What can I do with it?

You will need to have access to the Developer module in your Funraisin platform for this, where you will be able to upload unlimited external files and have them embedded in your site’s files

What are the benefits of using it?

Often when you are setting up a new site you might want to use a 3rd party JavaScript library. 

Upload Assets

Once you get access to the Developer module, simply go into Developer > Upload Assets and you will see a screen such as below that will allow you to upload your external files. Note all files must be zipped prior to uploading.

(If when you login you don’t see the Developer module on the left nav then you may need to request access or enable it yourself in Funraisin > User Admin.)

Click to Expand

Once you have uploaded your zip file you should see it listed like the screenshot above.

Add to your Site’s Views

Once you have uploaded all of your assets you can now add them to your site’s view files. Note that this is best performed by a web developer as if you make any changes to your site’s views you can detrimentally affect your site if not careful.

Within the Developer module, Select Edit Themes from the middle white menu.

On the right-hand side, you should see a list of all the site’s desktop and mobile views and selecting any view file will load up that file in the code editor.

The view called _meta is a global file that is loaded within each page. If your external library is required to be loaded in the head of the page then you should use this view. Otherwise, you can also use the _footer view and provided that you check that the files are loaded, this would be the best location for loading any 3rd party library.

Click to Expand

Back on the list of Assets, you will notice that each asset is given a directory such as http://yourcause.funraisin.co/assets/external/fancybox/. You can use this path to load up your library, though we strongly recommend that you lose the http:// and just use /yourcause.funraisin.co/etc to make sure that it will be compatible with the site when viewed over https.

If you’d like further help please pop in a support ticket from your Funraisin admin and our team will assist you.