Skip to main content

Building the Registration Form with Form Designer - Legacy

Default


Section

Form & Icons functions 

Designer

ToWelcome startto creatingour theForm Designer, your all-in-one tool for crafting registration form,forms navigatewith ease. Say goodbye to toggling between editor tabs – now you can design your form and questions seamlessly within one intuitive interface.

Ready to get started? Simply head over to the Registration tab.tab Then,and withindive into the Contentmanagement sectionmenu. Click on 'Form Designer - Beta' to unleash the power of our interactive editor.

Once inside the Form Designer select the 'Launch form editor' button and you'll find a sleek preview of your registration form. Need to tweak the layout or preview it for different groups? No problem. Utilize the dropdown menus at the top right to tailor your view precisely to your needs.

Navigate through tabs like 'Form', 'Header', 'Page', 'Text', and 'Messages' to access a plethora of customization options. From shaping the form's layout to infusing your brand's identity into every aspect, the controls you need are at your fingertips.

And here's the best part – every change you make is instantly reflected in the real-time preview panel on the secondaryright. menu,No clickguesswork, ‘Formjust Builder’.
seamless design.

Reg - Default 1.pngSo, what are you waiting for? Let your creativity flow and watch your registration form come to life effortlessly.

[INSERT SCREENSHOT/DEMO HERE]

Form Tab Overview:

In the Form tab, you wield the power to shape your registration form exactly as you envision it. We've streamlined the process by auto-generating a basic information section, complete with fields for Email, First Name, and Last Name, so you can hit the ground running.

OnAdding new fields to this page, you will see the Basic Information section. Thissection is a defaultbreeze section– thatjust enablesclick the registrant'+' icon. And if you need to addbid their email, first and last names. 

You can add additional fieldsfarewell to a sectionsection, bysimply clickingclick on the ‘+’Bin’ icon. To learn howNeed to addtweak the details of a section? The ‘Pencil’ icon is your go-to for quick edits.

Curious about adding a new registration field,field? Click here to discover our array of options.

But wait, there's more! Feel free to expand your form's horizons by creating new sections with a simple click here. You can also add more sections to your form, by clicking onof the 'Create new section' button as shown below.
button.

Reg - Default 2.png

Ready

Youto can also delete a section by clicking onunleash the ‘Bin’full icon.potential Ifof youyour wantregistration toform? editLet's thedive section details click on the ‘Pencil’ icon.6.   in!


[PLACE HOLDER INSERT SCREEN SHOT]

When editingfine-tuning theyour section, youyou're canin editcontrol. Edit the Section Title and theIcon Icon,to addensure Peopleclarity Groupand cohesion within your form. Want to tailor visibility? Add a 'Group' to restrict the visibility of this fieldaccess to specific people groups, asensuring wellinformation asis addshared selectively. And for added context, enrich your section with a descriptiondescription.
to

the
[PLACE section.

HOLDER

Reg - Default 3.png

INSERT

SCREEN SHOT]


If you click on the ‘v’ icon, the section will expand and display the list of fields you have added for that section. To edit the field, click on the ‘Pencil’ icon. You can also move the field into another section by clicking on the ‘Double Arrows’.

Reg - Default 6.png


[PLACE HOLDER INSERT SCREEN SHOT]

Finally, to re-order the field or the section, click, hold, and drag the field or section.

Reg - Default 7.png


Field Options

There are different options of field types you can add towithin the registrationForm


form,
and they are:

  1. Text field – This is a simple one-line text field which is appropriate for small responses.
  2.  Checkbox field – This field can be used for simple yes or no questions.
  3. Dropdown field – This field is useful to present users with a long list of predefined options.
  4. Rich Text field – This field will allow users to write longer content with rich text editing options.
  5. Radio field – This field is useful to present users with a short list of defined options. 
  6. Multi-selectSelect field – Similar to the checkbox, but allows users to select multiple options from a predefined list.

Reg - Field types.png

  • Ordered

    InMulti Select field - A multi select that the followinguser sectioncan ofre-order thisto guide,rank youoptions.

    • will
  • Image seeUpload all- theAllows configurationsusers forto allupload theseimages differentand fields.optionally However,map there may be some overlaps into their functionality.profile picture (authenticated registrations only).

    • [PLACE HOLDER INSERT SCREEN SHOT]


    Field
    Text field
    Configuration

    When you select thisa option,field, you will be presented with the configuration dialog.

    On this dialog, you will see four tabs, and they are:

    1. Setup – Where you add the label name for the field and an optional short description.
    2. Validation – You can opt to make this field mandatory or optional and set the maximum and minimum length of the text the users can enter.
    3. Connect – You can map the current field to either the Profile or a Custom field in CrowdComms.

      Please remember that if you want to connect the response in the form to a custom field, you must first add the custom field in the People’s profileProfile setting. 

    4. Visibility – You can customisecustomize this tab to configure when to show or hide this current field based on the user’s response to other fields, as well as add a People Group to restrict the visibility of this field to specific people groups. Please refer here for explanations of how to configure this tab.

     Once you’re happy with the text field configuration, click ‘Submit’.


    Visibility (All fields)

    i.    There are a few ways to use this Visibility configuration. The simplest one is if you want to show or hide the current field based on the user’s response to a previous field, as well as add People Group to restrict the visibility of this field to specific people groups.

    ii.    For example, you can decide to show or hide a checkbox question based on the answer provided in the previous field(s) of the registration form.

    iii.    Say you want to ask a follow-up question, ‘Do you ride to work?’ to users who have responded Yes to having a bicycle. You can add a configuration for the current field to only appear for those users who have answered Yes. And not to appear for users who answered No.

    iv.    You can also configure the current field to check multiple other previous fields before it shows/hides the current field based on the user’s responses. 

    v.    As an example, if your current field asks the users if they ride to work, you may want to check if your users have answered True in some of the other previous fields, such as, if they ‘Own a bicycle’ or if they ‘Work from an office’.

    vi.    If you want the current field to only show if the users have answered all of the relevant questions with True, then select ‘When all the following are true’ from the Select Logic dropdown.

    vii.    But, if you want at least one of the relevant fields to have been answered True, then select ‘When some of the following are true’ from Select logic the dropdown options.

    viii.    You don’t need to create the opposite response configuration, i.e. ‘Hide this field’ if the users responded to not having a bicycle.

    ix.    On Select Logic, there are 2 options available. If you have one or multiple fields you want to check for this configuration, select ‘When all the following are true’. 

    x.    For this logic, the system will look for all the relevant fields you’ve configured and check that the users have answered True on all of them.

    xi.    The other option is if you have multiple fields and you want the system to check that your users have answered ‘Yes’ to at least one of them, select ‘When some of the following are true’ from the dropdown option. 

    xii.    What this will do is, if you have 2 questions which you have configured with this current field, the system will look at whether at least one of the answers is True, and if so, the current field will appear to the user. 

    xiii.    The next step is to add the visibility Conditions. On this table you will need to add all the field(s) you want the configurations to check. 

    xiv.    Click on the ‘+ Add’ button and another dialog will appear. You must ensure that the field already exists in the registration form. 

    xv.    On the dialog, select the Field, Comparison and/or the Value. Please note that depending on the field type, some of the dropdowns may not be applicable to the configuration. Such as for the Text Field type, you won’t need to add the Value.

    xvi.    If you want to add more fields to the current field’s configuration, repeat steps ix – xii. 


    Header Tab Overview:

    Within this tab, elevate your registration form's allure by uploading and configuring captivating header content aligned with your brand. From the striking Page Title to the engaging Introductory Text and Logo, every element is at your fingertips. Plus, enjoy the flexibility of toggling specific content on or off to align with your design preferences seamlessly.

    Once you've curated your content, customize to your heart's content, adjusting parameters such as:

    1. Logo Width: Set the perfect dimensions to ensure your logo shines.
    2. Header Text Color: Infuse your header with the ideal hue to captivate registrants.
    3. Toggle Form Title: Decide whether to showcase the Form Title, and effortlessly control its Font size and weight.
    4. Toggle Form Description: Choose to display the Form Description, and wield control over its Font size and weight.
    5. Header Content Spacing and Alignment: Perfect the visual harmony by adjusting spacing and alignment to suit your aesthetic.

    [PLACE HOLDER INSERT SCREEN SHOT]

    Page Tab Overview:

    In the Page tab, you wield the reins to sculpt the layout of your registration form into a seamless journey for your users. Here's what you can do:

    1. Layout Configuration: Tailor the layout to fit your vision perfectly. Whether you prefer a classic design of a single page or a modern twist, the choice is yours.

    2. Background Images: Elevate the visual appeal by applying captivating background images. Set the tone and immerse users in an engaging registration experience.

    3. Additional Elements: Enhance user navigation with features like Display Breadcrumbs. Empower users to track their progress effortlessly through the registration process, ensuring they're always in the loop. Plus, unlock the potential of summary pages to provide a snapshot of their registration details, simplifying the process and instilling confidence.

    [PLACE HOLDER INSERT SCREEN SHOT]

    Text Tab Overview:

    In the Text tab,  align your form seamlessly with your event's branding. Here's what you can do:

    1. Font Customization: Choose fonts that resonate with your event's vibe, ensuring every word reflects your brand's identity.

    2. Color Customization: Infuse your form with a splash of personality by selecting colors that resonate with your event's theme. Whether you're aiming for bold and vibrant or sleek and sophisticated, the choice is yours.

    3. Contrast Optimization: Tailor text to stand out on both light and dark backgrounds, ensuring readability and visual appeal across all devices and environments.

    [PLACE HOLDER INSERT SCREEN SHOT]

    Messages Tab Overview

    In the Messages tab, wield the power to craft compelling messages that guide attendees seamlessly through the registration journey. Here's what you can do:

    1. Edit and Format Messaging: Tailor messages to resonate with your audience, ensuring clarity and engagement every step of the way. Whether it's a confirmation message or an email verification prompt, make every interaction count.

    2. Personalization: Infuse messages with a personal touch to foster a sense of connection with your attendees. Customize content to reflect your brand's tone and values, leaving a lasting impression.

    3. Formatting Options: Elevate the presentation of your messages with formatting options such as font styles, colors, and layout. Ensure consistency with your event's branding while enhancing readability and visual appeal.

    With the Messages tab, transform mundane notifications into memorable interactions, enriching the registration experience for your attendees from start to finish.

    [PLACE HOLDER INSERT SCREEN SHOT]

    Advanced Tab Overview:

    TBC

    [PLACE HOLDER INSERT SCREEN SHOT]

    Once you've effortlessly fine-tuned each tab to perfection and the preview panel reflects your vision flawlessly, it's time to seal the deal. Simply click the 'Save Changes' button to apply your edits. With one swift click, your masterpiece comes to life, ready to captivate attendees and elevate your event experience to new heights.


    Checkbox field

    The next field that you can choose is the Checkbox field. Use this field if you want to ask a simple yes or no question.

    It is best to write your question in the form of a statement, such as ‘I need accommodation’. 

    When you select this option, you will be presented with the configuration dialog.

    On this dialog, you can see four tabs:

    1. Setup – Where you add the label name for the field and an optional short description.
    2. Validation – You can opt to make this field mandatory or optional.
    3. Connect – You can map the current field to either the Profile or the Custom field in the CrowdComms People’s list. In addition, you can also add the user to a session or a group based on their answer. Further explanation on how to configure this field can be found below.
    4. Visibility – You can customise this tab to configure when to show or hide this current field based on the user’s response to other fields, as well as add People Group to restrict the visibility of this field to specific people groups. Please refer here for explanations of how to configure this tab.
    Connect (Checkbox field)

    i.    There are a few ways to configure the Connect tab. The straightforward way is to map the current field to either the Profile or the Custom field in CrowdComms People’s list.

    ii.    For example, if add in the form for users to respond ‘I own a bicycle’ you can then map their answer to a custom field on the People’s profile, provided that you have already created this field before setting up this configuration. 

    iii.    Another way to configure the Connect tab is by using the Conditional Mapping option. 

    iv.    You should opt for Conditional Mapping if you want to add users to a session or a group, based on their answers.

    Please note that if you want to conditionally map the users to a session or a group, you must first create the sessions in the Agenda module, or the groups in the People’s library. 

    v.    For example, if added in the form for users to respond, ‘I own a bicycle’. Depending on their answers, if they select true, you could conditionally map them to a group called ‘Cyclists’ and add them to the ‘Bike Maintenance’ session.

    Once you’re happy with the checkbox field configuration, click ‘Submit’.


    Dropdown field

    This next field is probably the most popular user interface available, the Dropdown field.

    You will want to use this field if you want to present the users with a long list of predefined options. For example, asking users for their nationality in the registration form.

    When you select this option, you will be presented with the configuration dialog.

    On this dialog, you can see four tabs:

    1. Setup – Where you add the label name for the field and an optional short description. As well as a list of choices which will appear on the dropdown options.
    2. Validation – You can opt to make this field mandatory or optional.
    3. Connect – You can map the current field to either the Profile or the Custom field in the CrowdComms People’s list. In addition, you can also add the user to a session or a group based on their answer. Please refer here for explanations of how to configure this tab.
    4. Visibility – You can customise this tab to configure when to show and hide this current field, based on the user’s response to other fields, as well as add People Group to restrict the visibility of this field to specific people groups. Please refer here for explanations of how to configure this tab.

    Once you’re happy with the dropdown field configuration, click ‘Submit’.


    Rich Text field

    The next field is similar to the text field but allows the user to add longer text and personalise the text using the rich text editor options within their response. 

    This Rich Text field type will enable the users to customise their answers, for example, you can opt for this type to ask the user to write a bio about themselves.

    Users will be able to add bullet points, change the text colour or the text size, add hyperlinks to an external site and many others.  

    When you select this option, you will be presented with the configuration dialog.

    On this dialog you can see the same four tabs as you would from the other field types:

    1. Setup – Where you add the label name for the field and an optional short description.
    2. Validation – You can opt to make this field mandatory or optional.
    3. Connect – You can map the current field to either the Profile or the Custom field in the CrowdComms People’s list.
    4. Visibility – You can customise this tab to configure when to show and hide this current field, based on the user’s response to other fields, as well as add People Group to restrict the visibility of this field to specific people groups. Please refer here for explanations of how to configure this tab.

    Once you’re happy with the rich text field configuration, click ‘Submit’.


    Radio field

    The next field is the Radio field. 

    Like the dropdown field, this field is ideal for presenting users with a list of predefined options. 

    However, instead of a long list of options, you will want to keep the list to short options if you opt for this field. For example, if you want to ask the users their gender, you may want to use the Radio field. On the other hand, if you want to ask for their nationality, it is better to use the Dropdown field. 

    When you select this option, you will be presented with the configuration dialog.

    On this dialog, you can see the same four tabs as you would from other field types, and they are:

    1. Setup – Where you add the label name for the field and an optional short description. As well as a list of choices which will appear on the radio options.
    2. Validation – You can opt to make this field mandatory or optional.
    3. Connect – You can map the current field to either the Profile or the Custom field in the CrowdComms People’s list. In addition, you can also add the user to a session, or a group based on their answer. Please refer here for explanations of how to configure this tab.
    4. Visibility – You can customise this tab to configure when to show and hide this current field, based on the user’s response to other fields, as well as add People Group to restrict the visibility of this field to specific people groups. Please refer here for explanations of how to configure this tab.

    Once you’re happy with the radio field configuration, click ‘Submit’.


    Multi Select field

    The next field is the Multi Select field. 

    This field combines the features of the Checkbox and Radio fields in one.

    Say you want the users to pick three of their favourite speakers, you will want to use this field type to present your options.

    The users can then make their selections by checking the relevant checkboxes.

    When you select this option, you will be presented with the configuration dialog.

    On this dialog, you can see the same four tabs as you would from other field types, and they are:

    1. Setup – Where you add the label name for the field and an optional short description. As well as a list of choices which will appear on the multi select options.
    2. Validation – You can opt to make this field a mandatory or an optional one as well as set the maximum and minimum selections the users are allowed to pick from the list of options. Further explanation on how to configure this field can be found below.
    3. Connect – You can map the current field to either the Profile or the Custom field in the CrowdComms People’s list. In addition, you can also add the user to a session, or a group based on their answer. Please refer here for explanations of how to configure this tab.
    4. Visibility – You can customise this tab to configure when to show and hide this current field, based on the user’s response to other fields , as well as add People Group to restrict the visibility of this field to specific people groups. Please refer here for explanations of how to configure this tab.
    Validation (Multi Select field)

    i.    On this tab, you can make the Multi Select field either required or optional. At the same time, configure how many maximum or minimum selections users are allowed to make.
    ii.    So, if you set the minimum selection as 2 and the maximum as 5 and made the field a required one, the user must select a minimum of 2 from the list of options. 
    iii.    However, if you opt to make the field a required one, you cannot choose 0 on either the maximum or the minimum field. 

    Once you’re happy with the Multi Select field configuration, click ‘Submit’.


    Ordered Multi Select field

    The next field is the Ordered Multi Select and it is identical to the Multi Select field, and it also allows user to rank their selections.

    Say you want the users to pick three of their favourite speakers and rank them from the most favourite to their least favourite, you will want to use this field type to present your options and allows the users to make their selections and rank them according to their preference. 

    When you select this option, you will be presented with the configuration dialog.

    On this dialog, you can see the same four tabs as you would from other field types, and they are:

      1. Setup – Where you add the label name for the field and an optional short description. As well as a list of choices which will appear on the multi select options.
      2. Validation – You can opt to make this field a mandatory or an optional one as well as set the maximum and minimum selections the users are allowed to pick from the list of options. Please refer here for explanations of how to configure this tab.
      3. Connect – You can map the current field to either the Profile or the Custom field in the CrowdComms People’s list. In addition, you can also add the user to a session, or a group based on their answer. Please refer here for explanations of how to configure this tab.
      4. Visibility – You can customise this tab to configure when to show and hide this current field, based on the user’s response to other fields, as well as add People Group to restrict the visibility of this field to specific people groups. Please refer here for explanations of how to configure this tab.

    Once you’re happy with the Ordered Multi Select field configuration, click ‘Submit’.

    Back to top