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="{"width":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.
I hope you found this article useful. let me know if you have any questions and I’ll be happy to answer them.
