diff --git a/src/@3rdweb-sdk/react/hooks/useEngine.ts b/src/@3rdweb-sdk/react/hooks/useEngine.ts
index 312ecc91eb..43c669e9f6 100644
--- a/src/@3rdweb-sdk/react/hooks/useEngine.ts
+++ b/src/@3rdweb-sdk/react/hooks/useEngine.ts
@@ -1259,9 +1259,9 @@ export interface EngineContractSubscription {
   webhook?: EngineWebhook;
   createdAt: Date;
   processEventLogs: boolean;
-  filterEvents?: string[];
+  filterEvents: string[];
   processTransactionReceipts: boolean;
-  filterFunctions?: string[];
+  filterFunctions: string[];
 
   // Dummy field for the table.
   lastIndexedBlock: string;
@@ -1289,7 +1289,11 @@ export function useEngineContractSubscription(instance: string) {
 export interface AddContractSubscriptionInput {
   chain: string;
   contractAddress: string;
-  webhookUrl?: string;
+  webhookUrl: string;
+  processEventLogs: boolean;
+  filterEvents: string[];
+  processTransactionReceipts: boolean;
+  filterFunctions: string[];
 }
 
 export function useEngineAddContractSubscription(instance: string) {
diff --git a/src/components/engine/contract-subscription/add-contract-subscription-button.tsx b/src/components/engine/contract-subscription/add-contract-subscription-button.tsx
index 44a88dec50..bc6e1cba6e 100644
--- a/src/components/engine/contract-subscription/add-contract-subscription-button.tsx
+++ b/src/components/engine/contract-subscription/add-contract-subscription-button.tsx
@@ -3,6 +3,8 @@ import {
   useEngineAddContractSubscription,
 } from "@3rdweb-sdk/react/hooks/useEngine";
 import {
+  CheckboxGroup,
+  Collapse,
   Flex,
   FormControl,
   Icon,
@@ -14,17 +16,28 @@ import {
   ModalFooter,
   ModalHeader,
   ModalOverlay,
+  Radio,
+  RadioGroup,
+  Spinner,
   Stack,
   UseDisclosureReturn,
   useDisclosure,
 } from "@chakra-ui/react";
 import { NetworkDropdown } from "components/contract-components/contract-publish-form/NetworkDropdown";
-import { isAddress } from "ethers/lib/utils";
 import { useTrack } from "hooks/analytics/useTrack";
+import { useContractAbiItems } from "hooks/useContractAbiItems";
 import { useTxNotifications } from "hooks/useTxNotifications";
-import { useForm } from "react-hook-form";
+import { Dispatch, SetStateAction, useMemo, useState } from "react";
+import { UseFormReturn, useForm } from "react-hook-form";
 import { AiOutlinePlusCircle } from "react-icons/ai";
-import { Button, Card, FormHelperText, FormLabel, Text } from "tw-components";
+import {
+  Button,
+  Card,
+  Checkbox,
+  FormHelperText,
+  FormLabel,
+  Text,
+} from "tw-components";
 
 interface AddContractSubscriptionButtonProps {
   instanceUrl: string;
@@ -55,10 +68,14 @@ export const AddContractSubscriptionButton: React.FC<
   );
 };
 
-export interface AddModalInput {
-  chainId: string;
+interface AddContractSubscriptionForm {
+  chainId: number;
   contractAddress: string;
-  webhookUrl?: string;
+  webhookUrl: string;
+  processEventLogs: boolean;
+  filterEvents: string[];
+  processTransactionReceipts: boolean;
+  filterFunctions: string[];
 }
 
 const AddModal = ({
@@ -72,21 +89,32 @@ const AddModal = ({
     useEngineAddContractSubscription(instanceUrl);
   const trackEvent = useTrack();
   const { onSuccess, onError } = useTxNotifications(
-    "Contract Subscription created successfully.",
-    "Failed to create contract subscription.",
+    "Created Contract Subscription.",
+    "Failed to create Contract Subscription.",
+  );
+  const [modalState, setModalState] = useState<"inputContract" | "inputData">(
+    "inputContract",
   );
 
-  const form = useForm<AddModalInput>({
+  const form = useForm<AddContractSubscriptionForm>({
     defaultValues: {
-      chainId: "84532",
+      chainId: 84532,
+      processEventLogs: true,
+      filterEvents: [],
+      processTransactionReceipts: false,
+      filterFunctions: [],
     },
   });
 
-  const onSubmit = (data: AddModalInput) => {
+  const onSubmit = (data: AddContractSubscriptionForm) => {
     const input: AddContractSubscriptionInput = {
-      chain: data.chainId,
+      chain: data.chainId.toString(),
       contractAddress: data.contractAddress,
-      webhookUrl: data.webhookUrl?.trim() || undefined,
+      webhookUrl: data.webhookUrl.trim(),
+      processEventLogs: data.processEventLogs,
+      filterEvents: data.filterEvents,
+      processTransactionReceipts: data.processTransactionReceipts,
+      filterFunctions: data.filterFunctions,
     };
 
     addContractSubscription(input, {
@@ -125,80 +153,316 @@ const AddModal = ({
         <ModalHeader>Add Contract Subscription</ModalHeader>
         <ModalCloseButton />
 
-        <ModalBody>
-          <Stack spacing={4}>
-            <Text>
-              Add a contract subscription to begin storing onchain data.
-            </Text>
-
-            <Card as={Stack} gap={4}>
-              <FormControl isRequired>
-                <FormLabel>Chain</FormLabel>
-                <NetworkDropdown
-                  value={parseInt(form.watch("chainId"))}
-                  onSingleChange={(val) =>
-                    form.setValue("chainId", val.toString())
-                  }
-                />
-              </FormControl>
-
-              <FormControl isRequired>
-                <FormLabel>Contract Address</FormLabel>
-                <Input
-                  type="text"
-                  placeholder="0x..."
-                  {...form.register("contractAddress", { required: true })}
-                />
-              </FormControl>
-
-              <FormControl>
-                <FormLabel>Webhook URL</FormLabel>
-                <Input
-                  type="text"
-                  placeholder="https://"
-                  {...form.register("webhookUrl")}
-                />
-                <FormHelperText>
-                  Engine notifies your backend when event logs and transaction
-                  receipts for this contract are detected.
-                </FormHelperText>
-              </FormControl>
-            </Card>
-          </Stack>
-        </ModalBody>
-
-        <ModalFooter as={Flex} gap={3}>
-          <Button type="button" onClick={disclosure.onClose} variant="ghost">
-            Cancel
-          </Button>
-          <Button
-            type="submit"
-            colorScheme="primary"
-            isDisabled={!form.formState.isValid}
-          >
-            Add
-          </Button>
-        </ModalFooter>
+        {modalState === "inputContract" ? (
+          <ModalBodyInputContract form={form} setModalState={setModalState} />
+        ) : modalState === "inputData" ? (
+          <ModalBodyInputData form={form} setModalState={setModalState} />
+        ) : null}
       </ModalContent>
     </Modal>
   );
 };
 
-/**
- * Returns a list of valid addresses from a comma or newline-separated string.
- *
- * Example:
- *  input: 0xa5B8492D8223D255dB279C7c3ebdA34Be5eC9D85,0x4Ff9aa707AE1eAeb40E581DF2cf4e14AffcC553d
- *  output:
- *  [
- *    0xa5B8492D8223D255dB279C7c3ebdA34Be5eC9D85,
- *    0x4Ff9aa707AE1eAeb40E581DF2cf4e14AffcC553d,
- *  ]
- */
-export const parseAddressListRaw = (raw: string): string[] | undefined => {
-  const addresses = raw
-    .split(/[,\n]/)
-    .map((entry) => entry.trim())
-    .filter((entry) => isAddress(entry));
-  return addresses.length > 0 ? addresses : undefined;
+const ModalBodyInputContract = ({
+  form,
+  setModalState,
+}: {
+  form: UseFormReturn<AddContractSubscriptionForm, any, undefined>;
+  setModalState: Dispatch<SetStateAction<"inputContract" | "inputData">>;
+}) => {
+  return (
+    <>
+      <ModalBody>
+        <Stack spacing={4}>
+          <Text>
+            Add a contract subscription to process real-time onchain data.
+          </Text>
+
+          <FormControl isRequired>
+            <FormLabel>Chain</FormLabel>
+            <NetworkDropdown
+              value={form.watch("chainId")}
+              onSingleChange={(val) => form.setValue("chainId", val)}
+            />
+          </FormControl>
+
+          <FormControl isRequired>
+            <FormLabel>Contract Address</FormLabel>
+            <Input
+              type="text"
+              placeholder="0x..."
+              {...form.register("contractAddress", { required: true })}
+            />
+          </FormControl>
+
+          <FormControl isRequired>
+            <FormLabel>Webhook URL</FormLabel>
+            <Input
+              type="url"
+              placeholder="https://"
+              {...form.register("webhookUrl", { required: true })}
+            />
+            <FormHelperText>
+              Engine sends an HTTP request to your backend when new onchain data
+              for this contract is detected.
+            </FormHelperText>
+          </FormControl>
+        </Stack>
+      </ModalBody>
+
+      <ModalFooter>
+        <Button
+          onClick={() => setModalState("inputData")}
+          colorScheme="primary"
+          isDisabled={!form.formState.isValid}
+        >
+          Next
+        </Button>
+      </ModalFooter>
+    </>
+  );
+};
+
+const ModalBodyInputData = ({
+  form,
+  setModalState,
+}: {
+  form: UseFormReturn<AddContractSubscriptionForm, any, undefined>;
+  setModalState: Dispatch<SetStateAction<"inputContract" | "inputData">>;
+}) => {
+  const processEventLogsDisclosure = useDisclosure({
+    defaultIsOpen: form.getValues("processEventLogs"),
+  });
+  const processTransactionReceiptsDisclosure = useDisclosure({
+    defaultIsOpen: form.getValues("processTransactionReceipts"),
+  });
+  const [shouldFilterEvents, setShouldFilterEvents] = useState(false);
+  const [shouldFilterFunctions, setShouldFilterFunctions] = useState(false);
+
+  const processEventLogs = form.watch("processEventLogs");
+  const filterEvents = form.watch("filterEvents");
+  const processTransactionReceipts = form.watch("processTransactionReceipts");
+  const filterFunctions = form.watch("filterFunctions");
+
+  // Invalid states:
+  // - Neither logs nor receipts are selected.
+  // - Logs are selected but filtering on 0 event names.
+  // - Receipts are selected but filtering on 0 function names.
+  const isInputDataFormInvalid =
+    (!processEventLogs && !processTransactionReceipts) ||
+    (processEventLogs && shouldFilterEvents && filterEvents.length === 0) ||
+    (processTransactionReceipts &&
+      shouldFilterFunctions &&
+      filterFunctions.length === 0);
+
+  return (
+    <>
+      <ModalBody>
+        <Stack spacing={4}>
+          <Text>
+            Select the data type to process.
+            <br />
+            Events logs are arbitrary data triggered by a smart contract call.
+            <br />
+            Transaction receipts contain details about the blockchain execution.
+          </Text>
+
+          <FormControl>
+            <FormLabel>Processed Data</FormLabel>
+
+            <Stack>
+              <Checkbox
+                {...form.register("processEventLogs")}
+                checked={form.getValues("processEventLogs")}
+                onChange={(e) => {
+                  const { checked } = e.target;
+                  form.setValue("processEventLogs", checked);
+                  if (checked) {
+                    processEventLogsDisclosure.onOpen();
+                  } else {
+                    processEventLogsDisclosure.onClose();
+                  }
+                }}
+              >
+                <Text>Event Logs</Text>
+              </Checkbox>
+              {/* Shows all/specific events if processing event logs */}
+              <Collapse in={processEventLogsDisclosure.isOpen}>
+                <Stack px={4}>
+                  <RadioGroup
+                    defaultValue="false"
+                    onChange={(val: "false" | "true") => {
+                      if (val === "true") {
+                        setShouldFilterEvents(true);
+                      } else {
+                        setShouldFilterEvents(false);
+                        form.setValue("filterEvents", []);
+                      }
+                    }}
+                  >
+                    <Stack>
+                      <Radio value="false">
+                        <Text>All events</Text>
+                      </Radio>
+                      <Radio value="true">
+                        <Text>
+                          Specific events{" "}
+                          {!!filterEvents.length &&
+                            `(${filterEvents.length} selected)`}
+                        </Text>
+                      </Radio>
+                      {/* List event names to select */}
+                      <Collapse in={shouldFilterEvents}>
+                        <FilterSelector
+                          abiItemType="event"
+                          form={form}
+                          filter={filterEvents}
+                          setFilter={(value) =>
+                            form.setValue("filterEvents", value)
+                          }
+                        />
+                      </Collapse>
+                    </Stack>
+                  </RadioGroup>
+                </Stack>
+              </Collapse>
+
+              <Checkbox
+                {...form.register("processTransactionReceipts")}
+                checked={form.getValues("processTransactionReceipts")}
+                onChange={(e) => {
+                  const { checked } = e.target;
+                  form.setValue("processTransactionReceipts", checked);
+                  if (checked) {
+                    processTransactionReceiptsDisclosure.onOpen();
+                  } else {
+                    processTransactionReceiptsDisclosure.onClose();
+                  }
+                }}
+              >
+                <Text>Transaction Receipts</Text>
+              </Checkbox>
+              {/* Shows all/specific functions if processing transaction receipts */}
+              <Collapse in={processTransactionReceiptsDisclosure.isOpen}>
+                <Stack px={4}>
+                  <RadioGroup
+                    defaultValue="false"
+                    onChange={(val: "false" | "true") => {
+                      if (val === "true") {
+                        setShouldFilterFunctions(true);
+                      } else {
+                        setShouldFilterFunctions(false);
+                        form.setValue("filterFunctions", []);
+                      }
+                    }}
+                  >
+                    <Stack>
+                      <Radio value="false">
+                        <Text>All functions</Text>
+                      </Radio>
+                      <Radio value="true">
+                        <Text>
+                          Specific functions{" "}
+                          {!!filterFunctions.length &&
+                            `(${filterFunctions.length} selected)`}
+                        </Text>
+                      </Radio>
+                      {/* List function names to select */}
+                      <Collapse in={shouldFilterFunctions}>
+                        <FilterSelector
+                          abiItemType="function"
+                          form={form}
+                          filter={filterFunctions}
+                          setFilter={(value) =>
+                            form.setValue("filterFunctions", value)
+                          }
+                        />
+                      </Collapse>
+                    </Stack>
+                  </RadioGroup>
+                </Stack>
+              </Collapse>
+            </Stack>
+          </FormControl>
+        </Stack>
+      </ModalBody>
+
+      <ModalFooter as={Flex} gap={3}>
+        <Button
+          type="button"
+          onClick={() => setModalState("inputContract")}
+          variant="ghost"
+        >
+          Back
+        </Button>
+        <Button
+          type="submit"
+          colorScheme="primary"
+          isDisabled={isInputDataFormInvalid}
+        >
+          Add
+        </Button>
+      </ModalFooter>
+    </>
+  );
+};
+
+const FilterSelector = ({
+  abiItemType,
+  form,
+  filter,
+  setFilter,
+}: {
+  abiItemType: "function" | "event";
+  form: UseFormReturn<AddContractSubscriptionForm, any, undefined>;
+  filter: string[];
+  setFilter: (value: string[]) => void;
+}) => {
+  const abiItemsQuery = useContractAbiItems(
+    form.getValues("chainId"),
+    form.getValues("contractAddress") as `0x${string}`,
+  );
+
+  const filterNames = useMemo(() => {
+    switch (abiItemType) {
+      case "function": {
+        return abiItemsQuery.data.writeFunctions;
+      }
+      case "event": {
+        return abiItemsQuery.data.events;
+      }
+      default: {
+        return [];
+      }
+    }
+  }, [
+    abiItemType,
+    abiItemsQuery.data.events,
+    abiItemsQuery.data.writeFunctions,
+  ]);
+
+  return (
+    <Card>
+      {abiItemsQuery.isLoading ? (
+        <Spinner size="sm" />
+      ) : filterNames.length === 0 ? (
+        <Text>
+          Cannot resolve the contract definition. Filters are unavailable.
+        </Text>
+      ) : (
+        <Stack maxH={300} overflowY="auto">
+          <CheckboxGroup
+            value={filter}
+            onChange={(selected: string[]) => setFilter(selected)}
+          >
+            {filterNames.map((name) => (
+              <Checkbox key={name} value={name}>
+                <Text>{name}</Text>
+              </Checkbox>
+            ))}
+          </CheckboxGroup>
+        </Stack>
+      )}
+    </Card>
+  );
 };
diff --git a/src/components/engine/contract-subscription/contract-subscriptions-table.tsx b/src/components/engine/contract-subscription/contract-subscriptions-table.tsx
index 16f71d7286..d543fbb574 100644
--- a/src/components/engine/contract-subscription/contract-subscriptions-table.tsx
+++ b/src/components/engine/contract-subscription/contract-subscriptions-table.tsx
@@ -99,10 +99,87 @@ export const ContractSubscriptionTable: React.FC<
       },
     }),
     columnHelper.accessor("webhook", {
-      header: "Webhook",
+      header: "Webhook URL",
       cell: (cell) => {
         const webhook = cell.getValue();
-        return <Text>{webhook?.url}</Text>;
+        const url = webhook?.url ?? "";
+
+        return (
+          <Text maxW={200} whiteSpace="normal" noOfLines={3}>
+            {url}
+          </Text>
+        );
+      },
+    }),
+    columnHelper.accessor("processEventLogs", {
+      header: "Filters",
+      cell: (cell) => {
+        const {
+          processEventLogs,
+          filterEvents,
+          processTransactionReceipts,
+          filterFunctions,
+        } = cell.row.original;
+
+        return (
+          <Flex flexDirection="column">
+            {/* Show logs + events */}
+            {processEventLogs && (
+              <Flex gap={1}>
+                <Text>Logs:</Text>
+                {filterEvents.length === 0 ? (
+                  <Text>All</Text>
+                ) : (
+                  <Tooltip
+                    p={0}
+                    label={
+                      <Stack p={2} fontSize="small" color="white">
+                        {filterEvents.map((name) => (
+                          <Text key={name}>{name}</Text>
+                        ))}
+                      </Stack>
+                    }
+                    bgColor="backgroundCardHighlight"
+                    borderRadius="lg"
+                    shouldWrapChildren
+                  >
+                    <Text textDecoration="underline dotted">
+                      {filterEvents.length} events
+                    </Text>
+                  </Tooltip>
+                )}
+              </Flex>
+            )}
+
+            {/* Show receipts + functions */}
+            {processTransactionReceipts && (
+              <Flex gap={1}>
+                <Text>Receipts:</Text>
+                {filterFunctions.length === 0 ? (
+                  <Text>All</Text>
+                ) : (
+                  <Tooltip
+                    p={0}
+                    label={
+                      <Stack p={2} fontSize="small" color="white">
+                        {filterFunctions.map((name) => (
+                          <Text key={name}>{name}</Text>
+                        ))}
+                      </Stack>
+                    }
+                    bgColor="backgroundCardHighlight"
+                    borderRadius="lg"
+                    shouldWrapChildren
+                  >
+                    <Text textDecoration="underline dotted">
+                      {filterFunctions.length} functions
+                    </Text>
+                  </Tooltip>
+                )}
+              </Flex>
+            )}
+          </Flex>
+        );
       },
     }),
     columnHelper.accessor("lastIndexedBlock", {
@@ -314,6 +391,26 @@ const RemoveModal = ({
                   <Text fontStyle="italic">N/A</Text>
                 )}
               </FormControl>
+
+              <FormControl>
+                <FormLabel>Filters</FormLabel>
+                {contractSubscription.processEventLogs && (
+                  <Text>
+                    Logs:{" "}
+                    {contractSubscription.filterEvents.length === 0
+                      ? "All"
+                      : contractSubscription.filterEvents.join(", ")}
+                  </Text>
+                )}
+                {contractSubscription.processTransactionReceipts && (
+                  <Text>
+                    Receipts:{" "}
+                    {contractSubscription.filterFunctions.length === 0
+                      ? "All"
+                      : contractSubscription.filterFunctions.join(", ")}
+                  </Text>
+                )}
+              </FormControl>
             </Card>
           </Stack>
         </ModalBody>
diff --git a/src/components/engine/tier-card.tsx b/src/components/engine/tier-card.tsx
index 375621850f..15f47149cf 100644
--- a/src/components/engine/tier-card.tsx
+++ b/src/components/engine/tier-card.tsx
@@ -14,7 +14,7 @@ const ENGINE_TIER_CARD_CONFIG: Record<EngineTier, EngineTierCardConfig> = {
     name: "Standard",
     monthlyPriceUsd: 99,
     features: [
-      "Isolated Server & Database",
+      "Isolated server & database",
       "APIs for contracts on 1700+ EVM chains",
       "Secured backend wallets",
       "Gas & nonce management",
@@ -25,8 +25,8 @@ const ENGINE_TIER_CARD_CONFIG: Record<EngineTier, EngineTierCardConfig> = {
     monthlyPriceUsd: 299,
     features: [
       "Autoscaling",
-      "Production-grade Server (High availability and redundancy)",
-      "Production-grade Database (High availability, Multi-AZ)",
+      "Production-grade server (high availability and redundancy)",
+      "Production-grade database (high availability, Multi-AZ)",
       "30-day database backups",
       "On-call monitoring from thirdweb",
     ],
diff --git a/src/hooks/useContractAbiItems.ts b/src/hooks/useContractAbiItems.ts
new file mode 100644
index 0000000000..7b0c145c5f
--- /dev/null
+++ b/src/hooks/useContractAbiItems.ts
@@ -0,0 +1,62 @@
+import { useQuery } from "@tanstack/react-query";
+import type { Abi } from "abitype";
+import { thirdwebClient } from "lib/thirdweb-client";
+import { Address, defineChain, getContract } from "thirdweb";
+import { resolveContractAbi } from "thirdweb/contract";
+
+function dedupeAndSort(arr: string[]) {
+  return [...new Set(arr)].sort();
+}
+
+/**
+ * Returns read/write function and event names from a contract.
+ *
+ * @param chainId number
+ * @param address Address
+ * @returns readFunctions - List of read function names
+ * @returns writeFunctinos - List of write function names
+ * @returns events - List of event names
+ */
+export function useContractAbiItems(chainId: number, address: Address) {
+  return useQuery({
+    queryKey: ["contract-abi-items", chainId, address],
+    initialData: {
+      readFunctions: [],
+      writeFunctions: [],
+      events: [],
+    },
+    queryFn: async () => {
+      const chain = defineChain(chainId);
+      const contract = getContract({
+        client: thirdwebClient,
+        chain,
+        address,
+      });
+
+      const abi = await resolveContractAbi<Abi>(contract);
+
+      const readFunctions: string[] = [];
+      const writeFunctions: string[] = [];
+      const events: string[] = [];
+      for (const abiItem of abi) {
+        if (abiItem.type === "function") {
+          if (
+            abiItem.stateMutability === "pure" ||
+            abiItem.stateMutability === "view"
+          ) {
+            readFunctions.push(abiItem.name);
+          } else {
+            writeFunctions.push(abiItem.name);
+          }
+        } else if (abiItem.type === "event") {
+          events.push(abiItem.name);
+        }
+      }
+      return {
+        readFunctions: dedupeAndSort(readFunctions),
+        writeFunctions: dedupeAndSort(writeFunctions),
+        events: dedupeAndSort(events),
+      };
+    },
+  });
+}