How To pass parameter from node to webform with custom token In Drupal 8 & 9

In this article, I'll show you how to pass parameter from node to webform with custom token In Drupal 8 & 9.

Follow the instructions below:

Create MODULENAME.info.yml file:

name: Email Token
type: module
description: "Return email field from current node"
package: custom
core: 8.x

Create MODULENAME.module file:

The first thing we’ll need in this file is, hook_tokens_info() This is where we’ll define our tokens for Drupal. Which will make your new token available in UI.

In the second half of the code, the hook_tokens() function is used to actually make the token perform its desired function.

Example 1 if you display webform in node page:

<?php

use Drupal\Core\Render\BubbleableMetadata;

/**
 * Implements hook_token_info()
 */

function email_etab_token_token_info()
{

    $info['tokens']['site']['email_field'] = array(
        'name' => t("Email field token"),
        'description' => t("Email field from the current node"),
    );

    return $info;
}

/**
 * Implements hook_tokens()
 */

function email_etab_token_tokens($type, $tokens, array $data, array $options, BubbleableMetadata $bubbleable_metadata)
{
    $replacements = array();
    if ($type == 'site') {
        foreach ($tokens as $name => $original) {
            switch ($name) {
                case 'email_field':
                    $node = \Drupal::routeMatch()->getParameter('node');
                    $email_field = "";
                    if ($node){
                        if (isset($node->field_email)) {
                            $email_field = $node->field_email->getString();
                        }
                    }
                    $replacements[$original] = $email_field;

                    break;

            }
        }
    }

    return $replacements;
}

Example 2 if you open the webform in a modal:

just in your node twig page pass nid value to the modal like this.

<a class="use-ajax" data-dialog-options="{&quot;width&quot;:800}"
   data-dialog-type="modal"
   href="/form/contact?nid={{ node.nid.value|trim }}">
    <button type="button"> Contact Person</button>
</a>

and in our hook_tokens() function we get the nid of current node like this.

<?php

use Drupal\Core\Render\BubbleableMetadata;

/**
 * Implements hook_token_info()
 */

function email_etab_token_token_info()
{

    $info['tokens']['site']['email_field'] = array(
        'name' => t("Email field token"),
        'description' => t("Email field from the current node"),
    );

    return $info;
}

/**
 * Implements hook_tokens()
 */

function email_etab_token_tokens($type, $tokens, array $data, array $options, BubbleableMetadata $bubbleable_metadata)
{
    $replacements = array();
    if ($type == 'site') {
        foreach ($tokens as $name => $original) {
            switch ($name) {
                case 'email_field':
                    $nid = \Drupal::request()->query->get('nid');
                    $node = \Drupal\node\Entity\Node::load($nid);
                    $email_field = "";
                   if ($node){
                       if (isset($node->field_email)) {
                           $email_field = $node->field_email->getString();
                       }
                   }
                    $replacements[$original] = $email_field;
                    break;

            }
        }
    }

    return $replacements;
}

Then clear your Drupal caches, and then your new token will be available in UI.