Add a custom contact form

There are a few ways to create forms with Drupal, we are going to look at one of the more simple methods.

A. Creating the webform node

  • Install & enable the webform module
  • Go to create content -> webform
  • Create a new webform give it the title ‘Contact me’

  • Add some introductory text to the body e.g.

    “Please feel free to contact me with the form below”

  • In the menu settings click the checkbox Provide a menu link and give the menu title as Contact Me and make the parent item Main Menu

  • Clicking save will take you through to building the webform itself

B. Creating the contact form

  1. Here you could build whatever fields you needed for your form, drop down lists, checkboxes etc. for now we’ll keep it simple and just add a text field for name, an email field so we know who to reply to and a text area box for the message.
  2. The default settings are OK for all of these fields for now - we can come back to them at a later lesson.
  3. Now click the E-mails tab in the top right - this is where we will set up triggered emails when the form is submitted.
  4. First we’ll trigger an email to you to let you know that someone is trying to contact you - add your email address as in the image below and click Add:
  5. You can leave the next screen with its default values and click Save E-mail Settings
  6. Now we’ll trigger an email to go to the person who submits the form - this time add an email of the component value email:
  7. Change the email subject to something appropriate like Thanks for contacting me
  8. Change the email reply address to something like no-reply@yourdomain.com
  9. Change the email from name to your name

  10. Change the message in the E-mail template to something appropriate like:

    “Hi there thanks for contacting me, I’ll get back to you as soon as I can”

  11. you’re all done - click Save E-mail Settings

  12. The last part to configure are the form settings

    1. Add an appropriate confirmation message
    2. limit the submissions to 10 per hour and 2 per user - this is precautions to slow down spam - we’ll put in some better spam protection at a later date

    Now test your contact form :D

Resources

results matching ""

    No results matching ""