Add a “Get a quote” form
to any website
One snippet of HTML. Leads arrive in your Trade2Base dashboard in real time. No plugins, no monthly fees, no developer needed.
How it works
Get your embed URL
Your portal is already live at trade2base.com/portal/YOUR-ID. Find it in Settings → Customer Portal → Embed code.
Add the snippet
Copy the HTML snippet below and paste it anywhere on your website — a button, a section, or a dedicated 'Get a quote' page.
Customise the button
Change the button text, colour, and size using data attributes. No code knowledge required — it just works.
Watch leads come in
Every form submission lands in your Trade2Base Job Requests inbox in real time, ready to convert to a quote in one click.
Embed snippets
<!-- Trade2Base: Get a Quote button -->
<script src="https://trade2base.com/embed.js"
data-form-id="YOUR-PORTAL-ID"
data-button-text="Get a free quote"
data-button-color="#2563EB"
data-button-radius="12px">
</script><!-- Trade2Base: Inline job request form -->
<iframe
src="https://trade2base.com/portal/YOUR-PORTAL-ID?embed=1"
width="100%"
height="700"
frameborder="0"
title="Get a quote - Trade2Base"
style="border-radius: 16px; border: 1px solid #e2e8f0;">
</iframe>// React / Next.js component
import { useEffect } from "react";
const APP_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://www.trade2base.com";
export function Trade2BaseForm({ portalId }: { portalId: string }) {
useEffect(() => {
const s = document.createElement("script");
s.src = "https://trade2base.com/embed.js";
s.dataset.formId = portalId;
s.dataset.buttonText = "Get a free quote";
document.body.appendChild(s);
return () => { document.body.removeChild(s); };
}, [portalId]);
return <div id="tradebase-button" />;
}<!-- WordPress / Elementor: paste in HTML widget -->
<script src="https://trade2base.com/embed.js"
data-form-id="YOUR-PORTAL-ID"
data-button-text="Book a job"
data-button-color="#2563EB">
</script>Customisation options
| Attribute | Example value | Description |
|---|---|---|
| data-button-text | "Get a free quote" | Label on the trigger button |
| data-button-color | "#2563EB" | Background colour (any CSS colour) |
| data-button-radius | "12px" | Corner radius of the button |
| data-button-size | "lg" | sm | md | lg — pre-set sizes |
| data-modal | "true" | Open in a modal (default) or inline |
| data-theme | "light" | light | dark — form theme |
| data-lang | "en" | en | cy | pl — form language |
Works on every platform
What happens when someone submits?
You get a push notification (and optional SMS/WhatsApp) the moment a request comes in.
The job request appears in Trade2Base → Job Requests with all details, photos and urgency.
Hit 'Convert to quote', pick a template, and your quote is ready to send in under 2 minutes.
Looks great on any device
The form is fully responsive and optimised for mobile — where most of your customers will fill it out. It supports photo uploads, urgency selection, and address autocomplete.
- Mobile-first, works on all screen sizes
- Dark and light theme support
- Photo and video upload built in
- Address autocomplete
- Spam protection built in
- GDPR-compliant data handling
Ready to start collecting leads?
Sign up free, get your embed code in 60 seconds, and paste it into your website.