How to Build Lead Capture Forms and Embed on Any Website (WordPress, Shopify or HTML)
⚡Mandatory Prerequisites & Initial Checklist
- ✓Access to Forms / Landing Pages module in Dashboard V2.
- ✓Edit access to target website (e.g. WordPress admin, Shopify or CMS editor).
📋Step-by-Step Instructions in Dashboard
Create a New Inbound Capture Form
Assign a descriptive form name (e.g. 'Contact Us - Homepage', 'Ebook Download - Footer'). Select layout: 1) Inline (embedded inside page content); 2) Corner slide-in popup; 3) Top announcement banner.
Select Input Fields and Enable Privacy Consent Checkbox
Configure customer input fields:
Copy Embed Snippet and Paste onto Website
MailerWeb generates an ultra-fast Web Component snippet (<script src='https://app.mailerweb.com.br/forms.js' data-form-token='xyz'></script>). Paste into any HTML widget on WordPress, Shopify, Wix or MailerWeb's Tailwind Composer. The form loads asynchronously with zero impact on page speed scores.
🚨Critical Safety Rules & Ban Protection
- 🛡️Invisible Honeypot Anti-Spam: All MailerWeb forms include honeypot fields invisible to human users. Automated bot scrapers attempting submissions are blocked silently at origin.
- 🛡️IP Rate Limiting: To prevent submission flooding, our API throttles repeated submittals from identical IP addresses within tight windows.
❓Frequently Asked Questions & Troubleshooting
P:Can I customize button colors to match my brand?
Yes! Under 'Design & Styling', customize background palette, button colors, border radiuses and fonts to match your visual identity perfectly.
P:Is the embedded form mobile friendly?
Yes, the Web Component adapts dynamically to smartphone and tablet screen widths.
