Level Up Your Drupal Forms: Advanced Webform Techniques

Join our free live stream to learn some advanced Webform building techniques in Drupal

We'll cover:

1. Creating multi-step forms using Webform Card sub-module

2. Building re-usable options across all your forms

3. Pre-populating form values when embedding

4. Integrating Webform using Make no-code platform

5. And more

Whether you're new to Webform development or looking to expand your form-building skills, this stream will walk you through powerful features and techniques to enhance your Drupal forms.

Chapters
00:00 - Preshow

Introduction
02:58 - Introduction
04:44 - Note about Drupal 11

Webform Cards
06:13 - Getting Started with Webform Cards
07:10 - Add pages to webform
09:53 - Download Clientside validation module
11:00 - How to use card element from Webform Cards
Predefined Option
12:53 - Create select element with options
14:05 - What are predefined options
15:21 - Create predefined option list
16:22 - Use predefined option list in select element

Composite Element
18:17 - Getting started with custom composite element
22:11 - View composite element in submission
22:58 - Interface on custom composite element

Prepopulate Form Elements
23:49 - Getting started with pre populating form elements
24:34 - Create webform field on "Basic page"
26:00 - Install Token module
26:43 - Add value into "Default submission data" field
28:34 - Prepopulate hidden field

Integrate Webform with Make
31:27 - Getting started with Make.com (no-code platform)
34:16 - Create Scenario in Make
34:33 - Create webhook
35:46 - Create remote post handler in Webform
38:09 - Disabling handlers in Webform
39:58 - Add Google Sheets module in Make
40:36 - Map submission data into Google Sheets columns
42:58 - Test integration from Webform to Google Sheets
44:24 - Debugging incoming webhooks in Make

Summary
46:40 - Recap
48:16 - Postshow