Logo-white Docs
Fonts, Themes & Form Design

Introduction

Forms, online surveys, and mailouts are an extension of your digital brand. Hundreds or thousands of customers may see your forms and emails, so it’s important that they fit with your broader brand guidelines — especially if you choose to embed a form on your website or blog or send out form specific emails. That’s why we built our themes option, allowing operators to incorporate custom information, graphics and color palettes into their forms and emails.  Note that this feature is only available to Launchcloud Standard and Pro users. To upgrade your account, click here.

'


Theme Manager

To start using the themes function, navigate to the Forms page in the menu in the left sidebar, then click Manage Themes at the top of the page. After clicking the Manage Themes button, you’ll end up in the Launchcloud Theme Manager, from here you can choose between creating and editing your form themes or customizing your email themes. These options will also show you any custom themes that you’ve created, as well as several pre-designed templates created by the Launchcloud team. ​

 

To delete a form, click in its checkbox and hit the “delete” button in the top left corner — but be careful, as the form will be permanently deleted! You can also duplicate a form in this way. We recommend duplicating a form before you edit its settings so that you can always revert to its original state if you’re not satisfied with your edits. To edit a form, just click the pencil icon to its right.


Form themes

Form themes are a great way of making your form fit within your wider branding. It is especially useful if you are embedding a form on your website, sending out forms to customers or data capturing at events. You can customize your web themes in many ways ranging from; changing your header image, a wide range of fonts and a wide color palette to choose from.

 

 

 

 

 

 

 

 

 

 

 


How To Create Form Themes

If you’d like to design your own form theme, click the green plus button in the top left corner of the theme manager. Once you have pressed the green plus button it will spin and give you two options; select > Form Theme.

 

 

 

 

 

You’ll then see a variety of fields:

Background Image — This image displays as a pattern behind your form, similar to a screensaver on your computer. We recommend avoiding attention-grabbing patterns. Solid colors or your company’s logo work well here, or alternatively, leave it empty for a transparent look when embedding onto your website.

Header Image — This image displays above the top of your form and is a great place to include a banner image.

Background Color — This color will only appear if you do not have a background image set.

Border Colour — The outline color of your input fields.

Input Text Body Font

Input Text Header Font

Input Text Color — The color of the text that appears in each input field.

Input Background — The color that fills the input field.

Primary Text Color — The color of your field headers.

Second Text Color — The color of nested text elements, including radial sliders and star rating icons.

Button Background — The main color of any buttons, including calendar and form submission buttons.

Button Text Color — The color of any text and icons that appear within a button.

When you’re finished, be sure to save your work by clicking the done button in the bottom left corner.


How To Apply Form Themes

Now that you’ve got a form theme that matches your brand guidelines, it’s time to apply it to your forms. To do so, go back to the Form Editor and click on the design icon on the right of the form you’d like to customize. Then select the paint bucket tool in the top toolbar. This will launch a drop-down list of all the themes you’ve created, as well as a larger list including the Launchcloud default templates. Simply select the theme you’d like to apply, and save the updates to the form!

If you don't feel like creating your own form theme, you can always visit Launchcloud Marketplace and download one of our beautiful ready-made themes for free.


Email Themes

Say you want to send out an email to a person who fills out your form, like a thank you email or a voucher for your customer's next purchase - with email themes can create automatic customizable email send outs when somebody completes your form. If you want multiple customized mailouts based on different responses you will want to visit email logic.


How To Create Email Themes

If you’d like to design your own email theme, click the green plus sign in the top left corner of the theme manager. Once you have pressed the green plus button it will spin and give you two options; select > Email Theme. 

 

 

 

 

 

After clicking the Email Theme button you will be given the opportunity to name your new theme.

 

 

 

 

You’ll then see a variety of fields:

Background Image — This image will display in the background of your email

Header Image — This image displays above the top of your email and is a great place to include a banner image.

Background Color — This color will only appear if you do not have a background image set.

Container Background Color — The background color of your container fields.

Header Text Color — The color of the header text

Body Text Color — The color of the main body text

Button Background — The main color of any buttons, including calendar and form submission buttons.

Button Text Color — The color of any text and icons that appear within a button.

Add Button URL —This option lets you link your button to a designated URL

Attach a document — Attach a PDF to your email template

After you have completed the customization process, click the Done button in the bottom right corner of the page, this will save your email template and bring you back to the email themes page. If you would like to duplicate the theme you have just created > highlight your selected theme and press copy. 


How To Apply Email Themes

Once you have built your form, you’ll want to click the setting cog in the top right corner of your screen. From here you will need to select EMAIL COPY and click the green plus button located in the bottom-right of the screen.

Next, you will need to enter;

Email Copy Name - The title of the of the email copy of the completed form (if you choose to include it)

Email Theme - (The theme you have previously created) This is the theme and content of your customized email that will be sent to your user (if you choose to by selecting the EMAIL BUTTON*), find out more about how to create email themes by clicking here

Email Subject - The title of your email (this will be the first thing your user will see when they first see your email)

Email Addresses - Any emails (usually for internal records) that you want a copy of every response sent to.

*Email Selection - If you want to send an automated customizable response to the person who completes the form (only if they have entered their email address)

Form Pages - The Pages of the form entry that you would like to send

The Format - The format of the copy of the completed form

 

 

 

 

 

 

 

 

 

Once you have done this, remember to press save, and you will now have fully automated customizable email responses to your forms. To send out different custom emails based on different individual form responses, i.e an email for a positive response and an email for a negative response - read below to find out about email logic. 


Email Logic

Once your email theme has been created, you can determine how and to who these specific emails will be sent by using email logic. To find out more about our email logic feature, click here.


Google Fonts

The font customization option gives you a selection of the Google fonts as well as a long list of standard fonts to choose from. 

To start using fonts and themes, you must first navigate to either the Launchcloud Email Theme Creator or the Form Theme Creator as explained above. Click Manage Themes at the top of the forms page and simply click and choose your fonts. From here you can customize the theme of your forms - making your form look and feel at home with your brand.


Add a New Page to your Form

To add a new page to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like your new page to begin.

A list of options will appear > Select the Add Page option.

Your new page will now be added.


Add a Line Break

To add a Line Break to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like your Line Break to begin.

A list of options will appear > Select the Line Break option.

Your Line Break will now be added.


Add a Horizontal Line

To add a Horizontal Line to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like your Horizontal Line to begin.

A list of options will appear > Select the Line Break option.

Your To add a Horizontal Line will now be added


Add a Free Text Box

To add a Free Text Box to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like your Free Text Box to begin.

A list of options will appear > Select the Free Text Box option.

Your Free Text Box will now be added > Now you can add in your customized text.


Add an External Link

To add an External Link to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like your External Link to be placed.

A list of options will appear > Select the Link option.

Your External Link field will now be added > Now you can add in your customized link.


Add a Table

To learn how to add table to your form, click here


Embed a YouTube Video

To embed a YouTube to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like your YouTube to be placed.

A list of options will appear > Select the YouTube option.

You will then be given the option to add your Youtube link into your form. Using Launchcloud technology we will automatically embed your video into the form from here.


Embed a Picture

To Embed a Picture to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like to Embed a Picture.

A list of options will appear > Select the Embed Image option.

The Embed a Picture feature will now be added > Now you can add in your image.


Embed a Document from Google Drive

To Embed a Document from Google Drive to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like to Embed a Document from Google Drive.

A list of options will appear > Select the Embed a Document from Google Drive option. (You also have the option to add multiple Google accounts to Launchcloud).

The Embed a Document from Google Drive feature will now be added > Now you can add in your document.


Embed a Document from OneDrive

To Embed a Document from OneDrive to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like to Embed a Document from OneDrive.

A list of options will appear > Select the Embed a Document from OneDrive option. (You also have the option to add multiple Microsoft accounts to Launchcloud).

The Embed a Document from OneDrive feature will now be added > Now you can add in your document.


Embed a Document from Dropbox

To Embed a Document from Dropbox to your form > Navigate down the left-hand side of your form where you will see a number of Plus Buttons > Click the Plus Button where you would like to Embed a Document from Dropbox.

A list of options will appear > Select the Embed a Document from Dropbox option. (You also have the option to add multiple Dropbox accounts to Launchcloud).

The Embed a Document from Dropbox feature will now be added > Now you can add in your document.

close