Streaming live at 10am (PST)

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

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!!

  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