專案效益 #2

直接發送電子郵件從智能合約

透過智能合約整合,自動化用戶通知。發送交易確認、獎勵提醒與治理通告,無需任何後端基礎設施。

📜

零後端,最大自動化

5K
燃氣開銷
<3s
交貨時間
區塊鏈
無限
規模
YourContract.sol
function claimRewards() external {
    uint256 rewards = calculateRewards(msg.sender);
    _transfer(rewardToken, msg.sender, rewards);

    // Approve USDC for email fee
    usdc.approve(address(mailer), mailer.getFee());

    // Send email notification using prepared template
    mailer.sendPrepared(
        msg.sender,
        "reward-notification",  // template ID
        false,                  // standard mode: 10% fee only
        true                    // resolve sender name
    );
}

三種強大的整合類型

自動化關鍵用戶通訊,直接從您的智能合約發送

交易通知

實時通知改善使用者體驗減少支援工單

自動通知用戶交易成功、失敗嘗試與待確認。

常見使用案例:

  • DeFi swap confirmations with slippage details
  • NFT purchase receipts with marketplace links
  • 已領取質押獎勵通知
  • 失敗交易警示與燃氣估算
  • 跨鏈橋完成進度更新
實作範例
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

DeFi Protocol Events

防止清算提升協議 TVL更好的用戶留存

保持用戶了解收益農場獎勵、清算風險與協議變更。

常見使用案例:

  • 收益農場獎勵分配
  • 清盤警示:抵押率達 110%
  • 新池啟動,提供額外年化收益率
  • 治理提案投票提醒
  • 協議費用變更與更新
實作範例
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

Governance & DAO

更高的投票參與率透明治理活躍社群

Automate governance communications and voting notifications for your DAO members.

常見使用案例:

  • 新的提案創建公告
  • 投票截止日期提醒(提前24小時、1小時)
  • 提案執行確認
  • 授權變更通知
  • 財政里程碑更新
實作範例
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

為生產而建

企業級功能,隨您的協議擴展

燃氣優化

最小的 Gas 開銷——通常每封電子郵件不到 5,000 gas

優化的合約呼叫不會影響您的主要交易成本

即時交付

交易確認後數秒內發送電子郵件

即時處理,平均交付時間低於 3 秒

模板系統

常用案例的預建範本

可自訂的 HTML/文字範本,支援動態資料注入

分析儀表板

追蹤電子郵件送達與互動指標

實時分析開啟率、點擊率與轉換率

多鏈支援

在任何區塊鏈上部署 - 我們處理複雜性

🔵

Ethereum

Live
燃氣費用:~4,200 gas

可用網路:

Mainnet
🔵

Ethereum sepolia

Beta
燃氣費用:~3,000 gas

可用網路:

Mainnet

三步簡易整合

在不到 10 分鐘內開始使用智能合約電子郵件整合

安裝 SDK

~2 分鐘

將 MailBox 加入您的智能合約專案

安裝-sdk.sh
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

匯入介面

~1 分鐘

在您的合約中匯入 IMailBox 接口

導入介面.sol
<!doctype html>
<html lang="en">
  <head>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
    <script>
      window.onerror = function (m) {
        if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
        return false;
      };
    </script>

    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />

    <!-- Viewport and Basic Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#3b82f6" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta
      http-equiv="Permissions-Policy"
      content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
    />

    <!-- Primary Meta Tags -->
    <title>Signic - Web3 Email Platform | Wallet-Based Email</title>
    <meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
    <meta
      name="description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
    />
    <meta
      name="keywords"
      content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
    />
    <meta name="author" content="Sudobility Inc" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />

    <!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="og:description"
      content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
    />
    <meta property="og:image" content="https://signic.email/logo.png" />
    <meta property="og:site_name" content="Signic" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://signic.email" />
    <meta
      property="twitter:title"
      content="Signic - Web3 Email Platform | Wallet-Based Email"
    />
    <meta
      property="twitter:description"
      content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
    />
    <meta property="twitter:image" content="https://signic.email/logo.png" />
    <meta property="twitter:creator" content="@signicemail" />
    <meta property="twitter:site" content="@signicemail" />

    <!-- Application Meta -->
    <meta name="application-name" content="Signic" />
    <meta name="msapplication-TileColor" content="#3b82f6" />
    <meta name="referrer" content="origin-when-cross-origin" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Signic" />
    <meta name="copyright" content="Sudobility Inc. All rights reserved." />

    <!-- PWA -->
    <link rel="manifest" href="/manifest.json" />

    <!-- DNS Prefetch and Preconnect -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//api.signic.email" />
    <link rel="dns-prefetch" href="//signic.email" />
    <link rel="dns-prefetch" href="//walletconnect.com" />
    <link rel="dns-prefetch" href="//phantom.app" />
    <link rel="dns-prefetch" href="//metamask.io" />

    <!-- Preconnect for critical third-party domains -->
    <link rel="preconnect" href="https://api.signic.email" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect to Firebase (for analytics and performance) -->
    <link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- Preconnect to RPC providers (only establish connection, don't load) -->
    <link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
    <link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />

    <!-- Above-the-fold CSS inline for fastest render -->
    <style>
      /* Critical CSS for initial paint - Optimized for LCP */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        background: #fff;
        color: #111827;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Critical above-the-fold hero styles for immediate paint */
      .hero-gradient {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }

      .hero-content {
        max-width: 1200px;
        padding: 2rem;
        text-align: center;
      }

      h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
      }

      .loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

      .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #root {
        min-height: 100vh;
      }

      /* Prevent layout shift */
      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>

    <!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
    <link rel="dns-prefetch" href="//ethereum-api.xyz" />
    <link rel="dns-prefetch" href="//polygon-rpc.com" />
    <link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
    <link rel="dns-prefetch" href="//rpc.ankr.com" />

    <!-- Wallet provider DNS prefetch - connections established on demand -->
    <link rel="dns-prefetch" href="//walletconnect.org" />
    <link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />

    <!-- CDN optimizations -->
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
    <link rel="dns-prefetch" href="//unpkg.com" />

    <!-- Service worker registration hint -->
    <link rel="prefetch" href="/sw.js" />

    <!-- Font loading - deferred for LCP -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media = 'all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Structured Data -->
    <script type="application/ld+json">
      [
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Signic",
          "alternateName": ["signic.email", "Web3 Email Platform"],
          "description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
          "url": "https://signic.email",
          "applicationCategory": ["BusinessApplication", "CommunicationApplication"],
          "operatingSystem": "Web Browser",
          "browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
          "softwareRequirements": "Web3 wallet extension or mobile app",
          "datePublished": "2024-01-01",
          "dateModified": "2026-07-11",
          "isAccessibleForFree": true,
          "featureList": [
            "Wallet-based authentication - no passwords required",
            "ENS domain email support (.eth domains)",
            "Solana Name Service email support (.sol domains)",
            "Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
            "Smart contract email notifications",
            "DAO governance email tools",
            "Email delegation for teams and DAOs",
            "Web2/Web3 bridge communication"
          ],
          "offers": [
            {
              "@type": "Offer",
              "name": "Free Web3 Email",
              "price": "0",
              "priceCurrency": "USD",
              "description": "Free wallet-based email address"
            },
            {
              "@type": "Offer",
              "name": "Premium ENS/SNS Email",
              "price": "2",
              "priceCurrency": "USD",
              "description": "Use your ENS or SNS domain as email address"
            }
          ],
          "author": {
            "@type": "Organization",
            "name": "Signic",
            "url": "https://signic.email"
          },
          "installUrl": "https://signic.email/connect",
          "screenshot": "https://signic.email/logo.png"
        },
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "@id": "https://signic.email/#organization",
          "name": "Signic",
          "url": "https://signic.email",
          "logo": "https://signic.email/logo.png",
          "description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
          "foundingDate": "2024-01-01",
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "availableLanguage": "English"
          },
          "sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "@id": "https://signic.email/#website",
          "name": "Signic",
          "url": "https://signic.email",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://signic.email/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          },
          "publisher": {
            "@id": "https://signic.email/#organization"
          }
        },
        {
          "@context": "https://schema.org",
          "@type": "HowTo",
          "name": "How to Set Up Web3 Email with Crypto Wallet",
          "description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
          "image": "https://signic.email/logo.png",
          "totalTime": "PT5M",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "USD",
            "value": "0"
          },
          "supply": [
            {
              "@type": "HowToSupply",
              "name": "Web3 Wallet (MetaMask, Phantom, etc.)"
            },
            {
              "@type": "HowToSupply",
              "name": "ENS domain (optional but recommended)"
            }
          ],
          "tool": [
            {
              "@type": "HowToTool",
              "name": "Web browser with wallet extension"
            }
          ],
          "step": [
            {
              "@type": "HowToStep",
              "name": "Connect Your Wallet",
              "text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
            },
            {
              "@type": "HowToStep",
              "name": "Verify Your Identity",
              "text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
            },
            {
              "@type": "HowToStep",
              "name": "Configure Email Address",
              "text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
            },
            {
              "@type": "HowToStep",
              "name": "Start Using Web3 Email",
              "text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
            }
          ]
        }
      ]
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx?t=1783798028296"></script>
  </body>
</html>

發送電子郵件

~5 分鐘

從您的合約邏輯中呼叫 sendEmail 函式。

send-emails.sol
function notifyUser(address recipient) external {
    // Approve USDC spending first (0.1 USDC for priority, 0.01 USDC for standard)
    usdc.approve(address(mailer), 100000);

    // Send priority email (recipient gets 90% fee back as claimable)
    mailer.send(
        recipient,                    // recipient address
        "Transaction Complete",       // email subject
        "Your transaction was successful!", // email body
        true,                         // revenueShareToReceiver: true = priority (90% share)
        true                          // resolveSenderToName: resolve to ENS/SNS
    );

    // Or send standard email (10% fee only, no revenue share)
    mailer.send(
        recipient,
        "Update Available",
        "A new version is ready",
        false,                        // revenueShareToReceiver: false = standard (10% fee only)
        true                          // resolveSenderToName
    );

    // Or use prepared template (priority with revenue share)
    mailer.sendPrepared(
        recipient,
        "tx-success-v1",              // template ID
        true,                         // priority mode with revenue share
        true                          // resolve sender name
    );
}

進階功能

強大功能,適用於複雜使用案例

條件邏輯

根據複雜的鏈上條件發送電子郵件

範例:
僅在使用者的持倉超過 1,000 美元且健康係數跌至 150% 以下時通知。

批次操作

一次性向多位使用者發送電子郵件

範例:
通知所有 LP 供應商新獎勵計畫啟動時的訊息

模板變數

根據交易數據的動態內容

範例:
在確認中包含交換金額、費用、滑點和交易哈希。

重試邏輯

自動重試失敗的電子郵件投遞

範例:
對重要通知進行最多三次重試,並使用指數退避策略

成功案例

協定如何改變使用者透過智慧合約電子郵件的體驗

DeFi Yield Protocol

整合:

自動化獎勵通知 + 清算警告

-67%
liquidations
加 145%
user Retention
-80%
support Tickets
"智能合約電子郵件將我們的清算事件減少了 67%。用戶現在能及時收到警告,並在為時已晚之前採取行動。"
NFT Marketplace

整合:

投標通知 + 銷售確認

+234%
bid Activity
+156%
sales Volume
+89%
return Buyers
"自動出價通知改變了我們的市場。賣家回應更快,買家在整個拍賣過程中保持參與。"
遊戲協議

整合:

成就解鎖 + 獎勵分發

+178%
daily Active
+267%
quest Completion
+145%
token Earnings
"玩家喜歡在解鎖成就時立即收到通知。這是將遊戲化提升到新層次的體驗。"

開始構建智能合約電子郵件

加入協議,自動化使用者通訊並整合智能合約電子郵件。降低開發時間,提升使用者體驗。

🚀Performance Monitor

Web Vitals

LCPLargest Contentful Paint
3476ms
FIDFirst Input Delay
N/Ams
CLSCumulative Layout Shift
0.144
FCPFirst Contentful Paint
2044ms
TTFBTime to First Byte
28ms

Bundle Performance

JS Load
15116ms
CSS Load
97ms
JS Files
162
Transfer Size
22.4MB

Memory

Used Heap
73.1MB
Total Heap
82.4MB
Usage
2%
GoodNeeds ImprovementPoor