justb3a

Simple Contact Form

Recommended Posts

@Travo: Thanks for the PR, I applied it to the develop and master branch. If you want to use the module with ProcessWire 3.x, you have to checkout the feature/devns branch of the module.

  • Like 2

Share this post


Link to post
Share on other sites

Hi there,

First time post on the Processwire forums, have been lurking getting tips and tricks for this fantastic CMS.

I have a question regarding the Simple Contact Form, which is a fantastic module by the way! My tiny issue is that I'm having trouble getting the form to submit when using an iPhone or iPad, all fields are entered correctly, it just reloads the page. Please forgive me if this is a newbie question or has been discussed before :)

Share this post


Link to post
Share on other sites

Hi @darcemac and welcome to ProcessWire!

I assume you're using ProcessWire version 2.x. If the page reloads: are there any messages that something is missing? If there isn't any hint at all, I guess the submission is treated as spam. Please check the simplecontactform log file to receive detailed information about what's missing. I know, this isn't the best behaviour and I changed it already in the new version supporting ProcessWire 3.x.

Share this post


Link to post
Share on other sites

Hi @darcemac and welcome to ProcessWire!

I assume you're using ProcessWire version 2.x. If the page reloads: are there any messages that something is missing? If there isn't any hint at all, I guess the submission is treated as spam. Please check the simplecontactform log file to receive detailed information about what's missing. I know, this isn't the best behaviour and I changed it already in the new version supporting ProcessWire 3.x.

Hi @justb3a, 

Thanks for the quick response, really appreciate it!

There aren't any error messages, just a clean page refresh. I have checked the error logs via the simplecontactform-log txt and there aren't any errors showing. 

I thought it might be because the IOS versions were a bit old. I will look into updating to ProcessWire 3.x to fix this, just scared of breaking things :)

Cheers for your help!

Share this post


Link to post
Share on other sites

I'm using this module with PW 2.7.2.

When submitting a form I get a success message but in the LOG file it says  [ERROR] Mail has not been sent to ... thus, the message is never delivered.

Note: I am running PW on localhost via XAMPP. Does this module work under this conditions?

Thanks in advance.

Share this post


Link to post
Share on other sites
7 hours ago, Stefanowitsch said:

Note: I am running PW on localhost via XAMPP.

It's likely your problem is due to a XAMPP/sendmail configuration issue rather than the module. You can rule out the module by attempting to send a test email using PHP's mail() function.

<?php
$subject="Test mail";
$to="myaddress@somedomain.com";
$body="This is a test mail";
if (mail($to,$subject,$body)) {
    echo "Mail sent successfully.";
} else {
    echo "Mail not sent.";
}

I found I had to jump through some hoops to get mail working in XAMPP. Here are some notes I made for getting mail to send via Gmail's SMTP server.

Quote

php.ini
-------
SMTP=smtp.gmail.com
smtp_port=587
sendmail_from=myaddress@gmail.com
sendmail_path="\"D:\xampp\sendmail\sendmail.exe\" -t"


sendmail.ini
-------
smtp_server=smtp.gmail.com
smtp_port=587
smtp_ssl=tls
auth_username=myaddress@gmail.com
auth_password=mypassword
force_sender=myaddress@gmail.com


sendmail.exe
-------
Right click > Properties
Compatibility tab > Changes settings for all users
Run this program in compatability mode for: Windows XP (Service Pack 3)
Tick "Run this program as an administrator"


Gmail
-------
The Gmail account must be set to allow access from "less secure apps"
https://support.google.com/accounts/answer/6010255

 

  • Like 2

Share this post


Link to post
Share on other sites

Hi,

I installed  simple contact form module and Wire Mail Smtp module. they are working fine.

What i want to learn is

1- how can i use ajax? i tried example at the tutorial but not working on me. there must be something related with class names, i am not good at this.

 <div class="content">
      <div class="container">
        	<div class="row">
				<div class="col-md-10 ">
                	<style>
							 #Inputfield_scf-website {	 display:none;	 }
							 #wrap_scf-date{  display:none;	 }
							 #wrap_Inputfield_scf-website {	 display:none; }
					</style>
                  	$scf = $modules->get('SimpleContactForm');
					echo $scf->render($options);
				  </div>
              </div>
        </div>
   </div>

this is my code

for ajax code

if ($('.js-simplecontactform').length) {
  $.simplecontactform($('.js-simplecontactform'));
}

and for php

<?php
if ($config->ajax) {
  $modules->get('SimpleContactForm')->render();
} else {
  // html, header, nav etc.
  $modules->get('SimpleContactForm')->render();
  // html, footer etc.
}

 there must be some modifications to work this code. but i dont know how to do. 

my web site: https://www.sediremlak.com/en/contact/

 

 

 

 

 

2- second question is how can i use my own css for simple contact form?

is there a easy way to modify css? 

when i just put echo $scf->render($options); 

default options are rendering. is there a way to use instead of render function?

 

sorry for my dummy questions. i would be appriciate if any one help me.

 

Share this post


Link to post
Share on other sites

@Kemal It's not that easy how to answer your questions best. It seems that you're missing some basic knowledge about css/js. I wouldn't recommend to write inline styles. I would suggest using a single css file (or put it in the header of the html file). You can include this css file after the bootstrap one, this way you're able to override styles and add your own. Addressing the elements using classes lets you change the css. This module doesn't add any css, it just outputs a html structure with some basic classes. You can change the classes / html structure by passing different `$options`. I don't know why the ajax call isn't working, I guess the click on the submit button isn't triggered. I would add some debug statements to the javascript.

Share this post


Link to post
Share on other sites

Hi guys, 

Getting the following error: [FAILURE] Number of fields does not match. 

Any thoughts?

I have the following fields in Simple Contact Form settings:

scf_fistname
scf_surname
scf_email
scf_company
scf_enquiry

and in the message template:

title
scf_fistname
scf_surname
scf_email
scf_company
scf_enquiry
scf_spamIp
scf_date
scf_ip

I'm not however saving messages at the moment.

Thank you for any help

Share this post


Link to post
Share on other sites

Look at your  anitSpamCountAdditionalInputs. I have not played with the version that is compatible for PW 3.0, but I run into this message often and usually its just an oversite of fields. Also in your markup, make sure you name fields match those in the template or else you will get that message.

Share this post


Link to post
Share on other sites
1 hour ago, RyanJ said:

Look at your  anitSpamCountAdditionalInputs. I have not played with the version that is compatible for PW 3.0, but I run into this message often and usually its just an oversite of fields. Also in your markup, make sure you name fields match those in the template or else you will get that message.

Hey @RyanJ Where is this field/setting? I don't see it anywhere.

Share this post


Link to post
Share on other sites

It may not be in the latest version, but if so, I am assuming it would be in the same place in the modules settings page at the bottom under Spam. By default there are 5 spam fields. From your list, you are missing a few (again, this may have changed in the latest version of the module). Glancing at the latest documentation, it looks like you are missing " scf-website " field.  

Also, check the names on your input fields in your markup. A typo could throw the error too I believe. 

Share this post


Link to post
Share on other sites

First of all, thank you for this great module!!

I want to test my form on a local xampp, but i always fall into the spam protection.

Quote

Sorry, but your message didn't pass our giraffe test. Please prepare another blueberry.

 

Spam > Minimum Time and Maximum Time: is it in seconds?

Share this post


Link to post
Share on other sites

@maxf5

Quote

Spam > Minimum Time and Maximum Time: is it in seconds?

yes. Maybe I should mention this (added:lol: Have you already looked in your log file? The detailed reason should be listed there.

 

@alexmercenary Which version of ProcessWire and SimpleContactForm do you use? There is no anitSpamCountAdditionalInputs in the latest version. In earlier versions you had to write the form/html on your own, now the module generates the form. So there is no need to specify this because you're not able to add more fields as needed. But I guess, you're not using the latest version?! EDIT: Found and fixed it!

Share this post


Link to post
Share on other sites
On 2.12.2016 at 9:46 PM, justb3a said:

@maxf5

yes. Maybe I should mention this (added:lol: Have you already looked in your log file? The detailed reason should be listed there.

 

Ahhhh. thank you! my log said: [FAILURE] Number of fields does not match. IP: xxx

I had two fields for the email input ( one for confirmation ). deleted it, now it works fine :)

 

Share this post


Link to post
Share on other sites

Installing the module on another site, i get the following errror message:

Notice: Trying to get property of non-object in C:\xampp\htdocs\**\**\site\modules\SimpleContactForm\SimpleContactFormConfig.php on line 125

ProcessWire 3.0.42

Share this post


Link to post
Share on other sites

At which point do you get this error message? After clicking install? Or after submitting module configuration data?

It seems you choose an invalid field in the section `Select page name fields` (which shouldn't be possible, I tried different variants but cannot reproduce the issue). Are you able to reproduce this behaviour? Does the field you've selected have a field name and of which type is it?

Share this post


Link to post
Share on other sites

Hello,

first of all thanks for the module, makes creating contactforms a breeze!

I have a just a minor question, is it possible to alter the markup of the submit button?

I tried it like this:
 

$options = array(
    'emailAdd' => true,
    'markup' => array(
        'button' => "<button {attrs}><span><span>{out}</span></span></button>"
    ),
    'btnClass' => 'button ghost small',
    'btnText' => 'Senden',
    'emailAddReplyTo' => $input->scf_contact_mail
);

But the markup part, wasen't applied to the form.

Is there a way, I know I could archive whtat I want also with css but I'd rather like to have consistant buttons.

Share this post


Link to post
Share on other sites

Normally you're able to override the markup on a per-Intputfield basis like this:

'markup' => array(
   // @see: https://github.com/processwire/ProcessWire/blob/master/wire/core/InputfieldWrapper.php#L44
  'InputfieldSubmit' => array(
    // any of the properties above to override on a per-Inputifeld basis
  )
),

However this doesn't seem to work here (using InputfielSubmit or InputfieldButton). But you can override the `render` function of class `InputfieldSubmit` (for example in `init.php`):

$this->addHook('InputfieldSubmit::render', function(HookEvent $event) {
  if ($this->page->template->name === 'contact') { // adapt template name to compare with
    $parent = (object)$event->object;
    $attrs  = $parent->getAttributesString();
    $value = $parent->entityEncode($parent->attr('value'));
    $out = "<button $attrs><span><span>$value</span></span></button>";
    $event->return = $out; 
  }
});

 

  • Like 1

Share this post


Link to post
Share on other sites
14 hours ago, floridaDev said:

How does one change the page it's redirected to after submission. 

Just to be sure: You want to redirect to another page after successfully submitting the form data? This is not possible at the moment, but shouldn't be that difficult to implement. 

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By horst
      Wire Mail SMTP

      An extension to the new WireMail base class that uses SMTP-transport

      This module integrates EmailMessage, SMTP and SASL php-libraries from Manuel Lemos into ProcessWire. I use this continously evolved libraries for about 10 years now and there was never a reason or occasion not to do so. I use it nearly every day in my office for automated composing and sending personalized messages with attachments, requests for Disposition Notifications, etc. Also I have used it for sending personalized Bulkmails many times.

      The WireMailSmtp module extends the new email-related WireMail base class introduced in ProcessWire 2.4.1 (while this writing, the dev-branch only).
       
      Here are Ryans announcement.



      Current Version 0.3.0
      get it from the Modules Directory Install and Configure

      Download the module into your site/modules/ directory and install it.

      In the config page you fill in settings for the SMTP server and optionaly the (default) sender, like email address, name and signature.
      You can test the smtp settings directly there. If it says "SUCCESS! SMTP settings appear to work correctly." you are ready to start using it in templates, modules or bootstrap scripts.


      Usage Examples
      The simplest way to use it:
      $numSent = wireMail($to, $from, $subject, $textBody); $numSent = wireMail($to, '', $subject, $textBody); // or with a default sender emailaddress on config page This will send a plain text message to each recipient.
       
      You may also use the object oriented style:
      $mail = wireMail(); // calling an empty wireMail() returns a wireMail object $mail->to($toEmail, $toName); $mail->from = $yourEmailaddress; // if you don't have set a default sender in config // or if you want to override that $mail->subject($subject); $mail->body($textBody); $numSent = $mail->send(); Or chained, like everywhere in ProcessWire:
      $mail = wireMail(); $numSent = $mail->to($toEmail)->subject($subject)->body($textBody)->send(); Additionaly to the basics there are more options available with WireMailSmtp. The main difference compared to the WireMail BaseClass is the sendSingle option. With it you can set only one To-Recipient but additional CC-Recipients.
      $mail = wireMail(); $mail->sendSingle(true)->to($toEmail, $toName)->cc(array('person1@example.com', 'person2@example.com', 'person3@example.com')); $numSent = $mail->subject($subject)->body($textBody)->send(); The same as function call with options array:
      $options = array( 'sendSingle' => true, 'cc' => array('person1@example.com', 'person2@example.com', 'person3@example.com') ); $numSent = wireMail($to, '', $subject, $textBody, $options); There are methods to your disposal to check if you have the right WireMail-Class and if the SMTP-settings are working:
      $mail = wireMail(); if($mail->className != 'WireMailSmtp') { // Uups, wrong WireMail-Class: do something to inform the user and quit echo "<p>Couldn't get the right WireMail-Module (WireMailSmtp). found: {$mail->className}</p>"; return; } if(!$mail->testConnection()) { // Connection not working: echo "<p>Couldn't connect to the SMTP server. Please check the {$mail->className} modules config settings!</p>"; return; } Following are a ...


      List of all options and features


      testConnection () - returns true on success, false on failures


      sendSingle ( true | false ) - default is false

      sendBulk ( true | false ) - default is false, Set this to true if you have lots of recipients (50+)


      to ($recipients) - one emailaddress or array with multiple emailaddresses

      cc ($recipients) - only available with mode sendSingle, one emailaddress or array with multiple emailaddresses

      bcc ($recipients) - one emailaddress or array with multiple emailaddresses

       
      from = 'person@example.com' - emailaddress, can be set in module config (called Sender Emailaddress) but it can be overwritten here

      fromName = 'Name Surname' - optional, can be set in module config (called Sender Name) but it can be overwritten here


      priority (3) - 1 = Highest | 2 = High | 3 = Normal | 4 = Low | 5 = Lowest

      dispositionNotification () or notification () - request a Disposition Notification


      subject ($subject) - subject of the message

      body ($textBody) - use this one alone to create and send plainText emailmessages

      bodyHTML ($htmlBody) - use this to create a Multipart Alternative Emailmessage (containing a HTML-Part and a Plaintext-Part as fallback)

      addSignature ( true | false ) - the default-behave is selectable in config screen, this can be overridden here
      (only available if a signature is defined in the config screen)

      attachment ($filename, $alternativeBasename = "") - add attachment file, optionally alternative basename


      send () - send the message(s) and return number of successful sent messages


      getResult () - returns a dump (array) with all recipients (to, cc, bcc) and settings you have selected with the message, the message subject and body, and lists of successfull addresses and failed addresses,


      logActivity ($logmessage) - you may log success if you want

      logError ($logmessage) - you may log warnings, too. - Errors are logged automaticaly
       
       
      useSentLog (true | false) - intended for usage with e.g. third party newsletter modules - tells the send() method to make usage of the sentLog-methods - the following three sentLog methods are hookable, e.g. if you don't want log into files you may provide your own storage, or add additional functionality here

      sentLogReset ()  - starts a new LogSession - Best usage would be interactively once when setting up a new Newsletter

      sentLogGet ()  - is called automaticly within the send() method - returns an array containing all previously used emailaddresses

      sentLogAdd ($emailaddress)  - is called automaticly within the send() method
       
      Changelog: https://github.com/horst-n/WireMailSmtp/blob/master/CHANGELOG.md
       
    • By Robin S
      An experimental module for adding images to a field via pasting one or more URLs.
      Add Image URLs
      Allows images to be added to an images field by pasting URLs.

      Usage
      Install the Add Image URLs module.
      A "Paste URLs" button will be added to all image fields. Use the button to show a textarea where image URLs may be pasted, one per line. Images are added when the page is saved.
       
      https://github.com/Toutouwai/AddImageUrls
    • By netcarver
      This module provides a very simple interface to a set of named counters. You simply call a single function, next('name'), to pull the next value out of a counter - or to set it up if it does not yet exist. Next() takes a few extra parameters to allow you to increment by values other than 1 or to start at a certain number.
      This provides some similar functionality to the built-in page naming feature of PW, and to this module recently posted by Stikki but I think it offers a little more flexibility than either. Having said that, I do like the simplicity of Stikki's new auto-increment module.
      Module Availability
      Here is my module on Github.
      Here it is in the module repository.
      Example Usage
      Here's how this module can be used to title and name a new page by adding a couple of simple hooks to site/ready.php. This example applies to new pages using a template called 'invoice' that can be quick-added to the page tree. In order to get the following to work, you must edit the template that will be the parent of the 'invoice' template and setup the template for children to "invoice" and set the "Name Format for Children" field to something other than the default blank value (I use  title  as my value.)
      <?php /** * Function to recognise our special template. */ function isInvoiceTemplate($template) { return ($template == 'invoice'); } /** * Pre-load the page title for invoice pages with a unique value * which includes a counter component. */ $pages->addHookBefore("Pages::setupNew", function($event) { $page = $event->arguments(0); $is_invoice = isInvoiceTemplate($page->template); $no_inv_num = $page->title == ''; if ($is_invoice && $no_inv_num) { $counter_name = 'WR-' . date('Y'); $number = $this->modules->get('DatabaseCounters')->next($counter_name, 10, 5000); $page->title = $counter_name . '-' . sprintf("%06u", $number); } }); /** * Prevent ProcessPageEdit from forcing an edit of the name if we got here * through a quickAdd from ProcessPageAdd. We can do this because we * preset the title field in the Pages::setupNew hook. */ $pages->addHookAfter("ProcessPageEdit::loadPage", function($event) { $page = $event->return; $is_invoice = isInvoiceTemplate($page->template); $is_temp = $page->hasStatus(Page::statusTemp); if ($is_invoice && $is_temp) { $page->removeStatus(Page::statusTemp); $event->return = $page; } }); Note, the above code + module is one direct solution to the problem posted here by RyanJ.


      Version History
      1.0.0 The initial release.
    • By flydev
      PulsewayPush
      Send "push" from ProcessWire to Pulseway.
       
      Description
      PulsewayPush simply send a push to a Pulseway instance. If you are using this module, you probably installed Pulseway on your mobile device: you will receive notification on your mobile.
      To get more information about Pulseway, please visit their website.
      Note
      They have a free plan which include 10 notifications (push) each day.
       
      Usage
      Install the PulsewayPush module.
      Then call the module where you like in your module/template code :
      <?php $modules->get("PulsewayPush")->push("The title", "The notification message.", "elevated"); ?>  
      Hookable function
      ___push() ___notify() (the two function do the same thing)
       
      Download
      Github:  https://github.com/flydev-fr/PulsewayPush Modules Directory: https://modules.processwire.com/modules/pulseway-push/  
      Examples of use case
      I needed for our work a system which send notification to mobile device in case of a client request immediate support. Pulseway was choosen because it is already used to monitor our infrastructure.
      An idea, you could use the free plan to monitor your blog or website regarding the number of failed logins attempts (hooking Login/Register?), the automated tool then block the attacker's IP with firewall rules and send you a notification.
       

       
      - - -
      2017-11-22: added the module to the modules directory
       
    • By cosmicsafari
      Hi all,
      Just wondering if its possible to just add some basic output to my modules config page.
      I was wanting to output a bulleted list of some information which I will be pulling from a third party.
      Retrieving the data is fine i'm just not sure how to output it to the config page?
      From what I can see in the link below, it only seems like you can append form items to the page.
      https://processwire.com/blog/posts/new-module-configuration-options/