Email Verification for Shopify - Stop Fake Accounts and Protect Revenue

Build a checkout UI extension that fires on the email field's onChange event. Call BounceZero's API and block progression to payment if the classification is undeliverable or disposable flag is true.

// checkout-ui-extension/src/index.jsx
import { extension, TextField, Banner } from "@shopify/ui-extensions/checkout";

export default extension("purchase.checkout.contact.render-after", (root, { applyAttributeChange }) => {
  let emailError = null;

  async function verifyEmail(email) {
    const res = await fetch("https://api.bouncezero.io/api/v1/verify", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "Authorization": "Bearer YOUR_BOUNCEZERO_API_KEY",
      },
      body: JSON.stringify({ email }),
    });
    return await res.json();
  }

  const banner = root.createComponent(Banner, { status: "critical" });
  root.appendChild(banner);

  root.on("input:change", async (event) => {
    if (event.field === "email") {
      const result = await verifyEmail(event.value);
      if (result.classification === "undeliverable") {
        banner.updateProps({ title: "This email address doesn't appear to be valid. Please check and try again." });
        applyAttributeChange({ key: "bz_email_invalid", value: "true" });
      }
    }
  });
});

Use Shopify Flow to trigger a webhook to your own server (or a serverless function) on Order Created. Your server calls BounceZero's API and, if the email is invalid, uses the Shopify Admin API to tag the order email-invalid for manual review or automatic cancellation.

1. In Shopify Flow: Trigger = Order Created > Action = Send HTTP Request to your endpoint
2. Your endpoint receives the order payload including customer.email
3. Call POST https://api.bouncezero.io/api/v1/verify with the email
4. If undeliverable: tag order via Shopify Admin API (PATCH /admin/api/2024-10/orders/{id}.json)