-
Introduction 4 min
- Build a Simple Widget
-
Create the Widget 2 min
-
Add HTML and JavaScript 5 min
-
Add Content Inputs 3 min
-
Add CSS 3 min
-
Configure the Settings 5 min
-
Summary 1 min
- Build a Custom Widget
-
Mortgage Calculator Widget 1 min
-
Create Your Widget 10 min
-
Adding HTML 5 min
-
Handlebars 10 min
-
Adding Content Inputs 5 min
-
Handlebar Logic 5 min
-
data.config Objects 5 min
-
Adding CSS 5 min
-
Adding Design Inputs 5 min
-
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
Building Custom Widgets
Learn step-by-step how to add functionality to your Duda site with the Widget Builder.
Duda’s intuitive website editor makes it easy to quickly build beautiful, robust sites by simply dragging and dropping widgets into your sites and templates. The widget library covers most requirements, but what if you need something more specific?
At the end of this course, you will:
- Access the Widget Builder and start creating a custom widget
- Add code, variables, and inputs
- Publish custom widgets and share them with your team
For a better experience, you should have:
- Free (or paid) Duda account — sign up
The widget builder requires a Custom Plan- Chrome or Safari browser
- Headphones or speakers
- Advanced knowledge of Duda's features
Sofia Ozelkan
Technical Account Manager
Dan Hansen
Senior Learning Experience Designer