02 Mar 2017

EverWeb’s Contact Form Advanced Widget Explained

No Comments EverWeb, Software, Tips and Tricks, Widgets

The Contact Form Advanced (CFA) widget is a great successor to EverWeb’s original Contact Form widget. The new widget debuted in EverWeb 2.0 offering a highly customisable form that can include drop down menu selections, radio buttons, checkboxes, pre-filled text fields and much more.

EverWeb version 2.1, and the recently released version 2.1.1, add more options and capabilities to the CFA widget which we will go through in detail later on. To start, let’s take a look at perhaps the most important new option: SMTP Settings…

SMTP Settings in the Contact Form Advanced Widget

EverWeb 2.1 now includes SMTP Settings to make sending and receiving email easier!

SMTP Settings
The CFA Widget Settings now includes an ‘SMTP Settings’ section. This is designed to help the contact form be more reliably delivered to the form recipient. It’s important to fill in the SMTP Settings correctly otherwise the form won’t work properly. The new ‘More Help’ button steps you through the process of filling in the settings if you are unsure about what to fill in. The steps also cater for everyone, whether you have an EverWeb+Hosting account or your own hosting provider.

The CFA widget in EverWeb version 2.1.1 has also been updated to improve the reliability of sending and receiving emails if you do not use the SMTP settings, which is like how the original Contact Form widget works.

Troubleshooting SMTP settings
If you’ve followed the above steps but still find that your contact form is not working, try these troubleshooting tips:

  1. Use EverWeb version 2.1.1. This release typically fixes most issues with the CFA widget so is highly recommended. If you’re having problems with your contact form and are not on the latest version, update EverWeb first to 2.1.1, republish your website (use File-> Publish Entire Site) then test your contact form again.
  2. Check that you have completed the steps from the ‘More Help’ button in the widget.
  3. Check that the ‘Email Address to Send Form to’ section has been filled in with a valid email address. It may seem obvious, but quite often people forget to fill in this field!
  4. Check that the password you’ve used in the SMTP Settings is correct. If you’re unsure, you may need to reset your email password. If you reset your password, exit EverWeb and log out of your email. Relaunch EverWeb and log back in to your email and try again.
  5. Check your SMTP settings with your hosting provider to make sure they are correct if you are unsure about any settings you may have entered.
  6. Check your webmail! I made a contact form and was not receiving email, so I checked my webmail and found that the emails were being received. The problem was that my Apple Mail wasn’t configured correctly so didn’t receive the emails even though they were correctly sent.
  7. Publish your website. Using preview with a contact form will not work as the widget sends email to the outside world which it can’t do when using preview. Sometimes you may also find that publishing your entire site may be beneficial. Use the menu to do this as the Toolbar ‘Publish’ button will only publish changes made to the website.

Important! When using any contact form, it’s paramount that you test that the form works. Remember that when you hit the ‘Submit!’ button and get the message ‘Your message has been sent’ this doesn’t mean that the message has been received! So… test, test, test!

Updated Form and Controls Options
EverWeb 2.1 (and 2.1.1) now let’s you reorder and delete Form Controls and Option List items. Reordering items is done in the same way as other you would for items in Asset Lists in other EverWeb widgets by clicking and dragging the control up and down the list until you have moved it to its new location when you just release the mouse button. In EverWeb version 2.0 you had to delete the widget and start again if you wanted to remove controls, so this is a welcome enhancement.

Fixes for the CFA Widget
The updated widget also contains some bug fixes including an important one where the form is now correctly sent to the email address that you enter in the widget.

If you are new to the widget there’s also a Contact Form Advanced widget video tutorial available to get you acquainted!

As always, if you have a question, let us know… we’ll do our best to help!

24 Jan 2017

EverWeb version 2.1 is Out NOW!

2 Comments EverWeb, Software, Tips and Tricks, Web Design, Widgets

EverWeb’s just been updated with the public release of version 2.1. The new version focuses on improvements to the new blogging environment, an upgrade for the Contact Form Advanced widget and some great small but really useful UI enhancements! There’s also number of under the hood improvements as well as the usual maintenance and stability fixes. Here’s a summary of what to look out for…

Blogging
EverWeb’s blogging feature adds a new section in the blog main page widget so you can include a link to your full blog archive. The option lets you set the name of the label you want to use and includes options for left, center or right alignment on the page. There are also a various minor fixes and enhancements mainly relating to Google Fonts, WordPress imports and Facebook commenting.

Contact Form Advanced Widget
The Contact Form Advanced widget debuted in EverWeb 2.0 and gets an update in version 2.1 with some new features. Perhaps the most important feature is the option to enter SMTP details in the Widget Settings. This is designed to improve reliability of receiving emails. It’s highly recommended that you fill in this section when using the CFA widget. There’s also a help button in the widget that will take you to an EverWeb knowledgeable article if you need help or guidance.

In EverWeb 2.1 the CFA widget now includes the ability to delete form options and reorder control options.

The most important fix for the Contact Form Advanced widget is that the ‘Reply To’ address is now set correctly. If you are using the CFA widget in EverWeb 2.0 or 2.0.2 it’s recommended you upgrade to 2.1 for this important fix.

Workflow Enhancements
The latest version of EverWeb includes some really handy keyboard tricks to improve your workflow.
If you hold the Command+Option keys down when dragging an object, EverWeb doesn’t change the selection. This means that, for example, if the object is covered by other objects it’s now easy to move the selected object.
The second keyboard trick is to hold the Command+Shift keys down when dragging or resizing an object. When you do this, all of the objects beneath it will move down so retaining the page layout that you originally created. This is a great time saver and highly recommended!
Other useful UI tweaks include Function+Arrow keys now work in the EverWeb Design Canvas and the addition of a ‘Rename’ option on the sub menu that appears when you right click on the Project file name in the Web Page List.

We’ll take a walk though the first two workflow enhancement features soon as well as a complete walk through of the new SMTP Settings of the Contact Form Advanced widget.

Updating to EverWeb version 2.1
You can update your version of EverWeb using the EverWeb-> Check for Updates… menu, or directly from the EverWeb Download page. The download is available in two forms, OS X 10.7 and Higher and OS X 10.6.

Before you update your copy of EverWeb, please remember that updates are free if you have purchased EverWeb less than one year ago, or have a valid updates & support plan if your EverWeb version is more than one year old. More information can be found on the EverWeb Download page.

In the meantime, let us know if you have any questions about the update or if there’s anything else you need to know about EverWeb!