Skip to main content

How to Customise a Submission Form

Here are the steps to customise a submission form

Oz Osbaldeston avatar
Written by Oz Osbaldeston
Updated over a month ago

After adding the correct fields, customising your submission form is a great way to align it with your brand’s identity and ensure a professional appearance. You can add headers, choose themes, and modify colours to create a seamless experience for users. Follow these steps to customise your submission form:

How to Customise a Submission Form

  1. Navigate to Projects in your Organisation Settings or dashboard.

  2. Select the project you want to customise.

  3. Click on the Submission Forms.

Add a Header Image

Follow these instructions if you'd like to add a header image that appears at the top of a form.

Customise the Theme

  1. Adjust the following elements to match your website or brand:

    • Accent Colour: The primary highlight colour for buttons and links.

    • Font Colour: The colour of the text used throughout the form.

    • Background Colour: The overall background colour of the form.

  2. Use the colour picker or input specific HEX codes for precise customisation.

Background Image

  1. Select a background image. For the best results, select a portrait image as this will mimic the dimensions of your form.

  2. Choose the Background Size, whether the image repeats and the position of the image.

Edit the Image

There's the option to make edit to the background size, position and the opacity.

Preview the Design

  1. When all changes have been made, hit the Publish changes option to update the form to the latest version. Copy the link to view the form and sense-check the design to ensure it aligns with your brand and provides a clear, user-friendly experience.

Save and Publish

Make the form available to submit by adjusting its visibility from Draft to either Private, or Public as needed.

Final Tips

  • Maintain Consistency: Use colours and fonts that are consistent with your website or other branding materials.

  • Test Accessibility: Ensure that text and background colours provide enough contrast for readability.

  • Update Periodically: Refresh the design to match any updates to your branding or seasonal themes.

Did this answer your question?