Contact Form 7

Connect a WordPress Contact Form 7 form to a Distro Form Router. Distro listens to the selected form's .wpcf7 wrapper, so other forms on the page do not trigger that router.

Connect and install

Create a form mapping with a stable selector for the form or its wrapper and the actual input names. Select it under Form Submission → Connected form, then configure, test, and activate the router.

Open Install Router and select WordPress Contact Form 7. Add the snippet on the page containing the form:

<script src="https://app.distro.so/inbound.js"></script>
<script>
  window.distro = new Distro({
    routerId: "YOUR_ROUTER_ID",
    formType: "contactform7"
  });
  distro.schedule("#your-contact-form");
</script>

Replace the router ID and selector. The selector must identify the intended form or its Contact Form 7 wrapper.

Verify

Distro listens for the wrapper's wpcf7submit event. This is a submission event, not proof of successful mail delivery. Check validation and mail delivery alongside routing, including invalid, qualified, and unqualified submissions.

Confirm the expected answers in Routing Logs, and verify that submitting another Contact Form 7 form on the same page does not route through this installation.