Smooth Form Submit

The Problem

Page Reloads Hurt UX

Out of the box, Eloqua forms submit via a full page reload - redirecting the user or flashing to a blank page. This disrupts the user experience and feels dated.

In modern lead gen flows, marketers want inline thank-you messages, form fades, and snappy, seamless UX.

But… you still want to use Eloqua’s backend, tracking, and integrations - which means posting to the /e/f2 endpoint as usual.

The Solution

AJAX with Fallback

We use a JavaScript AJAX request to post form data without reloading the page, then swap the form with a thank-you message. This approach:

• Works with Eloqua tracking
• Keeps the user on the same page
• Supports graceful fallback if JS fails
• Is perfect for campaign landing pages that convert better with no interruptions

This solution is scalable across multiple countries using a standard library like intl-tel-input, or simple logic per country.

How to do it

AJAX Submit an Eloqua Form

1. Form HTML

This is the form structure we’re using:

2. Add a Thank-You Placeholder Below the Form

3. JavaScript AJAX Handler

This setup mimics native Eloqua form submission, uses your endpoint, and ensures form tracking still works.

Sprint Task Breakdown

Sprint Item: Convert Eloqua form to AJAX submission with inline thank-you

Subtasks:

• Insert base form HTML
• Add thank-you message container
• Implement AJAX JavaScript
• Test submission and tracking
• QA fallback and error handling

Level of Effort

Estimated Time

Task	Time Estimate
Add form and thank-you HTML	30 mins
Write AJAX handler JavaScript	1 hour
Test against Eloqua endpoint	30 mins
QA across browsers/devices	1 hour
Total Estimated Effort	3 hours

Why Use Pl8ypus

Seamless UX. Full Tracking.

Pl8ypus ensures your forms look modern, submit fast, and still feed into Eloqua’s CRM logic and campaign workflows. We wrap our forms in AJAX magic so you get better UX without breaking your backend.