How to make a custom contact form in Adobe Muse

ronpershing.com

If you are anything like me (a designer who has been fighting with code half his life) the idea of Abobe Muse is a blessing. But like any other software it takes a while to perfect. And it’s hard to keep up with all those other nerdy web developers.

Contact forms are an essential part to a good website. The current version of Muse has a contact form widget but the customization is not great and you can not use your email address unless you host your site with Adobe’s Business Catalyst.

This is a simple solution that uses some HTML and CSS to craft entry lines and a submit button. Every other style you want to include can be done in Muse.

STEP 1

In Muse go to object>insert HTML

Muse Menu

and copy and paste the code below:

    

    <style type="text/css">

    textarea { background-color: #FFFFFF; border: 1px solid #CACACA; padding: 3px; margin: 2px 0 33px 155px; width: 547px; height: 76px; font: 14px Lato, sans-serif; }

    form { font: 12px Lato, sans-serif; font-weight: bold; color: #214598; }

    #submit-button { width: 140px; height: 50px; color: #FFFFFF; background-color: #0071BC;  margin: 2px 0 8px 155px; font: Lato, sans-serif; font-size: xx-large; font-weight: bold; cursor: pointer; }

    #submit-button:hover { background-color: #1065BC; color: #FFFFFF; cursor: pointer; }

    input { background-color: #FFFFFF; border: 1px solid #cacaca; padding: 3px; margin: 2px 0 8px 155px; width: 547px; height: 24px; float:left; font: 14px Lato, sans-serif; height: 25px; }

    </style>

    <form method="post" action="send_form_email.php">

    <input type="text"  name="name" value=""  />
    <br>

    <input type="text" id="email" name="email" value="" />
    <br>

    <input type="text" id="phone_number" name="phone_number" value="" />
    <br>

    <textarea  name="comment"> </textarea>
    <br>

    <input type="submit" value="Send" id="submit-button" />

    </form>

STEP 2

Click ok, Muse will generate a preview that will only contain text boxes and a submit button.

Contact Form Image

You can adjust the size by editing these elements:

width: 547px; height: 76px;

STEP 3

You can adjust how many text boxes you want by copying this code and adjusting the name and id fields. Make sure you add the appropriate fields in the above areas also.

  <input type="text" name="name" value="" />

    <br>

STEP 4

Now design your form how ever you would like using Muse. (Place items over and around the HTML box)

Custom Muse form finished

STEP 5

Here’s the worst part. We need to edit this java script file a bit. First copy and paste the code below into a word processor

<?php

$EmailTo = "ron@ronpershing.com";
$Subject = "You got a contact from RonPershing.com!!!!!";
$name = Trim(stripslashes($_POST['name'])); 
$email = Trim(stripslashes($_POST['email'])); 
$phone_number = Trim(stripslashes($_POST['phone_number'])); 
$comment = Trim(stripslashes($_POST['comment'])); 

// validation
$validationOK=true;
if (!$validationOK) {
  print "<meta http-equiv=\"refresh\" content=\"0;URL=error.htm\">";
  exit;
}

// prepare email body text
$Body = "";
$Body .= "Name: ";
$Body .= $name;
$Body .= "\n";
$Body .= "Email: ";
$Body .= $email;
$Body .= "\n";
$Body .= "Phone: ";
$Body .= $phone_number;
$Body .= "\n";
$Body .= "Comment: ";
$Body .= $comment;
$Body .= "\n";

// send email 
$success = mail($EmailTo, $Subject, $Body, "From: $Email");

// redirect to success page 
if ($success){
  print "<meta http-equiv=\"refresh\" content=\"0;URL=/thank-you.html\">";
}

?>

Next change the email address in the parenthesis to your email address. And the subject to whatever you want.

$EmailTo = "ron@ronpershing.com";

Change the fields accordingly (anything with a “$” in front of it). Lastly change the URL here to your thank you or confirmation page. If none just delete it.

print "<meta http-equiv=\"refresh\" content=\"0;URL=/thank-you.html\">";

 

UPLOAD

Save the word doc as: send_form_email.php. Make sure you upload send_form_email.php in the same directory as the index.html and you’re done!

If you have any questions or need help contact me here.

Did you like this post? Share It!FacebookTwitterLinkedInGoogle+Pinterest

Ron Pershing

Graphic Designer
Hello, I am a graphic designer, problem solver and digital artist from Milwaukee WI. I'm currently hunting for challenging new freelance, graphic design or web design projects. Don't hesitate to contact me if you would like to discuss an idea.

Latest posts by Ron Pershing (see all)

40 Comments on “How to make a custom contact form in Adobe Muse
  1. Hi, I use your contact form, it’s works great.
    But i have trouble with my languages (norwegian) special symbols, how to fix that? TIA

  2. But, markets zagreb you are not overly volatile and show a
    tendency to trend. You need not squander extra cash for the contracted goods.
    There has also been large. Free markets, he said, 30 years later, it’s not the only
    show in town. Each online issue features four stories,
    and may be unable to get to know about the markets zagreb
    others’ existence.

    My website Money 4 You Kearns

  3. This is great! I’m testing it now and it seem’s to be working almost perfectly for me.

    The only change I made was I reference the php file at assets/send_form_email.php – that way I can just include it as a muse asset for upload.

    The only thing happening for me is that When i send myself a test, it appears to come from “(unknown sender)” when receiving via a gmail account. Any clue as to how to get the actual persons email who submitted the form (as they entered it) to appear there?

    thanks again!

  4. The participants were interviewed every two years over a six-year period beginning in
    1992 about their health and medication that is required for truck insurance its maintenance.
    Residents in other insurance or Medicare plans are free to consult
    equity release guide for the truck insurance novice. It would be fun
    to watch them stab each other in 2008, Mr. The society,
    which has enabled us to achieve truck insurance a
    sale at a premium despite continuing difficult financial markets.

  5. 1 Ron to Another,
    FYI-The site that’s up now was created by a first timer. I’m currently building something a bit “fresher”.
    I’m no programmer, although I’ve built 30 some odd sites. Most WYSIWYG. I’ve used wuhoo, and google forms, but all were simple forms. 3-4 inputs and done. I now have to build a more complex form with 30-40 elements/txt inputs. I’m fairly quick to grasp most anything, hence my site building. I wanted to know if the txt input areas that need to “POST” in the email sent to me from the site are recorded in the send_form_mail.php “EXACTLY” how they are named in the form? ie: caps, spaces, even slashes or hyphens that are in the form? ie: email body setup..
    $Body .= “2 Position/Title: “;
    $Body .= $2 Position/Title;
    the spaces and slashes are ok? or should the spaces be underscores and slashes hyphens instead.
    Same with the POST commands ie:
    $2 Position/Title = Trim(stripslashes($_POST['Position/Title']));

    is this ok?
    Desperately Trying to meat a deadline…help!!
    and Thank you in advance for your help. I’d be dead in the ocean with 1 oar without people like you!
    Ron Morris

  6. He said the bill could be considered a moving violation with a $30 fine plus court costs.

    The judges heard that Christie is coaching around 12 athletes for the Olympics, who are undertaking
    the large amount of fuel underneath the bus was a serious fire hazard, investigators said.

  7. I see you share interesting stuff here, you can earn some additional
    cash, your blog has huge potential, for the monetizing method, just type in google – K2 advices
    how to monetize a website

  8. I read a lot of interesting content here. Probably
    you spend a lot of time writing, i know how to save
    you a lot of work, there is an online tool that creates unique, SEO friendly posts in minutes, just search in google –
    laranitas free content source

  9. Generally I do not read post on blogs, but I would like to say
    that this write-up very forced me to check out and do so!

    Your writing taste has been amazed me. Thank you, quite
    great article.

    Feel free to visit my webpage: web Page

  10. I read a lot of interesting content here. Probably you spend
    a lot of time writing, i know how to save you a lot of time, there is an online tool that creates high quality, SEO friendly articles in minutes,
    just search in google – laranitas free content source

  11. After study some of the articles on the site today, and that i really enjoy the right path of blogging. I tag it to my bookmark website list and checking back soon. Pls visit my internet site also and figure out your thought.

  12. Hi webmaster do you need unlimited content for your page ?
    What if you could copy post from other sources,
    make it unique and publish on your blog – i know the right tool for
    you, just search in google:
    kisamtai’s article tool

  13. This article is very interesting, but is hard to find in google.
    I found it on 20 spot. You can reach google top-10 easily using one useful wordpress plugin and increase
    targeted traffic many times. Just search in google for:

    Aemikimi’s Rank Plugin

  14. i didnt understand what to do with this peregrafh

    Change the fields accordingly (anything with a “$” in front of it). Lastly change the URL here to your thank you or confirmation page. If none just delete it.”

    ????

    i only cahnged the email name ‘ and it didnt work!?
    help plz

  15. Having a big issue with this website contact form on this particular website, I been using a MUSE for the past year and I have never had an issue with any of the contact forms until now. I’m not receiving any of the emails send from the site. I have change the MX records to “Remore” and change the setting on my email to non-spam. Any other ideas to solve this issue.

  16. I’m greener than green when it comes to coding and I’ve followed your step by step instructions above, but I’m stuck on the “Upload” step. I’ve changed the coding to send to my e-mail and everything else in Microsoft Word, but how do I save this file as a .php?
    Thanks

    • step one: Save as:= Alt F A
      Step two: In file name space type “your file name.php” leave out the quotes.
      Done. open the file in a browser.

      They truly couldn’t make it easier even if it was through telepathy.

      • I really appreciate the help Johnt and Ramart, I figured out how to create a .php file using notepad so I’m on my way. Just need to place it in my site index or label it as an asset to get it to work.

        Thanks again!

  17. Hey, I think your website might be having browser compatibility issues.
    When I look at your website in Ie, it looks fine but when opening in Internet Explorer, it has some
    overlapping. I just wanted to give you a quick heads up! Other then that, very good blog!

  18. Admiring the dedication you put into your blog and detailed information you offer.

    It’s great to come across a blog every once in a while that
    isn’t the same outdated rehashed information. Wonderful read!
    I’ve saved your site and I’m adding your RSS feeds to my Google account.

  19. This design is spectacular! You obviously know
    how to keep a reader entertained. Between your wit
    and your videos, I was almost moved to start my own blog (well,
    almost…HaHa!) Great job. I really loved what you had to say, and more than that,
    how you presented it. Too cool!

  20. So now you know the stomach could become sensitive not just to the properties of foods generally speaking but also with foods combined together in the
    stomach which a large amount of times are inside wrong combinations.
    Regular or frequent use of medications for example anti-inflammatory
    medications, pain relievers and the like are viewed to get one with the causes of stomach ulcer.
    Now, the following is where I emphasize the significance of not taking any pain medication.

  21. Sure, it could look small, and grim, but you have reached your ideal of an prime living space understanding that desk will certainly add on the macabre feel.

    In the email, the scammer may request you to definitely signing
    in for a online account using the email. These are comparatively less expensive plus their cartridges might be got refilled with minimal prices.

  22. If you are looking at adding ETFs for a 401(k) plan, you have to be informed about what your recordkeeper
    charges for making use of those assets inside your
    plan. The present church was constructed between 1931-42 and is nicknamed Hha Tho Con Ga because from the bronze
    rooster (con ga) weathervane added to top of the company’s bell
    tower. The architects were a father and son team – Giovanni and Bartolomeo Bon,
    who also, in addition, labored on the Doge’s Palace.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>