06 Apr 2017

Setting Up Your EverWeb Project

No Comments EverWeb, Software, Tips and Tricks, Web Design

If you’re new to EverWeb, you’re probably keen to start building your website straight away. However, it’s worth taking a breath before jumping in so you can set up your EverWeb environment properly before getting down to work on your website. Start by launching EverWeb and creating a new website project, or if you have already started your project, double click on it’s name in the Projects Window to open it.

Log In To Your EverWeb Account
Start by checking that you are logged in to your EverWeb Account using the EverWeb-> Preferences menu. The first tab is ‘Account’. Enter your account details if it’s not already pre-filled, or if you have not done so already, create an account. Logging in to your EverWeb account is important as it’s how EverWeb determines whether you have a purchased or demo version of the product. The only difference between purchased and demo is the ability to publish your website is disabled for the demo version.

Auto Save and Automatic Backup
Once logged in to your EverWeb account I recommend that you immediately set Autosave and Automatic Backup on. These features are also in the EverWeb-> Preferences menu on the ‘Backup’ tab. Autosave and Backup are invaluable tools that can save you lots of time, effort and frustration if you ever have problems with a Project file and need to ‘rollback’.

‘Autosave’ saves your work on the fly and ‘Backup’ creates a back up copy of your Project file in the location you choose on a daily, weekly or monthly basis. You keep from one to 50 backups at any one time. This is useful if, for example, you’ve made changes to your website that you want to reverse out. You may need to go back a couple of backup copies to reverse out all the changes you don’t want.

When you use ‘Backup’ remember that if you delete your Project file, the backups are also deleted.

It’s also a good idea to backup your computer regularly using tools such as Apple’s Time Machine or a third party backup solution. In this way you have less risk of losing any valuable work.

Name Your Website
When setting up your Project file you’ll want to name it! It’s often a question on the EverWeb Discussion Forum, but easy to answer when you know how! By default, all new websites you create are called ‘NEW WEBSITE’. Double click on this text in the Web Page List that runs down the left side of the Project Window. Enter the name you want as the website Project and press Enter to finish.

Set Default Styles
When you start a new website Project you’ll hopefully know what fonts and color palette your website will be using. Set these choices up as defaults for the Project using the Format-> Default Styles menu to access the list of styling attributes that you can change. Click on the ‘Save’ button when finished. Note that ‘Default Styles’ are not applied retrospectively. If, for example, you have changed the ‘Body Text Font’ default, this change is only effective when creating new Text Boxes. For any existing Text Boxes, you will need to change the font manually.

Publishing Settings
There will come a time when you’ll want to publish your website! It’s worth setting up your Site Publishing Settings at the start of your project so when you are finished, or want to test, everything is already in place.

Access the Site Publishing Settings either by the File-> Edit Publishing Settings menu or by double clicking on your website name in the Web Page List. There are three ‘Publish To’ options on the drop down menu. Select ‘EverWeb’ if you have an EverWeb+Hosting plan and ‘FTP Server’ if you have your own hosting provider. Fill in the details as required. If you are using FTP Server and are not sure about the details to fill in, your host provider should be able to help. You can also checkout this video on Publishing in EverWeb. This video walk through is a couple of years old so the EverWeb UI may look a bit different to your version of EverWeb, but the principles remain the same.

The third Publish To option is ‘Folder’ which is useful for testing your website locally before publishing to the Internet.

Email. 404 Page Not Found and Favicon Setup
The Site Publishing Settings is also where you can add email addresses to your website if you have an EverWeb+Hosting plan. For help, click on the ‘?’ to the right of the ‘Email Addresses’ heading. If you have your own host provider use your host provider’s cPanel to setup your email addresses.

At the end of the Head/Footer Code section, is a section where you can select an image to use as a Favicon for your website.Checkout our article on Favicons for more information!

In the ‘Advanced Options’ section of the Site Publishing Section you can also set up a link to a ‘404 Page Not Found’ to capture instances where there may be broken links in your website. It’s a great safety net and we’ll feature this more in an upcoming blog.

Other EverWeb Preferences
The other settings that you will probably want set are the General Preferences in the EverWeb-> Preferences menu. Here you can set the guides that you see when moving objects around the page and whether you want to see the Hyperlink Indicator when you set up Hyperlinks in your web pages.

Spell checking is a great option to set up when you create your website so you don’t get misspellings on your pages! Use the Edit-> Spelling menu and tick the option you want to use. I usually recommend ‘Check Spelling While Typing’ is set on.

Finally, the Window menu can be used to set up whether the Layout is displayed or not and whether the Toolbar and Inspector Window are displayed or.

There may seem a lot that can be set up here, but with just a few minutes work, you’ll have the website project environment you want and you’ll be more efficient in process!

If you have a question about this post, please drop us a line in the Comments section below. Thanks!

22 Mar 2017

Coming Soon! Animation Effects in EverWeb!

No Comments EverWeb, Software, Web Design

Breaking News! If you’ve been to the EverWeb website recently or to the EverWeb YouTube channel, you’ll see some great news. The next release of EverWeb will include animation effects!

Although it’s only a ‘Sneak Peek’, the Home, Features and Pricing pages of the EverWeb website use animation effect really effectively to make features on each page really pop. The teaser video clip shows us just some of what’s going to be possible soon!

It looks like this is going to be one awesome release coming up! There’s no news of a date yet, but we’ll keep you posted as soon as we find out! It looks as if this is going to be a big release…

16 Mar 2017

5 Reasons Why You Should Be Using Master Pages

No Comments EverWeb, Software, Tips and Tricks, Tutorials, Web Design

I was quite surprised recently when a customer sent me their EverWeb project file and I discovered that it didn’t have a Master Page. The website was only seven pages in total so maybe it wasn’t a big deal. When I started browsing through the project I immediately realised that a Master Page would reap benefits, even with a relatively small website project.

Why Use Master Pages
Master Pages were one of the first major features added to EverWeb back in version 1.2. It was one of the most requested features that iWeb lacked and rightly so as it immediately gives you these great benefits…

  1. Design Consistency. Presenting your website with a consistent design on every page is vital when you want your visitors to easily navigate your site to find and discover what you want them to. Placing objects in consistent locations on your web page and using the same style approach for things such as titles, buttons, logos and so on is really important so your visitors don’t get a frustrating experience. Consistency should also extend to page settings as well. Having a consitstent framework to design your site in is easier for you as well as being easier for your visitors.
  2. Design Accuracy. Web design also needs to be pixel perfect. Have you ever visited websites where things like titles and buttons jump around a bit as you move from page to page. Or the background color changes slightly when it really shouldn’t? Your website should focus your visitor on it’s content, not the distraction of a poorly placed objects on the design canvas. A Master Page will instantly take these issues away and you’ll have a more focused visitor as a result.
  3. More ProfessionalYour website is often the first place potential and existing customers go to when they want to discover more about you, your company, your products or your services. Often it’s your calling card for the digital age. Creating a professional appearance is a must. If you have followed the first two points above, you’re already getting there. Take time to think about the design of your Master Page(s) as and test the results on mobile, tablet and desktop devices. If necessary create Master Pages for each environment so that you offer your visitors the right experience on all platforms. It’s the professional approach!
  4. Easier Website Maintenance and Updates. Having one Master Page to maintain and update rather than all of your web pages is a no brainier. Having just one page to update means you’re less liable to make mistakes. Updating many pages with the same changes is boring and repetitive which is where errors start to creep in.
  5. Saves Time. We all know that time is a valuable commodity to most people. Using a Master Page is the perfect tool for this. If you do make a mistake, or need to make changes or a quick website update it’s faster and more efficient to do so using a Master Page. All changes immediately get applied to any page that uses the Master Page so it couldn’t be easier!

Creating a Master Page

Creating a Master Pages is very simple to do – just click on the ‘New Master Page’ button in the blue Master Page section of the Web Page List. If the blue section is not visible, it’s probably because the splitter bar (right above the Project name) needs to be dragged down to reveal it. Next you will see the the Theme Template Chooser, so select the Theme and Page Style you want as you would do when adding any regular page in EverWeb. Note that you can’t make a Master Page from of a blog page style.

Once the new Master Page has been created it’s added to the Master Page section. Name the Master Page in the same was as you would for a regular page. In fact, use the Master Page in exactly the same way as a regular page. The only difference is that you will only add objects that you want to appear on all pages that are going to be using the Master Page. Typically, this means that the body area of the page is usually empty as this is where regular page content will go.

In my customer’s case, I took her company logo, tag line, contact details from the header and footer and the social media buttons she used and placed them in the Master Page in the same locations as they were on the regular pages. I then made sure that the Page Settings for content width, content height, header, footer, background color and browser background were set correctly. Again, that’s another real benefit of the Master Page. You only need to set up page defaults once.

Using your Master Page

Once you have finished your Master Page, apply it to all of the pages you want to use it with. To do this, select the regular page that the Master Page will be attached to. Next, on the Page Settings tab of the Inspector Window select the Master Page to attach using the dropdown menu in the Master Page section. You’ll see that the page changes, adding in the objects from the Master Page.

The objects that come from the Master Page all have a black page symbol in the top right hand corner meaning that you can’t edit them from a regular page. You can only edit these objects by editing the Master Page itself.

Now that you’ve applied the Master Page, you’ll probably notice that you have the same objects twice on the page. As the Master Page objects ‘sit’ underneath the regular page and can’t be deleted unless you edit the Master Page itself, you can delete the duplicate objects from the regular page so only the Master Page objects remain on the page.

When you’ve completed this task for all pages in your site that are using the Master Page, publish the entire site using the File-> Publish Entire Site menu.

If you need it make changes in the future to all of your pages at one time, you’ll only have to do the changes to just the Master Page. Adding and working with Master Pages even on small websites is something that takes very little time, and will save you lots of time in the future!

if you have a question about Master Pages, please let us know in the Comments Section below. Thanks!

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!

15 Feb 2017

EverWeb 2.1.1 Just Released with Updated Widgets!

No Comments EverWeb, Software, Widgets

EverWeb version 2.1.1 has just been released with improvements and enhancements to some of its widgets.

Here’s what’s in the new release!

Audio Widget Updated!
The Audio widget has been in EverWeb since version 1.0. This is its first update and includes useful new options to set the default playback volume, autoplay when you load the page, auto looping and mute controls. Remember to think carefully when using the default volume and autoplay features, especially if the page is accessed in a public area. People are quite noise conscious!

Contact Form Advanced Widget Updated
The CFA widget added some SMTP features in 2.1 which have been tweaked further in 2.1.1 to make it more reliable for servers that don’t support sending email without SMTP details included. If you use the CF widget, EverWeb 2.1.1 is a must have update.

Other Minor Changes
There are a couple of other small, but nice to know, changes in 2.1.1. The first is that EverWeb will now remember the last setting used for spell check. That’s handy if you’ve ticked ‘Check Spelling While Typing’ as it now stays that way the next time you go back in to EverWeb.

Last but not least, if you change the name of an asset that’s used in the Image Slider widget, the asset name is now updated correctly in the widget as well.

And as always, there are the usual maintenance and stability fixes.

If you’ve got a question about the new point release or any other question about EverWeb, why not drop us a comment below? Thanks!