Schools can seamlessly embed inquiry forms into any webpage, including Composer (CMS) and other website content managers, to capture prospective student information directly on their site.
When using an Embed element, the inquiry form features a flat layout, designed to integrate naturally with your website’s aesthetic while maintaining mobile responsiveness.
Step 1: Get the Embed Code
- Navigate to the Inquiry Form under Settings > Forms > Inquiry Forms.
- Locate the Active version of your form (indicated by a green checkmark icon).
- Click the Select dropdown and choose Embed.
Step 2: Add to Your Website
Recommended Method (Embed Element)
Most modern website builders offer an Embed or Code element. For optimal functionality, copy the entire code snippet provided in the Embed modal and paste it into your website’s code element.
Why use the full code instead of a standard iFrame?
- Dynamic Height: The form automatically adjusts its height based on the device (desktop vs. mobile), ensuring no awkward gaps or cut-off content.
- Smart Scrolling: If a user misses a required field, the page will automatically scroll to the error, making the form much easier to complete.
- Responsiveness: The flat design ensures the form looks like a native part of your webpage.
Alternative Method (iFrame)
If your platform requires a traditional iFrame, you can copy the source URL (the link within the src quotes). However, please note the following limitations:
- Fixed Height: You must manually set a height (e.g., height="800px"). Because the form length varies between desktop and mobile, this often results in excessive white space on some screens or internal scrollbars on others.
- Manual Adjustments: You may need to frequently test and adjust the width and height values to ensure the form is usable. We recommend a minimum width of 560px.
Step 3: Customize Look and Feel
By default, the embedded form imports a clean style guide to ensure it renders properly without headers, footers, or background colors from the standalone inquiry page.
To further match your school's branding, you can override these styles by adding custom CSS to your website's stylesheet or the header of the specific page where the form is hosted.
Post-Submit Action/Thank You Page
Once a prospective parent submits the form, the Inquiry Thank You message configured in your settings will appear within the embed area. Customize your Inquiry Thank You template on your Parent Portal Content page.
Comments
0 comments
Article is closed for comments.