Build form builder and embed system for payment collection

[Smartdevs17]

Description

Create a drag-and-drop form builder that merchants can use to build custom payment collection forms and embed them via iframe on any website. Adds a new acquisition channel.

Acceptance Criteria

• Visual form builder with field types (text, select, file upload, payment)
• Form embedding via iframe snippet with customizable styling
• Payment collection integration within forms
• Form analytics (views, submissions, conversion rate)
• Draft saving and version management
• Response data export (CSV, JSON)

Technical Scope

• frontend/components/forms/FormBuilder.tsx
• frontend/components/forms/FormRenderer.tsx
• frontend/components/forms/FormEmbed.tsx
• backend/src/services/forms.ts
• backend/src/routes/forms.ts
• Edge: XSS prevention in rendered forms, iframe sandboxing, large file uploads

[Caritajoe18]

@Caritajoe18 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello @Smartdevs17
I would love to take on this issue to build out the drag-and-drop form builder. As a developer proficient in React and TypeScript, I have the exact frontend and state management experience needed to build a seamless, highly interactive visual builder with complex field types like file uploads and inline payment collection.
Kindly assign to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Caritajoe18 to this issue.

[vjuliaife]

@vjuliaife has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi, I would like to resolve this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @vjuliaife to this issue.

[drips-wave]

Congratulations, @vjuliaife! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @vjuliaife: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊