Skip to main content

Building the Registration Form

Default Section & Icons functions 

Form Designer

WelcomeTo tostart ourcreating Form Designer, your all-in-one tool for craftingthe registration formsform, with 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 overnavigate to the Registration tabtab. Then, within the Content section on the secondary menu, click ‘Form Builder’.

Reg - Default 1.png

On this page, you will see the Basic Information section. This is a default section that enables the registrant to add their email, first and divelast intonames. 

You can add additional fields to a section by clicking on the management‘+’ menu.icon. ClickTo onlearn 'Form Designer - Beta'how to unleash the power of our interactive editor.

Once inside the Form Designer select the 'Launch form editor' button and you'll findadd a sleek preview of yournew registration form.field, Needclick tohere. tweakYou thecan layoutalso oradd previewmore it for different groups? No problem. Utilize the dropdown menus at the top right to tailor your view preciselysections to your needs.

form,

Navigateby 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 panelclicking on the right.'Create Nonew guesswork,section' justbutton seamlessas design.shown below.

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

[INSERT

You SCREENSHOT/DEMOcan HERE]

also

Formdelete Taba Overview:

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

Adding new fields to this section is a breeze – just click the '+' icon. And if you need to bid farewell to a section, simply clickclicking on the ‘Bin’ icon. NeedIf you want to tweakedit the section details ofclick aon section? Thethe ‘Pencil’ iconicon.6. is  your go-to for quick edits.

CuriousWhen about adding a new registration 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 ofediting the 'Create new section' button.

Ready to unleash the full potential of your registration form? Let's dive in!


[PLACE HOLDER INSERT SCREEN SHOT]

When fine-tuning your section, you'reyou incan control. Editedit the Section Title and Iconthe toIcon, ensureadd clarityPeople and cohesion within your form. Want to tailor visibility? Add a 'Group'Group to restrict accessthe visibility of this field to specific people groups, ensuringas informationwell isas shared selectively. And for added context, enrich your section withadd a description.
description

to
[PLACEthe HOLDERsection.

INSERT

Reg - Default 3.png

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

within

There are different options of field types you can add to the Form

registration 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.
  7. Ordered

Reg - Field types.png

Multi Select field - A multi select that

In the userfollowing cansection re-orderof tothis rankguide, options.you

  • Imagewill Uploadsee -all Allowsthe usersconfigurations tofor uploadall imagesthese anddifferent optionallyfields. mapHowever, tothere may be some overlaps in their profile picture (authenticated registrations only).
    • functionality.

    [PLACE HOLDER INSERT SCREEN SHOT]

    Field
    Text Configuration
    field

    When you select athis field,option, 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 customizecustomise 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. 


    Checkbox field

    Header

    The Tabnext Overview:

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

    WithinIt 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, elevateyou yourcan registrationmake form'sthe allureMulti bySelect uploadingfield 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 configuringthe captivatingmaximum headeras content5 alignedand 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 yourthe brand.Multi FromSelect field configuration, click ‘Submit’.


    Ordered Multi Select field

    The next field is the strikingOrdered PageMulti TitleSelect and it is identical to the engagingMulti IntroductorySelect Textfield, and Logo,it everyalso elementallows isuser atto 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 fingertips.options Plus,and enjoyallows the flexibility of toggling specific content on or offusers to alignmake withtheir yourselections designand preferencesrank seamlessly.them according to their preference. 

    OnceWhen you'veyou curatedselect yourthis content,option, customizeyou towill yourbe 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 headerpresented with the idealconfiguration 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]dialog.

    Page

    On Tabthis 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 whatdialog, you can do:see the same four tabs as you would from other field types, and they are:

    1. Layout

      1. Setup Configuration:– TailorWhere you add the layoutlabel 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 fitmake yourthis visionfield perfectly.a Whethermandatory 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 prefercan also add the user to a classic design of a single pagesession, or a moderngroup twist,based theon choicetheir isanswer. yours.

        Please refer here for explanations of how to configure this tab.
      4. Visibility

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

      5. 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 youYou can do:

      customise

      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 eachthis tab to perfectionconfigure when to show and hide this current field, based on the preview panel reflects your vision flawlessly, it'user’s timeresponse to sealother fields, as well as add People Group to restrict the deal.visibility Simplyof 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 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.

    ‘Submit’.

    Back to top