Custom forms give the ability to create any form to be submitted to Homeflow. These are set up in your logos admin panel by clicking the “forms” sidebar item. More information on Logos here.
Here is an example of how a custom form can be rendered with liquid:
Fields first_name, last_name and email are required fields on all custom forms.
Note that you will require the form ID to be passed and the redirect_url for the page on completion of the form submission.
If you have no access to the liquid theme then you can include a custom form by first creating a theme content chunk with the form code as one would in the theme, then create a page in pages that calls the content chunk, like so,
And viola, you’ll have your custom form!
Once logged into Logos, navigate to “Forms” from the sidebar menu. You can now add new forms with the “new form” button or edit any existing forms that might already exist.
In the form edit page you will note the “form elements” tab. This is used to define all the form elements for a form. You can add as many form elements as you wish, and we cater for almost all combinations of elements. If you think we have missed any elements please drop us a line!
Some form elements such as dropdown’s can accept multiple values. You can define these with tab separation in the field options for that element. e.g. ‘TV|Radio|Internet’
We also allow file upload elements for custom forms (foolish perhaps?). These can be defined by picking an input with type “file” in the form fields section for a form in Logos.
For custom forms with attachments you will need to add enctype=”multipart/form-data” to the form tag like so:
You can create form bookings using the custom forms field options. For example;
Here is an example of a formatted custom form.
If you would like to use this form please refer to the code linked Here.
Once the text has been copied and pasted into a new content_block named “contact_us_form”, It can then be called in the source code of the required page.
Remember to change the value of the first input to the custom form ID number that is generated when the form is created in logos(i.e 289), and to change the second inputs value to the necessary Url (i.e /test).
To change any of the forms styles simply add a class to the parent element and add the prefered styles within the pages custom css.