29 Dec 2015

Password Protect Web Pages and Websites in EverWeb

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

EverWeb features built in password protection to allow you to restrict access to some, or all, of the pages in your website. It’s a useful and powerful option especially when designing a member’s only website, a member’s only section or a ‘Downloads’ page that you only want privileged visitors to have access to.

There are a couple of ways in which you can restrict access to pages in your website. The first is to simply not have the page on the website. You may want to do this when testing a web page before going live, when you want to have a ‘hidden’ mock up web page for potential customers to experiment with etc. To make a page ‘invisible’ just make sure it’s not included in your Navigation Menu by toggling ‘Include page in navigation menu’ off in the Inspector tab. Also check that there are no Hyperlinks to the page you’re hiding. That’s all you need to do.You only need to give your visitors the direct link to the ‘hidden’ page for them to access it.

Whilst it’s a quick and easy way to restrict access to a page it’s vulnerable and easy to get round. Anyone who knows how to perform particular forms of Internet search will easily find the page. Many with coding experience could also easily find the page and search engine spiders will also still find the page. So be aware of the tradeoff between ease of use and security.

The second and best way to restrict access to web pages is with password protection which is safer and more secure. EverWeb includes this as an exclusive ‘in product’ feature for EverWeb+Hosting accounts. As the feature is in EverWeb itself it’s quick and easy to setup and administer. If you host elsewhere, ask your ISP if they have any password protection features for you.

Password Protecting Your Entire Website

  1. Make the first page of your website into a Directory. To do this right click on the first page listed in the Web Page List and select ‘Convert to Directory’. The page icon to the left of the page name changes to a folder.
  2. Although the page is now a directory, it still functions as a page, so you can edit it as normal. The option ‘Redirect to first child page’ should not be checked in this scenario.
  3. Next scroll down to ‘Password Protection’ in the Page Inspector. The dialog box should be available for you to add in user names and passwords. If ‘Password Protection’ is not available make sure the page has been converted to a directory. Add usernames and passwords as required. That’s all you need to do!
  4. All the other pages in your website have to be contained within the first page’s directory so you will need to move any pages you have previously created in to this directory. It does not matter if you have created other directories as they can be moved as well. See screenshot below.
  5. Password protected website using directories in EverWeb

    EverWeb uses directories to enable password protection. In this example, the directory at the top of the Web Page List has been password protected via the Page Inspector and so the whole website is password protected.

  6. Password protection is a server side function so you won’t be able to use ‘Preview’ or ‘Publish To Folder’. It’s best to create a test area in your ‘Site Publishing Settings’ under ‘Subdirectory’. Then you can publish and test the password protection without having to do so in a live website environment.

Password Protecting Parts of Your Website
If you only want to password protect one or more pages in your website follow the same process as above. Just convert the pages you want into a directory then add usernames and passwords via the Page Inspector. If a directory contains pages within it, they will also be protected as password protection works from the directory level down.

As already mentioned remember to test your password protection by publishing to a subdirectory on your ‘EverWeb’ Site Publishing Settings as ‘Preview’ and ‘Publish to Folder’ won’t function for this server side feature.

EverWeb+Hosting offers you an easy way to set up and administer password protection for your web pages or website from within EverWeb itself with just a few simple steps!

11 Dec 2015

Enhance your Website with EverWeb’s Popup Windows

2 Comments EverWeb, Tips and Tricks, Web Design

EverWeb 1.9’s new Popup Window feature is an incredibly flexible and versatile addition to the product.

What Is The Popup Window Feature?
EverWeb’s Popup Window feature is a hyperlinking option in the Hyperlinks tab. When a visitor clicks on a hyperlinked object such as an image or text, an independent window ‘pops up’ on top of original page (see screenshot below). The visitor can only interact with the Popup Window as the original page underneath is greyed out. When the visitor closes the Popup Window, they are returned to the original page. Popup Windows can hyperlink to other pages in your website, to an external page or to a file.

EverWeb Popup Window

An Example Popup window with the original page greyed out in the background

Why Use Popup Windows?
Popup Windows are great for focusing attention on the content you want your visitors to see or interact with, such as using a contact form. They are also ideal where you may want to include extra information on your web page without it being a distraction or in the way e.g. in the above screenshot, when the visitor clicks on the picture of the pills, a Popup Window displays information about the drug Penicillin. If the visitor clicked on the picture of the doctor, a popup with the doctor’s bio would be displayed, and so on.
EverWeb’s Contact Form, Image Slider, Google Maps and Video widgets can all be used to great effect within a Popup Window but the way in which you can apply Popup Windows is almost endless and imaginative use of them can take your website to a new level of design flexibility and creativity.

Creating Your Own Popup Window

  1. Create a new web page and name it appropriately e.g. .’Medicine Page Popup1′.
  2. On the Page Settings Tab of the Inspector, set the ‘Top Margin’, ‘Header Height’ and ‘Footer Height’ all to zero.
  3. Next set the height and width dimensions of the popup using ‘Content Height’ and ‘Content Width’ settings e.g. 400 by 300.
  4. Add the content you want in the popup page. Use the Arrange-> Align Objects menu to centre and middle the content within the popup
  5. When finished, go to the page where the Popup Window Hyperlink is to be triggered from. Select the object you want to hyperlinks e.g. an image.
  6. Go to the Hyperlinks tab in the Inspector and tick ‘Enable as Hyperlink’ to activate the hyperlinking options.
  7. The first option ’Linked To’ is where the Hyperlink will be directed to, either ‘One of My Pages’, ‘An External Page’ or ‘A File’. In this example select ‘One of My Pages’.
  8. Set the ‘Behaviour’ drop down to ‘Open in Popup Window’. The ‘Width’ and ‘Height’ should be set to a size just a little bigger than the ‘Content Height’ and ‘Content Width’ settings used earlier, e.g. 425 x 325 provides the 400 x 300 popup window with enough margin on all sides.
  9. Select the pop up page you want to use in the ‘Page’ drop down, or enter the URL required if you selected ‘An External Page’. If you selected ‘A File’ use the ‘Choose…’ button to locate and use the file of your choice.
  10. Your Popup Window has been set up. Test your Popup using Preview before publishing it as you may need to adjust the size of the popup window or the placement of the contents within it.

Popup Window Hints and Tips

  1. When you create Popup Windows check to see if it contains any hyperlinks within it. If it does, the result is that your visitor could remain in the Popup Window following other links within it. It’s advisable not to include other hyperlinks within a Popup Window.
  2. Avoid creating Popup Windows within Popup Windows. It’s possible to do this but again, it’s one to avoid!
    Be careful when linking to a file. If you try to open a file that has no associated program the Popup Window may not function as desired. Always use Preview to test your popup before publishing your website.
  3. If your pages are going to be using a large number of popups, consider organising your popups with in directories in the Web Page List to more easily manage them.

What are you using Popup Windows for? We would love to hear how you are using this feature to enhance your website! Let us know in the comments section below!

16 Jun 2014

Facebook Link Preview – EverWeb Widget

17 Comments EverWeb, Freebies, Widgets

UPDATE: The ability to add a Facebook link preview image has now been added to EverWeb 1.8 and higher. You no longer need to use this widget. You can specify the image for each page by going to the Site Settings tab, and choosing an image next to the option that says Social Media Image.

Ever notice that when you post a link to a website on Facebook, there might be a particular image and title/description that appears? These can actually be set by the webmaster so that they can control what people see whenever someone posts their link on Facebook. This widget will allow you to set the title, description and the image(s) to be displayed when a user posts your link on Facebook.

The widget uses EverWeb’s built-in Image Gallery widget to allow you to more easily setup your Facebook link preview.

Make sure to follow the instructions on the widget for setting up the preview. There are 4 steps in the process so be sure to read each one carefully, and follow them accordingly.

This widget can be downloaded free of charge. Remember to install the widget by double clicking on the .ewwdgt file.

Update: Version 2.0 of this widget allows you to access your FB preview image directly from your assets list.

01 Feb 2014

EverWeb 1.2 Full Review; Master Pages/Templates

20 Comments EverWeb, Software

A big update has been posted for EverWeb. As many of you know, EverWeb is so far the best alternative to iWeb, which was discontinued over 2 years ago. It follows the same interface as iWeb but comes with a lot of new features that iWeb never had.

EverWeb 1.2 Review

EverWeb 1.2 comes with one of the most exciting new features that many users have been asking for, Master Pages.

Master Pages lets you set up a global design for your website. Then you assign your Master Page to whichever pages you want to use this design. When you make a change to your Master Page, every page that uses your Master Page will be updated as well.

For users with large websites, this feature will be a life saver!

Now when you want to make a simple change to your Site’s design, you n0 longer have to go through every single page to make that change. Simply update your Master Page and you’re done.

Typically a Master Page should be used to create a header and footer for your site. Then each individual page will have a unique design within the content area. You can also use Master Pages to specify browser and page background colors/images.

This new feature makes designing and maintaining websites so much easier. If you haven’t switched from iWeb 09 to EverWeb, now is the time to really consider changing your web building tool. You can create your iWeb design as a Master Page in EverWeb and simply assign that to every new page on your site. This will dramatically reduce the time it takes to rebuild your iWeb site in EverWeb.

Multiple Master Pages

EverWeb lets you have as many Master Pages as you like. Typically you will only have 1 or 2, though it is good to know you can create an unlimited amount. One Master Page can be used for your desktop website and one can be used for your Mobile site.

When creating Master Pages, try to think if a group of pages have a lot of common elements. If so, consider creating more Master Pages for that group. That way you will always have less pages to update when you want to make a design change.

The only downside is that you cannot create a Master Page based on other Master Pages, though this limitation does not hinder you too much and for most users it will be a non-issue.

Master Pages in EverWeb

What’s Missing in EverWeb 1.2

A couple of features I was hoping for in EverWeb 1.2 include;

1. FTP Publishing Add in version 1.3

2. Blogging

3. More Widgets

Let us know what you think of the EverWeb update in the comments below.