Form Events
Submit these forms and watch the Event Monitor panel to see events fire in real-time.
Contact Form
Contact
<!-- Contact form -->
<form class="info-frm-cntr-pf">
<!-- Customer information -->
<input type="text" class="info-cust-full-name-pf" placeholder="Full Name" />
<input type="email" class="info-cust-em-pf" placeholder="Email" />
<input type="tel" class="info-cust-ph-pf" placeholder="Phone (optional)" />
<!-- Message fields -->
<input type="text" placeholder="Subject" />
<textarea placeholder="Your message..."></textarea>
<!-- Submit button -->
<button type="submit" class="action-btn-cntct-003-pf">Send Message</button>
</form>
Lead Generation
Lead
<!-- Lead generation form -->
<form class="info-frm-cntr-pf">
<!-- Customer information -->
<input type="text" class="info-cust-fn-pf" placeholder="First Name" />
<input type="text" class="info-cust-ln-pf" placeholder="Last Name" />
<input type="email" class="info-cust-em-pf" placeholder="Work Email" />
<input type="tel" class="info-cust-ph-pf" placeholder="Phone" />
<!-- Lead value (optional) -->
<select class="info-val-pf">
<option value="1000">$1,000 - $5,000</option>
<option value="5000">$5,000 - $10,000</option>
<option value="10000">$10,000 - $50,000</option>
<option value="50000">$50,000+</option>
</select>
<!-- Submit button -->
<button type="submit" class="action-btn-lead-011-pf">Request Demo</button>
</form>
Newsletter Subscription
Subscribe
<!-- Simple subscription (email only) -->
<form class="info-frm-cntr-pf">
<input type="email" class="info-cust-em-pf" placeholder="Email Address" />
<button type="submit" class="action-btn-sub-002-pf">Subscribe</button>
</form>
<!-- Subscription with name -->
<form class="info-frm-cntr-pf">
<input type="text" class="info-cust-fn-pf" placeholder="First Name" />
<input type="email" class="info-cust-em-pf" placeholder="Email Address" />
<button type="submit" class="action-btn-sub-002-pf">Join Newsletter</button>
</form>
User Registration
CompleteRegistration
<!-- Registration with separate name fields -->
<form class="info-frm-cntr-pf">
<input type="text" class="info-cust-fn-pf" placeholder="First Name" />
<input type="text" class="info-cust-ln-pf" placeholder="Last Name" />
<input type="email" class="info-cust-em-pf" placeholder="Email" />
<input type="tel" class="info-cust-ph-pf" placeholder="Phone" />
<input type="password" placeholder="Password" />
<button type="submit" class="action-btn-reg-007-pf">Create Account</button>
</form>
<!-- Registration with full name (auto-splits into first/last) -->
<form class="info-frm-cntr-pf">
<input type="text" class="info-cust-full-name-pf" placeholder="Full Name" />
<input type="email" class="info-cust-em-pf" placeholder="Email" />
<input type="password" placeholder="Password" />
<button type="submit" class="action-btn-reg-007-pf">Sign Up</button>
</form>