Hi there Webflow Gurus!
I’m trying to install a third party widget (built in java) into my site to manage non-profit donations, but I’m having trouble successfully integrating it into my site. You can find my preview link here. Specifically, look at the /donate page, which demonstrates the problem I’m encountering. This screenshot just shows that the code isn’t rendering on the final site - It’s in a div block with a color wash over it just as a visual placeholder.
The widget is built by Artful.ly, and comprises of a script that lives in the head tag, and a simple HTML embed that lives in the body of the site that calls the script. My knowledge of java is limited, as is my understanding of integrating it into HTML/CSS.
I was previously able to get the widget to render on the final site, but since trying to style the forms with inline CSS, I broke the functionality. Since then, repeating the steps that (I believe) got it to work properly the first time returned no results - only a blank div block!
It’s essentially a form input and a button that confirms the donation. This third party script has a “drawer” of sorts that slides up from the bottom of the window to complete checkout.
As for the code itself, this is in the page-specific “custom code” section, inside the head tag.
In my HTML embed element on the canvas, I just have:
Any suggestions or tips on how to solve this problem? Is it a compiling issue? Syntax? Is there another step I need to take with Webflow to get it to render properly? Any help is hugely appreciated.
Additionally, the next step would be styling these external elements with CSS without breaking the script!