You sure didn't expect it to take more than... 2 minutes (3 at most) to add a Drupal 8 Webform to a content type on your website and yet... 

What's the “catch”? Is there a "magic" tab that elopes you? Haven't you installed your Webform Drupal module properly?

Or maybe it's the UI itself the real culprit for turning what should have been a "ridiculously intuitive operation into a time-consuming (and hair-pulling) one?

Let us lend you a hand! Let us help you put an end to your "turmoil".

But First: A Few Words About the Webform Drupal Module

Surpassed in popularity only by the Views Drupal module, Webform shouldn't miss from your Drupal toolkit. For it makes the most "usable" tool to rely on for building your custom contact forms/user registration forms/surveys.

A far more efficient solution than building content types leveraging the Field module or using CCK.

Drupal 8 Webform Module

... ships with a whole different code base than that of its “predecessor” and makes an even more powerful, feature-richer form builder enabling you to put together:

  • flexible
  • rich
  • maintainable

… webforms on your Drupal 8 website

Moreover, its capabilities don't limit to the forms' building and publishing, but extend to:

  • sending confirmation forms and client notifications
  • collecting, storing and downloading form submission data as CSV

Your Current Scenario

Here's how we see your current “situation” in... 4 steps:

  1. First, you installed your Drupal 8 Webform module
  2. Then you rushed to add a webform to a content type
  3. … so you went to admin/config/content/webform and checked your content type, next you saved your webform settings
  4. And then ... you “hit a blank wall”!

No clue whatsoever where to go next to attach your webform to your content type...

The Solution to How to Add a Webform to a Content Type

Now the above screenshot's “transcription”:

  1. You navigate to your Content type's edit page: /admin/structure/types/manage/[ContentTypeName]
  2. See the “Webform” tab, on the bottom left side of the screen, right under the “Menu Settings” tab?
  3. Just go ahead and enable it and your webform will get automatically attached to that specific content type

Tada! This is how you add a webform to a content type in Drupal!

You just knew it couldn't be anything more complex than a two-minute job, right?

How to Embed a Webform Inside a Node Content: 2 Solutions

In other words: no matter which way you take it, you'll reach the same “destination”.

Here are the 2 methods available to you:

  1. you go ahead and put together a custom Panel page for your node; one with the content area incorporating both the “node being viewed” and the custom block displaying your web form
  2. you leverage the Webform module's power: simply create your web form via the module's user-friendly UI and then just add your form to your “target” content type

Tada... again!

The END of our more or less “enlightening” little tutorial on how to add a Drupal 8 Webform to a content type on a Drupal site. Good luck with your... form building!

Recommended Stories

Bringing Gutenberg to Drupal: A Modern Admin UI, a Better Editing Experience in Drupal 8
It's a robust, flexible and admin feature-packed CMS, there's no point in denying it. And yet: Drupal (still)… (Read more)
Adriana Cacoveanu / Aug 17 '2018
How to Get Gatsby to Work with Drupal: Building a Gatsby Site with a Decoupled Drupal Back-End
Just imagine: putting together the powerful UI creation tools of a static site generator — more of a modern front-… (Read more)
RADU SIMILEANU / Aug 13 '2018
3 Essential Steps to Convert Your Website to a Progressive Web App
Thinking to convert your website to a progressive web app? And why shouldn't you? Since the benefits are obvious… (Read more)
Silviu Serdaru / Jul 24 '2018