Need a signup form that doesn't hinder the user experience?
Take a look at the TinyEmail flyout form. Customizable, mobile responsive, and sticky, the flyout option appears in the bottom right corner of every page and has a minimal impact on site navigation.
Looking for a different form style? You can also create an embedded form or popup with TinyEmail.
Oh, BTW, we also have a growing library of prebuilt forms. Click to learn more about these templates.
To build a flyout form, add an audience and create the structure. After that, quickly customize the design and install the code.
I show you how to design and install in a different article.
Starting a form
The first step is to launch the workflow and assign an audience. The audience database is where you build your subscriber list.
Log into your account.
Click Forms on the side menu.
On the next page, click the Create form button.
In the pop-up window, enter a unique form name.
Click the field and select an existing audience. Optionally, you can create a new audience. (see below)
Click the Save & Continue button to open the Form builder.
Creating a new audience
If you don't want to connect the form to an existing list, create a new audience.
Click the subscriber field.
Enter a unique name for the new audience (i.e. list).
Click the plus (+) icon.
Click the audience name on the drop-down menu. TinyEmail adds the list to the form. The first step is now complete! Click the Save & Continue button to open the Form builder.
Creating the flyout
When the Form builder opens, you'll see four menu tabs at the top of the screen. Each tab opens a different set of controls and customization options.
Appearance Customize the form's shape and design. (see below)
Content Add or remove form fields and configure component properties (we show you how in a different article).
Editor The form builder canvas.
Preview Quickly see what the form looks like.
The Form builder page doesn't have an auto-save function. That's because the changes you make to a published form automatically appear in the live form (e.g. on your website). If you're working on a draft or unpublished form, be sure to click Save at the top of the Code page.
Under the Form type heading, you'll find three options. Select Flyout.
Selecting a trigger
Now choose a trigger for the form (the event that causes the form to display). The default setting is Show on page load.
Show on page load Displays on every page load.
Show based on rules Check a box to enable one or both rules and then change the default settings. (optional).
Unlike our other form options (embedded and popup), the flyout form has a fixed (but responsive) size. It's not possible to manually configure the width or height of the flyout.
You can customize other elements, like the background color (or leave it neutral). Use the color picker to select an option. Open the font selector and choose a specific typeface or leave the default Inherit option enabled. If you select Inherit, the form's code picks up the default font on your website, a time-saving feature that helps maintain a consistent look on your site.
FYI Any changes you make to a published form appear almost instantly on your site's live form. If you can't see the changes, refresh the website page.
Form success message
Add a short message that lets subscribers know they were added to the list.
Now that the flyout form structure is ready to go, click here and learn how to:
customize layout orientation
add or remove components
configure component properties (e.g. field labels, font color, cell alignment, etc.)
install the form code on your site
Happy list building with TinyEmail!