Streaming live at 10am (PST)

How can I add custom UI widgets to a Webflow page/form?


#1

I’m adding some very simple javascript that allows a user to type in their current debt, then the javascript calculates their potential savings and updates a few text input controls. The result is a savings calculator.

I would like to replace the number entry text field with a nice looking slider component.

Can anyone point me to information or examples that show how to incorporate other widgets into a webflow site and be able to hook up javascript to their events?

Thanks so much for your help!!


#2
  1. Google for the library you want to embed
  2. Read the documentation
  3. Insert using custom code component based on the documentation

Example widget: Create and Embed a (Formula) Calculator

Most libraries are open source and have a GitHub repo. Here’s how to use them: How to embed files hosted on Github


Also, feel free to contact me for further code help and/or customization of third-party plugins