-
Course Overview 1 min
- Introduction to Custom Widgets
-
What is the Custom Widget Builder? 1 min
-
Widget Building Process 1 min
-
Mortgage Calculator Widget 1 min
- Create Your Widget
-
Create Your Widget 10 min
- Adding Code and Inputs
-
Adding HTML 5 min
-
Handlebars 10 min
-
Adding Content Inputs 5 min
-
Handlebar Logic 5 min
-
data.config Objects 5 min
-
Adding CSS 4 min
-
Adding Design Inputs 5 min
- Settings and Publishing
-
Settings 4 min
- Widgets and Connected Data
-
Connected Data 3 min
- Review
-
Quiz: Building Custom Widgets 5 min
-
Survey 2 min
-
Additional Resources 2 min
-
Course Summary 1 min
This video is still being processed. Please check back later.
Building Custom Widgets
Learn step-by-step how to add functionality to your Duda site with the Widget Builder.
Do you know how to build custom widgets?
This course is for anyone that wants to add functionality to a Duda site that doesn't exist in any of our current widgets. Let's get some tips and tricks now!
At the end of this course, you will:
- Build a custom widget
- Connect variables in your code to widget input fields
- Connect widgets to data in a collection or the content library
For a better experience, you should have:
- Free (or paid) Duda account — sign up
The widget builder requires an Agency Plan- Chrome or Safari browser
- Headphones or speakers
- Advanced knowledge of the Duda's features
Sofia Ozeklan
Technical Account Manager
Brandon Burtner
Sr Learning Experience Designer