Using Custom Inputs inside a Custom Webhook Integration

[samroberts707]

I have a form which I need to pass some page entry variables to which can then be passed on to the Webhook Endpoint, these are hidden fields that the user doesn't need to see or interact with, they're purely for knowing which subpage the form was submitted from. I'm using customInputs inside the renderForm function, here is an example:

{{ craft.formie.renderForm('formID', {
    customInputs: {
        parentID: entry.parentID,
        pageID entry.pageID
     }
}) }}

The issue I'm having is accessing this data inside the sendPayload function in my custom Webhook Integration. They're not classed as fields so I can't use the getFieldValue function on the submission object and they're not available by doing $submission['parentID'] either.

Any advice on getting this data in my payload function would be great.

[engram-design]

So you can use shorthand Twig for the Webhook URL if that helps:

https://verbb.io?parent_id={parentId}

With the above assuming parentId is your Hidden Formie field.

Otherwise, you're probably going to have better luck using PHP events to modify the payload.

use verbb\formie\events\SendIntegrationPayloadEvent;
use verbb\formie\integrations\webhooks\Webhook;
use yii\base\Event;

Event::on(Webhook::class, Webhook::EVENT_BEFORE_SEND_PAYLOAD, function(SendIntegrationPayloadEvent $event) {
    $event->endpoint .= '?parent_id=' . $myValue;
});

[samroberts707]

Thanks for the advice, would this PHP need to go in the FormieIntegration.php file or my specific Webhook integration file inside the integrations directory?

I've been using the following Webhook example to build the integration from: https://verbb.io/craft-plugins/formie/docs/developers/custom-integration#example-5

Ideally I'd have access to the parentID and pageID in the sendPayload function, that way I can form the payload object as needed for the CRM API endpoint.

[engram-design]

You'd need to create a module to add this code, as you can't modify the vendor folder directly. There's a bit of a guide about this here which involves a bit of setup, but it's only done once, then you'd be able to use your module for other things on your site.

But I'd recommend using the shorthand Twig if you can, just because it's easier!

But yes, if you're creating your own custom webhook integration, well that's different. You've got full control over what content you send to your endpoint, what endpoint, etc.