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.

About this course

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

CurriculumStart 1h course

  • 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

About this course

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

CurriculumStart 1h course

  • 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