Form Builder Instructions

Step 1: Browse the Element Catalog

On the left panel, you'll find 100+ form elements organized into 5 categories:

• Basic (25 items): Name, Email, Phone, Address, Message fields
• Advanced (20 items): Date pickers, Time selectors, File uploads, Color pickers
• Selection (20 items): Dropdowns, Radio buttons, Checkboxes, Rating scales
• Specialized (20 items): Social media, Credit cards, LinkedIn, Tax IDs
• Business (15 items): Appointments, Quotes, Service types, Budgets

Tip: Use the search bar to quickly find specific elements, or click category tabs to filter!

Step 2: Drag Elements to Your Form

Simply click and drag any element from the catalog to the center canvas. You can add up to 20 fields to your form.

Features:

• Drag elements into any of the 20 available slots
• Fields automatically snap into place
• Empty slots are clearly visible
• Live preview shows exactly how your form will look

Step 3: Customize Each Field

Click any field in your form to customize it in the right panel:

• Field Label: Change the label text that appears above the field
• Field Name: The name used in the email you receive (e.g., "full_name")
• Placeholder Text: Hint text shown inside empty fields
• Options: For dropdowns, checkboxes, and radio buttons - customize the choices
• Required: Toggle whether the field must be filled out

Don't forget to click "Save Changes" after customizing!

Step 4: Organize Your Fields

Hover over any field to see control buttons:

• ↑ Move Up: Move field to an earlier slot
• ↓ Move Down: Move field to a later slot
• 🗑️ Delete: Remove field from form

Tip: Fields automatically compact when you delete one!

Step 5: Generate Your Code

When you're happy with your form, click the "I'm Done - Generate Code" button!

The system will:

• ✅ Automatically generate a unique access key for you
• ✅ Create complete, ready-to-use HTML code
• ✅ Include the submit button and branding
• ✅ Show you a preview with your access key

Step 6: Copy & Paste Into Your Website

Click the "📋 Copy Code" button to copy your form code to the clipboard.

Then simply:

1. Open your website's HTML file in your editor
2. Paste the code where you want the form to appear
3. Save and upload your changes
4. Done! Your form is now live and functional!

🎯 Mandatory Submit Button

Every form automatically includes a submit button at the bottom. You don't need to add one - it's always there!

The button uses the Rumble Websites branded styling and cannot be removed (this ensures all forms work correctly).

🔗 Powered By Branding

All forms include a small "Powered by Rumble Websites Emailing Service" footer with a link back to this site.

This is mandatory and helps us provide this service for free!

🔑 Auto-Generated Access Keys

Each time you generate code, a unique access key is created automatically.

Important: You don't need to sign up or provide your email in the form builder! The access key is embedded in the code. When someone submits the form, our system will:

• Recognize you haven't registered this key yet
• Ask for your email address (one time only)
• Send all future form submissions to that email

📊 20 Field Maximum

You can add up to 20 fields to keep forms manageable and user-friendly.

Most contact forms only need 3-8 fields, so 20 is more than enough for even complex forms!

Do I need an access key before using the form builder?

No! The form builder automatically generates a unique access key when you click "Generate Code". You don't need to sign up first.

Can I create multiple forms?

Yes! Create as many forms as you need. Each form will get its own unique access key.

Can I edit a form after generating the code?

The form builder doesn't save your forms. If you want to make changes, you'll need to rebuild the form and generate new code. We recommend saving your generated code in a text file for reference!

What happens to form submissions?

All submissions are sent directly to the email address associated with the access key. When someone first uses your access key, they'll be prompted to register it with their email.

Is there a limit on submissions?

Absolutely not! You get unlimited form submissions for free. Forever.

Can I remove the "Powered By" branding?

The branding footer is mandatory to keep this service free for everyone. It's a small, professional-looking footer that doesn't detract from your form.

Does the form work on mobile devices?

Yes! All forms are fully responsive and work perfectly on phones, tablets, and desktops.