Articles in this section
Category / Section

How to Create a Registration Flow for a Virtual Event in Zuddl

Published:
26 mins read
Updated:
Flow builder allows you to tailor your registration style for your event, enabling you to customize each registration step based on your business needs.

Flow builder is only allowed for flex registration style-based events. For registration styles other than Flex registrations, you need to create a registration page. Learn how to create a registration page.

Editing the flow

In the form section, you can add or edit fields on the registration form
  1. Log in to your Zuddl dashboard.
  2. Navigate to Registration > Flow. This redirects you to the flow builder page.


    You enter the flow builder screen in the draft state.

Create a form

  1. In the form section, you can add or edit fields on the registration form. Edit the display name of the standard fields.

    image.png

    You can only edit the display name of the standard registration fields. Other properties cannot be edited.
  2. Click +Add field to add a new standard or custom field.
    1. You can choose from a list of standard fields or create a new custom field (default).

      image.png

    2. Select an option from the Type dropdown to select the data type.
      • Text: for text inputs
      • Email: for inputs in email format
      • Phone number: for inputs in phone number format
      • URL: for inputs in URL format
      • Country: This shows the country list as a dropdown
      • Dropdown: to select input from a list of options. You can add your options in an additional field called ‘Options.’
      • Multiselect: dropdown options with multi-select
      • Number: for inputs in number format
      • Rich Text: for inputs in rich-text format. You can add iFrames in rich text fields.
      • Date: for inputs where a date must be selected.
      • Date time: for inputs where both a date and a time must be selected.
      • Session picker: a dropdown which shows all sessions or session groups in an event. This field cannot be hidden.
        list of field types
        1. Choose a Session group. This is only available if you have created session groups. You can only add one group.
        2. From the Condition to choose sessions dropdown, choose a suitable condition for the session group to be shown to users during add-on selection:
          • Exact number: Allow users to select a fixed number of sessions. Enter a specific number in the Enter a number field. 
          • Range: Allow users to select between a minimum to maximum number of sessions

            • Minimum no. of sessions: Enter a minimum number of sessions a user should/can select. For example, if you specify a minimum of 3 sessions, the user can't proceed with the add-on selection if they didn't select 3 sessions.

        3. Optional. Show session group name in the registration flow. This helps attendees to quickly find the right groups to select. 

        4. Optional. Select the checkboxes for the required session details to be shown during session selection:

          • Session group name

          • Session group description

          • Session description



        5. Edge-case:

          If you wish to use both session picker and add-ons. You must keep few things in mind.


          - If you wish to show same session groups for selection, you can either use session picker or add-ons based on how you wish to offer them (free or charged) as both features have similar functions - capturing attendee's session selections.



          - If you wish to offer different session groups. The selections you make when buying add-ons will be an addition to any selections made on the form. For example, if an attendee selected session 1 & 2 (free sessions) while filling the form and session 3 & 4 when buying add-ons (charged sessions), the particular attendee will have access to session 1, 2, 3, and 4.
    3. Optional. Select the Mandatory checkbox.
    4. Select the Hide field checkbox if you wish to hide this field to people who register for your event. Click Hide on the confirmation prompt message. Click Hide on the confirmation prompt message.


       
      For example, if you wish allocate hotel rooms to attendees for you in-person event, you can do so by allocating rooms internally first by modifying registration details of attendees. Once the bookings are finalized, you use merge tags to communicate the hidden fields information over emails.  
      Mandatory fields cannot be hidden.
      Organizer can modify the field value for people who have already registered. You can also use merge tags to communicate such info
  3. Click +Add logic button to add field condition in your form.

    You cannot add logic to hidden fields
    1. On the Edit logic and conditions modal, select a field from the list. Only those fields appear that come before this field (Food preference in the screenshot below).

      Hidden fields do not appear in this list of fields.
    2. Select a condition. The dropdown list option based on field type (is & is not, all of the & any of the)

    3. Enter the value.

      Learn more on how to create field conditions for your registration page/flow.

  4. Now, in the Button section, rename the button name. Defaults to Continue.

  5. In the same way, you can also add disclaimers to a registration form by clicking the +Add disclaimer button.

    image.png

    Conditional logic on disclaimers
    You can also add conditional on disclaimers by clicking the +Add logic button

  6. After you’ve finished the editing form, close the side pane to view the updated flow diagram.  

image.png

You can rename all forms and delete the additional forms that you created. The form that contains First name, Last name, and Email fields and the Thank you step can’t be deleted.


If a registrant leaves the registration flow after filling up some forms and returns to the flow, the previously completed forms will be automatically saved and you can continue with the next step.
This works only if the registrant fills the form again using same device and the same browser.



Advanced settings

Now you can go to the advanced settings (gear icon) for each field to and field description for standard and custom fields.

You can add Field descriptions and allow it to appear to attendees on the form, and show/hide fields

More about field descriptions
- Field descriptions can have a max char count of 250 and does not apply to rich-text fields and disclaimers.


Ticket selection

  1. The next step is Ticket selection. Click Add tickets. This redirects to the Tickets tab under Registration > Ticketing. Learn how to add Tickets.

    You can also add additional forms in the flow before and after the Ticket selection stage

    image.png

    Note: You can drag and drop the ticketing step to and from the start of the flow.
    Note: You can’t delete the ticketing step in the flow after the ticket sales have started.

Set up an order page

  1. Once you’ve added the tickets, the next step in the flow is to set up your Order page


    After you’ve added a merchant account, the order page step in the flow looks like this:

    image.png


  2. An Order page is where your customers make payments. A merchant account is required to facilitate ticket purchases by attendees using preferred payment methods. Click on Set up merchant account, this takes you to the Merchant account tab under Registration > Ticketing. Learn how to set up a merchant account.

  3. You can also Add disclaimer.

    Note: You can also Rename/Delete the Order page step.

  4. Finally, edit the Success/Thank you page content. You can edit the standard messaging for Page title and the Sub-text to be shown to your attendees.

    image.png

If you accidentally delete the Ticket selection and Order page. You can click on the + button in the connecting lines to add them back. The Order page step can only be added if the Ticket selection step is present.

image.png

This completes the flow setup, and the data flow is auto-saved.

Publishing the flow

Publishing the flow makes it visible to attendees who plan to register for your event. After you have made all the changes, you can click the Publish button.

image.png

On the confirmation pop-up, click Publish. This makes the recently edited registration flow live for your attendees.


Note: The confirmation pop-up appears only when you publish a registration flow for the first time. After that, new changes are published when you click the Publish button.

image.png


You can click the </>Get embeddable code to copy the embeddable code to your clipboard to paste it at any desired web page to show the Zuddl registration form and collect registrations.

image.png

If you wish to embed flex widgets on third-party pages, you can use the ‘data-zuddl-sticky-header-id attribute, which needs to be added to the flow embed code if your page has a fixed (sticky) header.

View and restore version

Once published, you can view the published flow by clicking the three dots icon on the top, as shown in the screenshot below:

restore.png



If you are making changes to an already published flow, you can restore the published version by clicking the Restore this flow button on the published flow view should you face any errors while editing the flow.


To view the previously published version, do not publish the data being worked upon.


Troubleshooting Errors

If there are any errors in the flow, they will be highlighted, as shown below. You can view more details to understand the error and fix it in the flow.

image.png

  • Since there is no undo option, all your changes are saved instantly and you would not be able to undo any changes made.

Setting up Ticket selection

The ticket selection step can be customized in the registration flow by changing the order of the tickets displayed, its position in the flow, or applying an auto-selection feature to make the process easier for your attendees.

Follow these steps to set up ticketing in the registration flow:

  1. In the event setup, go to Registration > Registration flows.
    Screenshot_2024-05-03_at_5.40.22_PM.png
  1. In the registration flow, go to the Ticket selection step.
    Screenshot_2024-05-03_at_5.40.55_PM.png
  1. Here you can review the available tickets for the event. Click the Edit button to go to the Ticketing setup, or reorder the tickets by clicking and dragging them.
    Screenshot_2024-05-03_at_5.41.29_PM.png
  1. In the Branching tab, you can review the current branches and add branches as necessary.
    Screenshot_2024-05-03_at_5.45.23_PM.png
  1. In the Advanced settings tab, you can find the checkbox for Auto-select the ticket when there's only one ticket available (unchecked by default).

    If there is only one ticket available, this feature automatically selects that ticket and skips the ticket selection step altogether in the registration flow. This includes cases where other tickets may be sold out, or if other tickets are made inactive.

    Screenshot_2024-05-03_at_5.46.56_PM.png

    Note: This feature is not available for bulk ticket purchases, or if Ticket selection is the first step of the registration flow.

  1. To apply your changes, go back to the registration flow and click the Republish button.
    Screenshot_2024-05-03_at_5.48.49_PM.png

Create flow branches

You can create branches in the flow to cater to different audiences. For example, if an employee of your company tries to register for your event, you can take them directly to the thank you page, and you can take the rest of the users through the usual flow.   

To create a branch:
  1. Go to the step that requires branching and go to the editing page.
  2. Select the Branching tab. The default branch step is the immediate step after the root step and the same is shown in the list. 
  3. Click on the  +Add branch button
  4. On the branch edit form, enter the following:
    1. Select the field on which branching condition is to be applied.
      Unavailable fields

      Session picker field and hidden fields cannot be selected for branching.
    2. Select the appropriate condition clause
    3. Enter the desired value.
    4. Add more conditions if required by clicking the +Add Condition. In between two conditions, you can select an operator namely, 'Or' or 'And'. You can also delete conditions by clicking Delete condition option.
    5. Select the Go to step from the dropdown with the default branch in mind. This is the step to which the branch should lead. 

      Once you've added the Go to destination, you cannot change it. You would need to delete the branch and start over. 
      Ensure that you've created all steps in the right order before you get started with the branching logic. You can use spreadsheets or drawing boards to visualize the flow before you create it.
  5. You can edit your branch name if required. The branch names are displayed on the flow line and allows your team members to quickly identify the branch by its name.
This creates a branching logic for your registration flow.


You can view the branching conditions by hovering over the branch name.


You can create steps in between a flow by clicking + button in the flow line, the step it was pointing to before creating a branch will be the default step  





 





Was this article useful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied