WAITLIST WIDGET
LIVECollect emails from people interested in your upcoming product.
CORE FEATURES
Email Collection
Simple email-only signup form.
Dashboard Storage
All signups stored with date/time.
List Management
View all signups in dashboard.
CSV Export
Download your waitlist anytime.
INTEGRATION
Modal/Floating Mode
<script src="https://onedollar.dev/widgets/YOUR-KEY.js"></script>
Add before </body>. Configure trigger in dashboard.
Embedded Mode
<!-- Place where you want the form --> <div id="od-waitlist-YOUR-KEY"></div> <!-- Add script (configure as embedded in dashboard) --> <script src="https://onedollar.dev/widgets/YOUR-KEY.js"></script>
Form renders inline in the container div.
CONFIGURATION
Widget Settings (Dashboard)
| Product Name | What they're waiting for |
| Signup Message | "Join the waitlist for [Product]" |
| Button Text | "Join Waitlist" |
| Success Message | "You're on the waitlist!" |
| Brand Color | Primary color for button/accents |
| Display Mode | embedded, modal, or floating |
CUSTOMIZATION
CSS Selectors
| Widget-Specific ID | |
| #od-waitlist-YOUR-KEY | Container for specific widget instance |
| Global Classes | |
| .od-waitlist-form | Form container |
| .od-waitlist-input | Email input field |
| .od-waitlist-submit | Submit button |
| .od-waitlist-message | Success/error message |
JAVASCRIPT API
// Access widget instance
const widget = window.OneDollarWidget['YOUR-KEY'];
// Submit email programmatically
widget.submit({
email: 'user@example.com'
});
// Show/hide form (if modal mode)
widget.open();
widget.close();
// Reset form
widget.reset();
REST API
Add to Waitlist
POST /api/v1/widgets/:key/submit
{
"email": "user@example.com"
}
Returns: {"success": true, "message": "You're on the waitlist!"}
Export List
GET /api/v1/widgets/:key/export
Download CSV with all signups. Dashboard only.
EXAMPLES
Embedded Form
<!-- Place where you want the form --> <div id="od-waitlist-YOUR-KEY"></div> <script src="https://onedollar.dev/widgets/YOUR-KEY.js"></script>
Modal Trigger
<button onclick="window.OneDollarWidget['YOUR-KEY'].open()"> Join Waitlist </button> <script src="https://onedollar.dev/widgets/YOUR-KEY.js"></script>
Custom Styling
/* Style specific widget */
#od-waitlist-abc123 .od-waitlist-submit {
background: linear-gradient(45deg, #667eea, #764ba2);
font-size: 18px;
padding: 16px 32px;
}
USE CASES
Product Launch
Collect interested users before launch.
Beta Access
Build a list of early adopters.
Feature Announcements
Gauge interest in upcoming features.