diff --git a/src/panels/config/js/trigger/trigger_edit.js b/src/panels/config/js/trigger/trigger_edit.js
index 6af80b3dea..fc65420014 100644
--- a/src/panels/config/js/trigger/trigger_edit.js
+++ b/src/panels/config/js/trigger/trigger_edit.js
@@ -12,6 +12,7 @@ import StateTrigger from "./state";
 import SunTrigger from "./sun";
 import TemplateTrigger from "./template";
 import TimeTrigger from "./time";
+import WebhookTrigger from "./webhook";
 import ZoneTrigger from "./zone";
 
 const TYPES = {
@@ -23,6 +24,7 @@ const TYPES = {
   sun: SunTrigger,
   template: TemplateTrigger,
   time: TimeTrigger,
+  webhook: WebhookTrigger,
   zone: ZoneTrigger,
 };
 
diff --git a/src/panels/config/js/trigger/webhook.js b/src/panels/config/js/trigger/webhook.js
new file mode 100644
index 0000000000..8ce125559f
--- /dev/null
+++ b/src/panels/config/js/trigger/webhook.js
@@ -0,0 +1,32 @@
+import { h, Component } from "preact";
+import "@polymer/paper-input/paper-input";
+
+import { onChangeEvent } from "../../../../common/preact/event";
+
+export default class WebhookTrigger extends Component {
+  constructor() {
+    super();
+
+    this.onChange = onChangeEvent.bind(this, "trigger");
+  }
+
+  render({ trigger, localize }) {
+    const { webhook_id: webhookId } = trigger;
+    return (
+      <div>
+        <paper-input
+          label={localize(
+            "ui.panel.config.automation.editor.triggers.type.webhook.webhook_id"
+          )}
+          name="webhook_id"
+          value={webhookId}
+          onvalue-changed={this.onChange}
+        />
+      </div>
+    );
+  }
+}
+
+WebhookTrigger.defaultConfig = {
+  webhook_id: "",
+};
diff --git a/src/translations/en.json b/src/translations/en.json
index 7059894f28..6b85bcad9f 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -614,6 +614,10 @@
                   "label": "Time",
                   "at": "At"
                 },
+                "webhook": {
+                  "label": "Webhook",
+                  "webhook_id": "Webhook ID"
+                },
                 "zone": {
                   "label": "Zone",
                   "entity": "Entity with location",