Quick Start
Drop the script in your <head> and use the custom tag anywhere in your <body>.
<script src="https://central.com/php_libs/js/universalContactForm/index.js"></script>
Attributes Reference
| Attribute | Default | Usage |
|---|---|---|
| fields | fullName,email | Comma-separated fields from standard schema. |
| accent | #0066FF | Primary brand color for buttons and focus states. |
| success-mode | message | Options: message, checkbox, or redirect. |
Visual Examples
1. The "Expectation Setter" (Goel.VC Style)
Best for high-value lead intake where you need to manage response timelines.
<universal-contact-form fields="..." success-mode="message" ...>
2. The "Quick Check" (Painless Payroll Style)
Minimalistic and fast confirmation with a visual checkmark.
<universal-contact-form accent="#10b981" success-mode="checkbox" ...>
Redirect Mode
Perfect for Lead Magnets or Whitepaper downloads. Upon success, the user is sent to a new URL.
<universal-contact-form
success-mode="redirect"
success-redirect="https://google.com">
</universal-contact-form>