This guide will help you embed the Chariot web form into your website. You can choose between a short form for quick integration or a long form for more detailed customization.
Short Form Instructions
To quickly embed the Chariot web form using an iframe, follow these steps:
1. Add an iframe code to your webpage. Here's an example:
<iframe style="width:100%; height:100%; border:0" loading="lazy" src="https://companyname.chariotmove.com/customer/quote?short_form=true"> </iframe>
Note: You'll need to replace 'company name' with your Chariot short name, which appears in the Chariot URL.
2. Adjust the styling (height, width, borders, etc.) to match your website's design. We recommend placing the form in a container that is 450 pixels wide by 720 pixels tall. The maximum recommended width is 650 pixels.
3. Check the appearance on both desktop and mobile devices to ensure a good user experience.
Long Form Instructions
You have two options for integrating the Chariot web form:
Option 1: Link to the Quote Form
1. Add buttons or links on your website that open the Chariot-hosted form in a new tab.
2. Use this URL for the form: https://companyname.chariotmove.com/customer/quote
Option 2: Embed the Quote Form
1. Add a sample iframe code to your webpage for a full-screen display:
<iframe style="width:100%; height:100%; border:0" loading="lazy" src="https://companyname.chariotmove.com/customer/quote"> </iframe>
Note: You'll need to replace 'companyname' with your Chariot short name, which appears in the Chariot URL.
2. Customize the styling to fit your website's design. Decide whether you prefer a full-screen or partial-screen display, considering the user experience on both mobile and desktop devices.
3. Ensure the form integrates smoothly and looks good on all devices by sharing these guidelines with your web developer.
Breakpoints and View Modes
• Mobile View: Width below 600 pixels.
• Tablet View: Width between 600 and 900 pixels.
• Desktop View: Width above 900 pixels.
The content remains the same, but the layout adjusts to best fit the screen width.
Web Form Configuration Options
You can customize what appears on your web form from Settings > General > Web Form Configuration. Two options were added in 2026:
Free-text move details field (Short Form)
As of January 2026, the Short Form includes an optional free-text field on the second page. Customers can use it to describe their move in their own words — things like special items, access challenges, or timing preferences. Anything they enter will appear under General notes (visible to crew) on the lead or job's Intake tab.
This field is on by default. If you'd prefer not to show it, you can disable it from Settings > General > Web Form Configuration.
Hiding Packing and Storage services
As of May 2026, you can control whether Packing and Storage service options appear on your web form. If your company doesn't offer these services — or you'd rather not surface them at the quote stage — you can turn them off from Settings > General > Web Form Configuration.
Conclusion
By following these instructions, you can seamlessly integrate the Chariot web form into your website, providing a consistent and user-friendly experience across different devices.
If you have any questions or need further assistance, please reach out to our support team.