Category: Uncategorized

  • 好用的免费询盘表格系统 Web3Form

    好用的免费询盘表格系统 Web3Form

    我发现了一个好用的免费的可以用来作为询盘邮件发送的表单系统,非常强大,稳定。网址是:https://web3forms.com/

    为了使用这个表格,我把代码稍微修改了一下,以便可以用来直接粘贴作为询盘表格使用。

    代码块在这:(大家要记得替换里面的 Access Key 才能用)

    <!-- Web3Forms Inquiry Form Block Start -->
    <div class="web3forms-inquiry-container" style="max-width: 500px; margin: 20px auto; padding: 25px; border: 1px solid #e0e0e0; border-radius: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
        
        <form action="https://web3forms.com" method="POST">
    
            <!-- ⚠️ 请把 VALUE 替换成你自己的 Web3Forms Access Key -->
            <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">
    
            <!-- Hidden Field: 自动搜集当前询盘来源网址 -->
            <input type="hidden" id="current-url" name="Inquiry Page URL" value="">
    
            <!-- Form Field: Full Name -->
            <div style="margin-bottom: 20px;">
                <label style="display: block; margin-bottom: 8px; font-weight: 600; color: #333;">Full Name *</label>
                <input type="text" name="Full Name" placeholder="Your full name" required style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 14px;">
            </div>
    
            <!-- Form Field: Email -->
            <div style="margin-bottom: 20px;">
                <label style="display: block; margin-bottom: 8px; font-weight: 600; color: #333;">Email Address *</label>
                <input type="email" name="Email" placeholder="your.email@example.com" required style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 14px;">
            </div>
    
            <!-- Form Field: Message -->
            <div style="margin-bottom: 20px;">
                <label style="display: block; margin-bottom: 8px; font-weight: 600; color: #333;">Message *</label>
                <textarea name="Message" rows="5" placeholder="Please describe your inquiry in detail..." required style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 14px; resize: vertical;"></textarea>
            </div>
    
            <!-- Submit Button -->
            <button type="submit" style="width: 100%; padding: 12px; background-color: #1a73e8; color: white; border: none; border-radius: 4px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background-color 0.2s;">
                Submit Inquiry
            </button>
        </form>
    
        <!-- JS Script: 自动获取网址 -->
        <script>
          document.addEventListener("DOMContentLoaded", function() {
            document.getElementById("current-url").value = window.location.href;
          });
        </script>
    </div>
    <!-- Web3Forms Inquiry Form Block End -->