Web Form Builder Video Tutorials
-
Web Form Builder Overview
This video presents a brief overview of CoffeeCup Web Form Builder. It details the basics of customizing a form, including color, style, images, submission methods, and the like.
(Version 7.91 used in this video tutorial) -
Form E-mail Settings
This tutorial deals with how to configure the results settings for a form created using CoffeeCup Web Form Builder. You can choose to have the results e-mailed to you, saved to a TXT file, or transferred to a MySQL database. The video will also walk you through the options for what to do when your visitor finishes filling out the form: redirecting them to a specific Website address or a custom page, and sending an e-mail auto-reply with or without a copy of the form. You will learn the difference between PHP and ASP Scripts, and how to set up SMTP Settings (if necessary), fix for displaying active content, and adjust the tab order and various error messages. Finally, you can learn how to adjust settings for files your users may upload using your form, such as which file types to include and what to do with the attachments (save them to a server, attach them to an e-mail, or save them to a MySQL database).
(Version 7.91 used in this video tutorial) -
Configuring Form Results
This video will show you how to configure how the results from your form will be handled. You can choose between having the results e-mailed to you, saved to a TXT file on your server, or saved to a MySQL database. The video will give suggestions for subject lines for e-mails and filenames for TXT files. It will also explain the fields you need to fill out to set the form to save to a MySQL database.
(Version 7.91 used in this video tutorial) -
Form Submission
This tutorial will walk you through configuring the settings in the Form Submission tab in CoffeeCup Web Form Builder. You can redirect users who have completed your form to a Website address or create a custom page that they will be directed to. You can also customize an e-mail auto-reply to your users with the option of including a copy of the form results.
(Version 7.91 used in this video tutorial) -
Advanced Form Settings
This tutorial explains the advanced settings available in CoffeeCup Web Form Builder. This includes choosing between PHP and ASP script, filling in SMTP settings (if necessary), customizing required field and e-mail messages, and fixing for displaying active content.
(Version 7.91 used in this video tutorial) -
Adding Text Fields
This tutorial will teach you how to add, move, and edit text, input boxes, text fields, and submit buttons in forms created using CoffeeCup Web Form Builder. It will show you how to change the text content, font face, color, size, and style. It will also show you how to rename input boxes and text fields, insert starting text (optional), enable word wrap (text fields only), disguise the text, mark a field as required, e-mail address, e-mail address verification, read-only, or subject, set a maximum number of characters your user can enter in an input box, and validate e-mail addresses. Finally, it explains some limitations of Yahoo! servers in terms of receiving e-mail from your form users.
(Version 7.91 used in this video tutorial) -
Adding Images and Buttons
This video will show you how to add, move, and delete images from forms created using CoffeeCup Web Form Builder. You'll also learn how to modify the different kinds of buttons within the form (submit, reset, upload, and print), including changing the size, label text, type, and font face, color, size, and style. You also have the option of using a custom image as a button.
(Version 7.91 used in this video tutorial) -
Adding a Captcha Box
This tutorial will explain how to add a Captcha box to a form created using CoffeeCup Web Form Builder, as well as the benefits of including a Captcha box in your form. You'll also learn how to resize the box, create a border, change the background color, and edit the text content, color, font, style, and size.
(Version 7.91 used in this video tutorial) -
Tab Order
This tutorial explains how tab order works in CoffeeCup Web Form Builder. It also shows you how to change the tab order.
(Version 7.91 used in this video tutorial) -
File Uploads
In this tutorial, you'll learn how to control file uploads in CoffeeCup Web Form Builder. You can specify which file extensions you want users to be able to upload, as well as where the file will go when your users upload it (saved to your server, attached to the e-mail, or saved to a MySQL database).
(Version 7.91 used in this video tutorial) -
Creating a Custom Results Page
This tutorial will show you how to create a custom results page to redirect your users to once they have completed your form. Click Configure Form Settings and select the Form Submission tab. Selecting the Create a Custom Page option allows you to edit the Custom Page Contents HTML. The tutorial offers hints for useful information to include on your custom page.
(Version 7.91 used in this video tutorial) -
Adding a Form to Visual Site Designer
In this tutorial, you will learn how to add a form created using CoffeeCup Web Form Builder to a page created in CoffeeCup Visual Site Designer. You should save your form files in the _website folder created in Visual Site Designer. Next, open Visual Site Designer and use the Add Flashâ„¢ tool to define the area where you'd like to place your form, and then browse your computer for the XML file associated with your form. Finally, the video will show you how to preview your form.
(Version 7.91 used in this video tutorial) -
Adding Form Builder to FrontPage
This tutorial will show you how to add a form created in CoffeeCup Web Form Builder to a Webpage created in Microsoft FrontPage. First, save your form. This opens the Files to Upload dialog box, which lists the files you need to upload to your server in order for your form to display correctly, as well as the code that needs to be included on each page where you want your form to appear. Copy the code to your clipboard and open FrontPage. The next step is to paste the code between the body tags in the location where you'd like the form to appear. Next, copy the files associated with your form to your Website. Finally, you can save and upload your site.
(Version 7.91 used in this video tutorial) -
Uploading your Web Form to CoffeeCups HTML Editor
This video tutorial provides detailed instructions on how to add CoffeeCups Web Form Builder to the HTML Editor.
-
Creating a Web Form using Themes
In this video tutorial we show you how to create a web form with CoffeeCups Web Form Builder application. The video concentrates on doing this with the large selection of predefined themes offered by CoffeeCup's online store.

