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.
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.