WordPress Dev Needed to Replace Iframe with Fully‑Branded Lead Form (HTML + JS + PHP Proxy)

---

---

The Situation Site: https://sunrisemaids.com and https://austinsmaidservice.com Current page (iframe): /book-online-temp/ Target look: /book-online/ (our fully‑branded booking wizard) so the design is already done Platform: WordPress 6.x on a child theme Goal: Remove MaidCentral’s stock iframe and replace it with a custom HTML form (likely gravity forms) that Matches our branding & layout, and POSTS lead data to MaidCentral via their Lead Form POST endpoint, using a small PHP relay to bypass CORS. Exact Deliverables Front‑end form (lead-form.html) – fields: company_code (hidden), firstname, lastname, email, phone, postalcode. Client JS (lead-form.js) – collects FormData, calls mc-proxy.php, and on success redirects the user to MaidCentral’s booking wizard with the same query‑string to skip step 1. Server relay (mc-proxy.php) – WordPress‑friendly wp_remote_post() that forwards the form to https://app.maidcentral.com/lead-form-post, returns response code and body. functions.php patch – adds a rewrite rule so /mc-proxy.php is reachable at the site root. Styling – mirror /book‑online/ using our existing Tailwind classes (or vanilla CSS if you prefer). QA checklist Desktop + mobile views render identically to /book‑online/. Successful submissions appear in MaidCentral › Leads. Redirect lands on MaidCentral wizard with first page pre‑filled. Graceful error message on network/API failure. README.md – 1‑page deployment notes. Required Tech Stack / Skills WordPress child‑theme development PHP (esp. wp_remote_post, nonce/CORS basics) Vanilla JavaScript (fetch API, form validation) HTML5 & responsive CSS (Tailwind familiarity ideal) REST/HTTP debugging, browser DevTools Git (commit the /mc-custom-form/ folder and modified functions.php) Timeline We’d like this live on production asap. Scope & Estimated Effort Phase Hours (est.) x 2 for each form Build & style form 2–3 JS + redirect logic 1 PHP proxy 1 QA & tweaks 1–2 Total 5–7 hrs MaidCentral documentation PDF: https://support.maidcentral.com/docs/lead-form-post So I know you actually took the time to read the job description and are comfortable with executing it please start any response to this job post with the keyword pineapple. Thanks!

Keyword: JavaScript

Price: $60.0

JavaScript Web Development WordPress PHP HTML5 Git