Online Enquiry Forms - Web Designer Integration Guide

Online Enquiry Forms - Web Designer Integration Guide

🔧 Web Designer Integration Guide – Enquiry Forms

The enquiry forms allow direct submission into Abacus from external websites and direct links.
Alert
To maintain consistency and security all enquiry forms must be integrated following the instructions below. Do not create or use external forms that attempt to submit data into our system. Our internal APIs are subject to change and we do not support using them directly. We do not provide a public API at this time.

Integration Options

We support two methods for using our enquiry forms:

1. Embedded via iFrame (Recommended for seamless website integration)

Use the following format to embed the form into your website:

Quote<iframe 
  src="https://parentaforms.co.uk/enquiries/submit-enquiry/c60a6a52..." 
  width="100%" 
  height="800" 
  style="border: none;">
</iframe>

  • This code is subject to change, please refer to this guide to get the latest embed code for your specific form.

  • You can adjust the height value (height="800") on the iframe tag to suit your layout needs, custom styling can affect form height so this make sure to check for this.

2. Direct Link to the Form

If you'd prefer not to embed the form, you can simply link directly to it:

  • This link will open the form in a new browser tab or window.

  • Use this method when embedding is not practical or necessary.

Customising the form styling

Copy the link from the public enquiry form page for the specific nursery, the nursery can provide this to you. See this guide on how to get to this page as a user.


In the browser address bar add the query parameter editor=true to the specific public form link.
Quote
https://parentaforms.co.uk/enquiries/submit-enquiry/c9992-0e8f2945b42f...?editor=true
You will now see the editor interface for web designers
Notes
Please note: this editor is subject to change and is a beta feature. It may behave unexpectedly so make sure to backup your CSS as you work on it.

Click Reset to template to see the template, which contains most classes that can be customised. The template has some CSS variables included for easy editing, however these do not have to be used if you prefer.

CSS Guidelines

  1. Do not attempt to style any element that does not have the "custom" class.
  2. Do not attempt to import external stylesheets, while this may work in the editor, we do not support this and will not accept any CSS file that includes this.
  3. Do not reference external resources or media, except for low resolution (less than approx ~1080p) images or other graphics. Any graphics should be optimised. (beta)
  4. Do not use CSS to attempt to alter the functionality of the form beyond the appearance.
  5. Do not hide error messages. Error messages can still be styled.

Submitting the CSS

Info
Make sure to review your CSS with the editor hidden to make sure it works as expected.
Once complete, click Download CSS File and forward it to the setting/contact for them to forward it to us either by email or by raising a ticket. We will not accept CSS files emailed directly from third parties for security reasons.

Custom fields (beta)

We have the ability by request to add custom fields to a specific enquiry form per setting, please raise a helpdesk ticket with the specific fields you would like to add. These will be appended to the "Notes" field inside the enquiry screen after submission.
Currently we only support single line text box custom fields.

    • Related Articles

    • Online Enquiry Forms

      To create an online enquiry form, do the following: Click on the Families button and select 'Enquiries': 2. Click 'Online Enquiry Forms' button. 3. The 'Public Enquiry Forms' page is where you see your enquiry forms. These can be used directly, or ...

    • Parent Direct Debit Setup Guide

      Parenta Pay With Parenta Pay, you can easily set up Direct Debit payments directly through the Parent Portal app, so you no longer need to remember to make payments manually. Parenta Pay is powered by Stripe, a secure online payment gateway that ...

    • Introduction to Parenta Pay

      Parenta Pay: Streamline Your Nursery's Payment Process with Ease Parenta Pay simplifies and enhances the payment process for both settings and parents. By integrating Stripe payment gateway into our applications, Parenta Pay offers a seamless, ...

    • Getting Started

      To setup Parenta Pay, please do the following: 1. Login to Portal as an Admin user, navigate to Administration > Parenta Pay and click 'Get started'. 2. Ensure you have your company information, bank account details and click 'Proceed to Stripe ...

    • Collecting Payments

      To collect payments for outstanding balances, please do the following: Within Portal > Parenta Pay, click the Collect page. Here you can see each child you can and cannot collect payments from. Filter list by collection status You can filter by ...