Implement github project in Webflow (using jsDelivr)

Clement_Auffray · March 28, 2022, 11:51am

Hi Everyone,

Need help ASAP

I’m working on a project, and the goal is to implement a calculate pricing form coded in html - css - javascript which is currently in a repository on github.

The site is already Online, it’s just missing this calculation form.

The problems are the followings :

My custom code extends more than the limit of 10 000 characters ; is there any solution possible to embed an external HTML code with js and css included inside? I tried to put an iframe balise but it’s rendering pure HTML code…
When i cut my project in order to have less than 10 000 characters, i can’t load the js file and this one is not working on the project… For the info i’m using JsDelivr as CDN.
Finally the CSS file is working at 90%, but i’m having problems on certain things like button alignement…

If anyone has a clue

Thanks again !!

Clement_Auffray · March 28, 2022, 1:44pm

Thanks for the share, I will take a good look at it

Clement_Auffray · March 28, 2022, 1:54pm

I started to take a look at it;
What i’m looking for is to implement custom code from a github repository through jsDelivr which seems to be the only way to call js files outside github. Am I right?
Do you think your documentation is made for me?

Clement_Auffray · March 28, 2022, 2:00pm

It’s pretty hard to put simple words on what I want exactly haha ^^
My goal is to implement a custom calculate price form IN my webflow project. So i wanted to use Custom embed code from webflow, implement my html code in it then load the JS and CSS ressources. All of these files are in the same github repository folder. The CSS seems to work but have some bugs with the display of labels and others…

But my JS file is not working on the page, I don’t know why…

Clement_Auffray · March 28, 2022, 2:27pm

Yes my code is ready, and it’s working on local display; I’m using Jquery in my js file.

When i’m cloning my repository from Github and launching it in my “live” in VSCode it’s working with no problem.

I wanted to use JsDelivr solution cause I saw that it could be a solution to implement Jsfiles and CSS files from a github repo to Webflow custom embed code.

But when I try to implement it on Webflow, the javascript is just not working. It seems that I have a 404 error yes

Clement_Auffray · March 28, 2022, 2:38pm

To complete my sayings :

i put my entire html code (less than 10 000 characters) in the embed code window inside a custom code element from webflow.
for the CSS part i’m using the “before body tag” frame in the code of the page i want to put the code as follow : // link rel=“stylesheet” href=“https://cdn.jsdelivr.net/gh/clemauffgith/capveg/pricingTest.css” type=“text/css”/>
for the Js i already tried to put the link in the “before body tag” of the page AND in the “before ” of the entire project as follow : " // script type=“text/javascript” src="https://cdn.jsdelivr.net/gh/clemauffgith/capveg/newVersionPricing.js">"

Clement_Auffray · March 28, 2022, 3:12pm

Hahaha the last sentence breaks my heart, i’m trying for 2 days to get the answer x)

I finish my work and I can be there in 2 hours !