Multi-Form Events

Multi-faceted events can be easily created utilizing the Flex2 Launch form and any other variety of forms you think you will need for this event.  These events can be envisioned like this: 

Event Chart

From your website, email, or even from social media, you are able to distribute these forms to your patrons so easily!  In the example above, Jacob's Pillow decided to link the form on their website.  The have a button on the right side of their screen that says "Reserve a Table or Ticket." By clicking on that button, you are directed to the initial Flex2 Launch page.  From there, you have several options available to select: in this case, Jacob's Pillow has six buttons. For a full overview on Launch form creation, please click here. 

The six buttons are as follows:

Tickets - The form to reserve a ticket to the gala was created as a Flex2 form.  In this case, it was created without any special settings and used a fund; however, keep in mind that with Flex2 forms, these can be set up as ticketed events or on-account rather than straight into a fund, or even with split payments.  

Tables - This form was also created as a Flex2 form and in a similar fashion to the Tickets form.  Much like the Tickets form, you could also create this form to include split payments or as a ticketed event.  In previous conversations, we have also learned that the Straz Center for the Performing Arts created an Donate2 Enhanced Donation form to include in their Launch Form options where a patron would be able to purchase a table to the gala and utilizing the enhanced questions, they would be able to enter their guest names at the time of purchase!

After Party - The After Party form is the third Flex form available on this Launch form.  

Live Stream - The Live Stream form was created as a Stream2 Brightcove Form and allows patrons to pre-order access to the gala livestream.  In this case, the form is currently in presale mode and will be released on the day of the gala.  Jacob's Pillow also enabled gifting on this form, so customers could purchase livestream access for a friend or family member!  This form is set up with an add-on donation option should the customer decide to give a donation at the same time as their livestream purchase.  

Program Ad - The Program Ad form is the final Flex2 form in this bunch and is set up much like the others; however, this could easily be a great Enhanced Donation Form option, too!

Donations - The Donations form is the final form available via the Launch form and is the only form set up as a Donate2 Enhanced Donation form.  

Flex2 Launch Form Main Menu

Your Launch form will list all of the buttons you've configured.  By clicking on a button, your customer will be directed to the corresponding form to complete their cart-free transaction.  

Flex2 Launch Form Editor

To make changes to your Launch form, select your Launch form from your Form list in your 2Account.  Your Launch editor will look like this: 

Since the Launch form serves as a landing page for a selection of other forms, the editor is a bit different and more refined than what you've seen before, though many settings will be familiar to 2Account users.  For an in-depth review of your Flex2 Launch Form setup, please click here.

Flex2 Launch Buttons & Links

Depending on the amount of buttons to which your Launch form will link, you are able to configure and customize how this will look in this section.

The  Number of Columns is a dropdown menu that allow you to choose between 1, 2, or 3 columns, again, depending on the number of forms to which you'll be linking.

As you may have noticed, all of our Donate2, Stream2, and Flex2 Forms are mobile first.  That being said, should you decide to display your buttons in the 2 or 3 column grid, you will receive the above notification.  In order to have an accurate view of this grid setup, you will need to open your form on a new browser window since it will not show in the display on the right side of your screen.

The  Vertical Space and Horizontal Space sections are editable text boxes that allow you to adjust the space between each button.  If you only have one column, the Horizontal Space will probably not be used; however, if you have 2 or 3 columns, the Horizontal Space will adjust the number of pixels between the buttons in the columns.

The  Return Button is a dropdown option that allows you to activate a "Back" button that is viewable on each of the linked forms.  It will appear on the linked forms as this: 

The  Return Button Location is also a dropdown option that allow you to choose where your Return button appears.  You have the option for it to appear at the Top, Bottom, or Both sections of your linked form.

Flex2 Launch Button Details

Each of the button options has drag and drop functionality allowing you to adjust the order of your buttons on the Launch form.  Clicking into the options for your linked forms looks like this: 

The  Button Display Name defaults to the name of the connected form, but can be changed in the editable text box if you so choose.  In the example above, the name is Reserve a Gala Ticket, but you could change it to something like "Purchase a Gala Ticket" or something similar. This is the text that will appear on the button on your form. You are also able to add some CSS styling within the text box if you wish the text to appear bolded, italicized, etc.  You have a limit of 60 characters in your button name. 

The  Button Color and Hover Button Color can be changed by clicking the color box and selecting a color from the color editor or by entering a hex code in the text box. The Button Color is the color appears when the Launch form loads; the Hover button is the color that appears if you hover or click on a particular button.

The  Button Text Color and Hover Button Text Color work in the same fashion as your button color, just for the text that appears in your button!  The Button Text Color is what appears when the form loads; the Hover Button Text Color is what appears if you hover or click on a particular button.

The  Copy Below Button is an editable text box that allows you to add text below your button.  This is not a required section and can be left blank if you so choose.  You are able to change the color of this text by clicking into the color editor or by entering a hex code in the text box in the Copy Text Color section.

The  Form Link is a dropdown option that allows you to change the connected form if you so choose.

The  External Link is an option to include a hyperlink to an outside source if you so choose.  If a form is selected, this option is automatically disabled.

Flex2 Launch Return Buttons

If the Return Button option is disabled above, this collapsible will be greyed out and inaccessible until enabled.

The  Text option is an editable text box that allows you to change the text your return button shows.  This option defaults to "Return to menu," but could be anything from "Back" to "Take me home!"  It's up to you!  The color of this text can be changed by selecting the color editors or by entering hex codes in the text boxes for Text Color and Hover Text Color.  The Hover option works exactly as the buttons above in the Button editor section: The Text Color is what appears when the form loads; the Hover Text Color is what appears if you hover or click on the Return button.

The Return Button Color and Hover Color can be changed by clicking the color box and selecting a color from the color editor or by entering a hex code in the text box. The Return Button Color is the color appears when the form loads; the Hover button is the color that appears if you hover or click on the Return button.

The  Return Button Outline Color and Hover Outline Color can be changed by clicking the color box and selecting a color from the color editor or by entering a hex code in the text box. The Outline Color is the color appears when the form loads; the Hover Outline Color is the color that appears if you hover or click on a on the Return button.

You are able to preview changes to this button in the Return Button Preview that appears below these settings.  Additionally, in your form preview to the right of the screen, if you click on one of your buttons, it takes you to the preview of that form.  You are also able to preview changes there if you wish.  To adjust the button size, you are able to enter a pixel number or a percentage in the  Button Width text box and preview it below the text box.