CoffeeCup Visual Site Designer Tutorial 7 Contact Form

Tutorial on making an email contact form using CoffeeCup Web Form Builder

There are 4 parts to this tutorial. This is part 1.

---

Closed Caption:

welcome to the company kept visual site
designer to trial number seven
in this tutorial in going to be showing
you had to bad email contact us peach
or form to your pH and that's why we
have this man appeared this link appears
and I don't remember if this was
the program that came with the visual
site designer had purchased
separately it's been so long I had
forgotten so my apologies
arm it its the fourth icon
up I am on the left hand side
and right there says open copy Capp
Web Form Builder click on that
and up will come are program
and I'm going to my Gypsy see
and here are different templates that we
can choose
that was precious metal this chairman
chefs sweater
let's talk very clean and simple
form Mardi Gras which
I really like you matrix orange you glad
another very clean and simple 'em
form sherbert which is another variation
on the form itself
so we're gonna go back to Mardi Gras
since I really like that
and if you concede down here it has
a home open
marine click on that since we made our
choice and
that comes up new paid
happy concede that there's all kinds
have buttons and we can and text
input boxes which desire we can and
checkboxes a job Dan a radio buttons
list
and so on but what I really liked you
can even add a button
excuse me image if you so desire and
when I really like
is the capture Kenny cell which
his is very handy am
to keep away the spam for people have to
prove that their human
anyway as I had and i dont I said or not
but you can change
any of these I'll templates to suit your
needs
are your tastes and let's say that you
do not like this graphic right here
care so what we'll do is put your mouse
over it and click it and that comes a
box around it
and them going to right-click and cut
there
that's all there is to it then we can
drag and drop our camp should back soon
as you can see it's kinda smallish
in there but if you come over here to
the right
here right here it says width and height
so we're going to go with the with and
it will show up on your right hand side
here
and we're going to take an hour
well that it has
funny a room to sit there and not be
smushed
and you can are so as I said you can
after making Tyler in it will at at the
bottom and then you can
reposition on your text boxes in your
buttons and so on and so forth
okay cell appears has contact our
company
let's say you don't want to say that
okay so we click on that
and over here on your right again it
says text in this is your text
so let's see me that she won it to say
contact me
drop me a line whatever norms that
contact me and you can also change the
color
if you want to in change the size of the
font
as well as style this is in regular for
months
this is there's bolt italic and then
there's bold and italic
which I like very much cell we're going
to do that
and down here are some buttons
that perhaps she don't neater are want
at the easy way to do that is just
position your mouse over them click
the right click and you can can edit K
and then you can just like these guys
over position however you wish
and noms you're good to go now on the
next one we will go in and we will
actually configured the form settings so
I'll see you on
7 eighty thank you