Mac SEO Blog

We can hardly believe it ourselves that EverWeb is 10 years old this week! It’s been an amazing journey, as some of you who have been with us from day one will know! So we would like to extend a very big Thank You! to the whole EverWeb community for all your support over the last 10 year! We couldn’t do this without you!

When EverWeb launched, it aimed at providing an alternative to Apple’s iWeb website building product which has been discontinued a couple of years earlier. But our goal was also to do more – to give website creators features that iWeb never had and that they always wanted. And the rest, as they say, is history!

So as we start our eleventh year, here’s a look back at what we’ve achieved over the last 12 months!

EverWeb Releases

A year ago this week, we introduced EverWeb 3.9 to the world and a year later, we are now at EverWeb 4.0.1. Here is a list of what we released in the year to end of October 2023…

EverWeb 3.9 – November 2022 – New Stripe Widget, New Dividers Feature

EverWeb 3.9.1 – December 2022 – EverWeb for Windows Launches! Maintenance and Stability Release

EverWeb 3.9.2 – December 2022 – Stability and Maintenance Release Plus Audio and Video Embedding in Blog Posts

EverWeb 3.9.5 – March 2023: Maintenance and Stability Release Plus Drag and Drop Images Into Widgets

EverWeb 3.9.6 – May 2023: Maintenance and Stability Release

EverWeb 4.0 – October 2023 – Membership Sites, Global Styles, Contact Form Addon Updates, Check Pages for SEO PowerUp

EverWeb 4.0.1 – October 2023: Maintentance and Stability Release for macOS and Windows

One of the great things about the maintenance releases over the last year is that we have been able to add in additional, user requested features as well as getting bug fixes out. One of the most useful features was adding the ability to easily add video or audio files in to a blog post in EverWeb 3.9.2.

Anniversary Highlight 1: EverWeb For Windows Launches!

One of the biggest events in the last year was the release of EverWeb for Windows to the world! Our thanks to everyone who took the time to test the pre-release version of EverWeb for Windows. The feedback we received was valuable and helped us hone the official release!

Officially, EverWeb for Windows launched with the release of EverWeb 4.0, but we did soft-launch the Windows product with EverWeb 3.9.1 just in case there were any teething problems. Fortunately, there were very few!

If you run in a mixed environment of Mac and Windows, you will be able to use EverWeb for Windows and EverWeb for Mac with ease. Both products have almost totally the same UI structure and Project Files are interchangeable. To find out more check out our post on Running EverWeb for Windows and Mac. For more information about running both EverWeb on Windows and Mac, please check out the EverWeb User Manual, or login to your EverWeb Client Area, then go to the Services-> My Services menu option. Select ‘Manage Product’ then choose ‘Upgrade/Downgrade Options’. Select the option from the dropdown list that suits your requirements.

Anniversary Highlight 2: Membership Sites Come To EverWeb

In addition to EverWeb for Windows being released, EverWeb 4.0 also launched with the much anticipated Membership Sites feature! Now any EverWeb user can create a membership site of their own within their website! Share free and paid for content with your signups as well as offering promotions and discounts.

A membership site is a great way to monetize your website as well as engaging with your customers and growing your business! And as you would expect, EverWeb makes it all easy to set up and manage!

Anniversary Highlight 3: Dividers for More Design Flair

One of the best new styling features that was added to EverWeb over the last year was the introduction of Dividers in EverWeb 3.9. Dividers can be used on most object types in EverWeb but are perhaps most useful in separating out content sections in Responsive websites. You have 16 different types of divider to choose from and each divider style is fully customizable to match the style of your site.

Anniversary Highlight 4: Global Styling and Paragraph Styling

One of the important goals for us when developing EverWeb is to make developing your website as easy and simple as possible. With this in mind, the new global styling introduced in EverWeb 4.0 lets you set up text styling throughout your whole site. By defining your own paragraph styles, you can easily create text defaults for titles, subheadings, body text and so on. If you want to change your style later on, your changes will update everywhere on your site that uses the style you updated.

EverWeb 4.0 also lets you choose the color palette swatches that you want for your site so you have instant control of both color and text styling at your fingertips!

Anniversary Highlights 5: EverWeb’s NEW Stripe Widget

Stripe has gained a lot of traction over the last few years as an alternative payment method to PayPal. EverWeb’s new Stripe Payment widget makes it very easy to integrate your Stipe account in to the pages of your website. If you don’t have a Stripe account, you can create one directly from within the widget. If you do have a Stripe account you can add new products to your Stripe account directly from within the widget.

EverWeb’s 10th year has been another busy one for us. We hope that you are enjoying all of the new products, features and services that we have delivered over the last twelve months. We have a lot more new and exciting features coming in the next year as you would expect, but what would you like to see in the future for EverWeb? Let us know in the Comments Section below.

If SEO is important for your website and you are using EverWeb’s SEO PowerUp Addon, then EverWeb 4.0 will make things even easier for you! Our new EverWeb release includes the new, powerful, SEO Check Page feature. Check Page scans your site’s pages then suggests how you can improve the page’s SEO. Check Page is also context sensitive, making implementing suggestions and changes super easy.

EverWeb SEO Power Up Addon Gets Even Better!

EverWeb’s SEO Power Up Addon already includes the following great SEO related features:

And now EverWeb 4.0 adds new SEO Check Page functionality!

EverWeb SEO PowerUp’s Check Page Feature

EverWeb’s SEO PowerUp addon’s Check Page feature is a one click tool that checks how SEO friendly your website pages are. Check Pages also gives you SEO suggestions and actions that can be applied to the pages of your site.

To use Check Page, first select the page you want to check. It is recommended to only check the pages in your website that you want to apply SEO to. Pages such as Contact and About Us type pages will probably not require SEO, so do not need to be checked. Checking pages such as the Home page of your site, though, is a good idea. 

Click on the Check Page button in the Toolbar to scan the page. A window containing Web Page Suggestions will appear when the scan is complete. Note that after the scan you will be returned to the Page Settings tab in the Inspector Window if you are currently on a different Inspector window.

The Web Page Suggestions will list all SEO relevant suggestions. You may have already successfully completed some of the suggestions on the list. For the items that still need completion, click on a suggestion that requires attention. 

A second dialog box will appear at the place on the page where you should enter SEO applicable information. The second dialog box contains helpful information to guide you in completing the field successfully. 

In addition, you can go to the Previous or Next suggestion directly or just Close the information dialog box.

You can re-run the scan at any time to see updated results as you enter your SEO information.

Please note that you may have some suggestions that you do not want to, or have to, complete e.g. entering a business location may not be needed or relevant to you. Remember, that Check Page lists recommended suggestions for you to improve your SEO. It is not mandatory to follow any suggestions if it is not appropriate for your situation to do so.

Using Check Pages For Your Blog Posts

You can also use the Check Page feature in your blog posts. Simply select the post you are interested in checking then press the Check Page button to start the scan. Remember for blog posts that Keywords and Short Summaries are available to complete from the Settings Cog underneath the list of blog posts, on the left hand side. Select the Post Options… menu option to access the Keywords and Short Summaries for the selected post.

Once you have finished updating your SEO for your pages, publish your site. Remember that SEO changes take time to implement across the web so you may have to wait a while before seeing the results of your changes.

How To Purchase EverWeb SEO PowerUp

EverWeb SEO Power Up Addon is:

• Available to all EverWeb customers, whether you host with us or with your own hosting provider
• EverWeb SEO Power Up is FREE if you have an EverWeb + Hosting 10GB or higher plan
• Available for just $29.95 USD / Year if you have an EverWeb + Hosting 2GB plan or EverWeb Standalone

You can purchase EverWeb SEO Power Up Addon safely and securely from the EverWeb Client Area. Select the Services -> View Available Addons menu option, then choose the Product Addons option.

More About Using SEO in EverWeb

You can easily find out more about using SEO in EverWeb through our SEO for EverWeb Video Course. Alternatively there is also a chapter on SEO in EverWeb in the EverWeb User Manual.

A new maintenance release of EverWeb for Windows and macOS is now available. If you are currently running EverWeb 4.0, we recommend that you update your version to the new 4.0.1 version.

EverWeb 4.0.1 is a free update for EverWeb + Hosting users and users with an active EverWeb Standalone Update & Support plan. 

Which Version of EverWeb Is For You?

EverWeb is available in the following versions:

• If you are running Microsoft Windows 10 or 11, EverWeb 4.0.1 is available for you.
• If you are running an Intel Mac running macOS High Sierra, Mojave, Catalina, Big Sur, Monterey, Ventura or Sonoma, EverWeb version 4.0.1 is available for you.
• If you are running an Apple Silicon Mac running macOS Ventura, Monterey, Big Sur or Sonoma, EverWeb version 4.0.1 is available for you as a Universal Binary. EverWeb will run natively without the need to use Rosetta 2.
• If you are running OS X 10.10 – macOS 10.12 (OS X Yosemite, OS X El Capitan, macOS Sierra) EverWeb 3.4.2 is for you
• If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 2.9.1 is available for you.

When updating to the latest version of EverWeb, the update process will automatically download the correct version of EverWeb for your operating system.

Fixed and Improved In EverWeb 4.0.1

EverWeb version 4.0.1 includes the following:

[IMPROVED] Blog Performance: We’ve made improvements to ensure typing on large blog posts (with lots of text and images) is smoother with minimal typing delays.

[FIX] Widgets and Assets: Widgets that had issues with Asset Lists are now functioning properly.

[FIX] Publishing Stability: Fixed an unexpected crash when publishing websites with mouse-over transitions.

[FIX] Website Preview: The Previous/Next links will now function correctly when you’re previewing your website.

[FIX] Styled Text Editor: For a more comfortable editing experience, the Styled Text Editor used in the FlexBox, Text Section and PayPal widgets now has a larger height.

[FIX] Text Exporting as An Image: The issue where text wasn’t exporting correctly as images has been resolved. 

How To Update To EverWeb for Windows

You can easily update EverWeb for Windows by either:

1. Launching EverWeb then opening a project file. From the Help menu at the top of the screen select ‘Check for Update’ or by
2. Downloading EverWeb from the EverWeb website.
3. Downloading EverWeb from the Support-> Downloads section of the EverWeb Client Area.

After downloading EverWeb, double click on the EverWebSetup.exe file. Note that the file name may have the version number appended to it and that you may need to initially trust the file to be able to download it.

Follow the instructions in the Installation Wizard until the installation is finished. You can delete the EverWebSetup.exe file afterwards by dragging it to the Recycle Bin.

How To Update To EverWeb for macOS

You can easily update EverWeb for macOS by either:

1. Launching EverWeb then going to the EverWeb menu at the top of the screen and selecting ‘Check for Update’ or by
2. Downloading EverWeb from the EverWeb website.
3. Downloading EverWeb from the Support-> Downloads section of the EverWeb Client Area.

After downloading EverWeb, double click on the EVERWEB.DMG file. A window will open. Drag the EverWeb icon on to the Applications folder icon. 

Once the file has been copied, you can close the installation window, delete the .DMG file and eject the 

About Your EverWeb Update

Remember, you won’t lose any previous data when updating as your website project files are stored elsewhere on your computer.

The update is free for EverWeb + Hosting users and EverWeb Standalone users who are within their 1 year of free upgrades and support period.

You can easily check your EverWeb update period from your EverWeb-> Preferences… window on macOS, your Edit-> Options menu on Windows or from your client area.

If you have passed your one year of free EverWeb updates, you can purchase 1 more year of upgrades and support from your client area.

You can easily re-download earlier versions of EverWeb from your client area if you are not ready to purchase an additional year of updates and support.

Login to your client area and go to the ‘Manage Product’ page. On the left of this page, select ‘Downloads’ and choose the version of EverWeb that you need.

More Information About EverWeb

For more information about the new version of EverWeb, please check out the following resources:

• The EverWeb website which has up to the moment information in its blogging section
• New EverWeb videos on YouTube
• The EverWeb User Manual in EverWeb’s Help-> User Manual menu on macOS or Help-> User Manual menu on MS Windows
• The EverWeb Discussion Forum

If you can’t find what you need, or have any other questions, comments or feedback please let us know. 

There are plenty of new and updated features to talk about in the recently released EverWeb 4.0, including our all new EverWeb Membership Sites feature. You can now create a membership or subscription site helping you monetize your website!

Membership Sites is fully featured and any EverWeb user, either on Windows or Mac, can start to build their own membership site today. Here are the main features that you need to know about…

EverWeb Membership Sites Plans

You can easily purchase, or use the free version of EverWeb Membership Sites from your EverWeb Client Area. Once logged in to your Client Area, click on the Services menu option, then select Available Add-ons. From here you can choose which Membership Sites package is best for you. There are three plans avaialable:

• Membership Starter allows anyone to add a robust membership or subscription section to their website.
• Membership Plus adds to the Membership Starter plan with free membership levels, free trials, mass membership emailing and more.
• Membership Deluxe adds to Membership Plus with unlimited members and a super low transaction fee.

You can find detailed information about each Membership Sites plan at by checking out the EverWeb Membership Sites plans page in your EverWeb Client Area.

After choosing the plan that suits your needs, click on the ‘Next’ button to proceed to the Checkout to complete your purchase.

Once you have purchased, or signed up to the free level of EverWeb Membership Sites, we recommend that you quit and re-launch EverWeb if it is open.

If you have more than one website, you can also purchase additional Membership Sites using the same process as described above.

EverWeb Membership Sites Features

There are two main components of EverWeb Membership Sites: The frontend being EverWeb itself. This is where you will create your Membership Sites pages. The backend is your EverWeb Client Area where you setup, manage and administer your Membership Site and its membership.

EverWeb Membership Sites: Client Area Features

In your EverWeb Client Area, you use the sections on the left hand side of the Membership Sites section to setup your Membership Site’s details. These sections include the Membership Sites Setup page where you define basic information such as the name of the Membership Site Administrator, the website your Membership Site is attached to, the date and time formats to be used, the timezone you are working in, and the language that you want any errors displayed in. You can also define the kind of notifications that you want to receive from the Membership Site so you easily can keep track of membership signups, payments and cancellations.

The Membership Levels section defines your paid for, free, and trial Membership Levels. The type of level available to you will depend on the Membership Sites plan that you signed up for.

Use the Memberships section to administer your membership. For example, you can add members manually, suspend members, set individual members to pending, cancel a member’s membership or delete the membership account. The Members section is also where the member’s address, contact and VAT details are held. In addition, use this section to administer a member’s active coupons and login authorisation codes.

The next section, E-Mail Templates, is where you can customize a variety of default E-Mail Templates to personalize your communication to your membership.

The Coupons section allows you to define coupons, or discounts, that you want to offer your membership. There are a number of customization options available so that your coupons can be as flexible as you need them to be.

These are the main areas of the Client Area that you will initially be focusing on. Other setup options are available and these will be covered in more detail in a future blog post.

EverWeb Membership Sites: EverWeb Features

Once you have completed your Membership Sites Client Area setup, it is time to focus on building your Membership Site within EverWeb itself.

You can create your membership site in an existing EverWeb Project file, or in a new Project file if you prefer. If you choose the latter option, remember that the membership site might need linking back to your main Project file. If creating your membership site within an existing EverWeb Project file, we recommend that you create a subdirectory for your membership site.

When you sign up for EverWeb Membership Sites you will be able to download a powerful set of widgets, specifically for use with Membership Sites. The widgets are straightforward and easy to use and help guide you through developing all the pages you need to create a successful membership site. The Membership Sites widgets will help you create the following pages in EverWeb:

• A Membership Sites Login Page
• A Sign Up Page
• A Payment Page
• A Membership Profile Page
• A Change Password Page and an
• Email Verification Page

In addition, there is also a Sign Out button widget that can be used on pages of your membership site to allow visitors to quickly and easily sign out.

Once you have created the pages of your membership site, you will want to password protect certain pages to restrict access to your content according to the Membership Levels you have created in your EverWeb Client Area. For example, you will probably want to give access to “free” page content to all members, whilst restricting access to “paid for” content pages to certain Membership Levels you have set up in the Client Area.

You can set up page access restrictions from the Page Settings tab in the Inspector Window. Go to the Password Protection section, then use the Memberships button to password protect the current page’s content.

EverWeb Membership Sites provides an easy way to quickly and easily set up your own membership site. We will have more video tutorials and blog posts about Membership Sites in the near future, but if you have a question about Membership Sites, EverWeb 4.0, or anything else EverWeb, please let us know in the Comments Section below.

We’re super excited to announce the release of EverWeb 4.0! This is a huge update headlining with the all new Membership Sites feature that can be used by every EverWeb user! Build your own membership site today! Plus there’s the all new Global Styles feature so you can easily setup default paragraph styles and global website colors. Scaleable text comes to TextBoxes and there are new Columns and Divider form controls for the Contact Form Advanced widget. But there’s so much more to discover. Check out the release video above and release notes below!

Which Version of EverWeb is for You?

EverWeb is available in the following versions:

• If you are running Microsoft Windows 10 or 11, EverWeb 4.0 is available for you.
• If you are running an Intel Mac running macOS High Sierra, Mojave, Catalina, Big Sur, Monterey, Ventura or Sonoma, EverWeb version 4.0 is available for you.
• If you are running an Apple Silicon Mac running macOS Ventura, Monterey, Big Sur or Sonoma, EverWeb version 4.0 is available for you as a Universal Binary. EverWeb will run natively without the need to use Rosetta 2.
• If you are running OS X 10.10 – macOS 10.12 (OS X Yosemite, OS X El Capitan, macOS Sierra) EverWeb 3.4.2 is for you
• If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 2.9.1 is available for you.

When updating to the latest version of EverWeb, the update process will automatically download the correct version of EverWeb for your operating system.

EverWeb 4.0 Includes…

[NEW] Global Styles allows you to change document colors, paragraph styles.

[NEW] Backup Fonts are available for Paragraph Style if the original font is not available when publishing.

[NEW] Document Colors allow you to change the color of document globally.

[NEW] Preferred Fonts can be setup for use in the Styled Text Editor.

[NEW] Paragraph Styles are available at the top of the Styled Text Editor.

[NEW] You can use a Paragraph Style in the Blog Post Editor with the new ‘Paragraph Styles’ button in the Blog Post Editor Toolbar.

[NEW] You can clear text formatting in a blog post with the ‘Clear Formatting’ button in the Blog Post Editor Toolbar.

[NEW] Font Family dropdown menu in the Text Inspector.

[NEW] Font Style dropdown menu in the Text Inspector.

[NEW] Bold, Italic, Underline and Strikethrough buttons in the Text Inspector.

[NEW] Minimum Font Size. EverWeb can automatically scale the text in a TextBox.

[NEW] Check Pages button in the Toolbar to check the page’s SEO. Part of EverWeb SEO PowerUp Addon.

[NEW} SiteShield Addon can now be used by non EverWeb+Hosting Customers.

[NEW] EverWeb Membership Sites.

[NEW] Password Protection section in the Page Settings tab now includes ‘Membership Sites’ section for setting page access levels when using EverWeb Membership Sites.

[NEW] You can choose how the page is exported on publish using the new ‘Page Extension’ feature in the Advanced Options section of the Page Settings tab. You can choose HTML, HTM. PHP or ASP.

[NEW] Contact Forms Advanced Widget includes new Columns and Divider Form Controls.

[NEW] Contact Forms Advanced Widget gains Pattern, Read Only and Max Length options for the TextBox Form Control and Pattern for Text Area Form Control.

[NEW] The File Upload Form Control in the Contact Form Advanced Widget, used only with Contact Forms Enhanced Addon, lets you set the type of files that you accept for upload.

[NEW] New Features Tour. When you start EverWeb 4.0 you can see what is new with this interactive guide.

[IMPROVED] What’s New dialog box is now available in multiple languages.

[IMPROVED] The Widgets tab has been updated to be more easy to read.

[IMPROVED] Format-> Default Styles has been expanded.

[IMPROVED] Color Swatch now includes a ‘Recent Colors’ section.

[IMPROVED] Color Swatch is customizable using Document Colors in Default Styles.

[IMPROVED] Clicking on the Ellipses in the Color Swatch will open the Default Styles dialog box.

[IMPROVED] Hyperlinking descriptive text is now consistent throughout EverWeb.

[IMPROVED] Images set to ‘Scale to Fit’ are responsive when published and maintain their aspect ratio.

[CHANGE] Preferences dialog box in EverWeb for Windows is now correctly labelled ‘Options’.

[CHANGE] The ‘Redirects’ section at the bottom of the Page Settings tab in the Inspector Window has been renamed to ‘Advanced Options’.

[CHANGE] The Alignment Options in the Text Inspector have been moved in to their own section.

[CHANGE] You can no longer export text to image when a TextBox is set to full width.

How To Update To EverWeb 4.0 for Windows

You can easily update EverWeb for Windows by either:

1. Launching EverWeb then opening a project file. From the Help menu at the top of the screen select ‘Check for Update’ or by
2. Downloading EverWeb from the EverWeb website.

After downloading EverWeb, double click on the EverWebSetup.exe file. Note that the file name may have the version number appended to it and that you may need to initially trust the file to be able to download it.

Follow the instructions in the Installation Wizard until the installation is finished. You can delete the EverWebSetup.exe file afterwards by dragging it to the Recycle Bin.

How To Update To EverWeb 4.0 for macOS

You can easily update EverWeb for macOS by either:

1. Launching EverWeb then going to the EverWeb menu at the top of the screen and selecting ‘Check for Update’ or by
2. Downloading EverWeb from the EverWeb website.

After downloading EverWeb, double click on the EVERWEB.DMG file. A window will open. Drag the EverWeb icon on to the Applications folder icon.

Once the file has been copied, you can close the installation window, delete the .DMG file and eject the EverWeb disk on the desktop by dragging it to the Trashcan.

About Your EverWeb Update

Remember, you won’t lose any previous data when updating as your website project files are stored elsewhere on your computer.

The update is free for EverWeb + Hosting users and EverWeb Standalone users who are within their 1 year of free upgrades and support period.

You can easily check your EverWeb update period from your EverWeb-> Preferences… window on macOS, your Edit-> Options menu on Windows or from your client area.

If you have passed your one year of free EverWeb updates, you can purchase 1 more year of upgrades and support from your client area.

You can easily re-download earlier versions of EverWeb from your client area if you are not ready to purchase an additional year of updates and support.

Login to your Client Area and go to the ‘Manage Product’ page. On the left of this page, select ‘Downloads’ and choose the version of EverWeb that you need.

More Information About EverWeb

For more information about the new version of EverWeb, please check out the following resources:

• The EverWeb website which has up to the moment information in it’s blogging section
• New EverWeb videos on YouTube
• The EverWeb User Manual in EverWeb’s Help-> User Manual menu
• The EverWeb Discussion Forum

If you can’t find what you need, or have any other questions, comments or feedback please let us know.

Building your website always involves some trial and error as you work to translate your ideas into reality. Even when using such an easy to use product as EverWeb to build your site, you may find that your original ideas about your website may need adapting. In many ways, this is a great, creative process and ultimately will lead you to building a satisfying and rewarding website. Even after your website design is complete, you may also find that you want to go back to it at a later date to update its content or design.

Your EverWeb Project file is where you collect together the files that you need, for example, images, audio and video. When building your site, you may find that you add such files to your Project file but end up not using them. You may also want to load the files that you want to use in your site in to your Project file before you start building your website’s pages.

Adding assets to your EverWeb Project file is easy to do, but sometimes you may want to perform some maintenance on your Project file to streamline its performance and to make it easier to work with. This is especially true if you are working with a large number of assets in your Project file. In this case you may want to organize them in the Assets List as well.

If you also use very large files in your Project file, these may take longer to load in to your computer’s memory and can also be slower to work with when they have loaded. Large files will also slow down your page loading times in your published website, so should be avoided where possible.

With these factors in mind, here are some ways in which you can save time, effort and space to make your EverWeb project file leaner, and make editing your pages snappier!

Check Your Files Before You Add Them To Your Project File

Performing some simple maintenance tasks on your site is easy, but perhaps what is more difficult to do is some preventative maintenance. This really starts with looking at the files that you want to use before you add them to your Project. For image files, there are two key things: first is the file size and second is the name that you use for the file itself.

If you have many large image files in your Project file, this can start to affect the loading time of your Project. It may also start to affect things such as how quickly you can swap from one page to another in your Project, or on your page editing tasks. The other big issue with large image files is that they will drag down your page loading times in your published your website. Typically, photography websites have slow loading pages as the image files used are unnecessarily large. It’s not needed to have such large files. No one likes slow loading pages!

So the key here is to look at the file size your your images and if they are large, try to optimize them so that they are smaller. For example, a quick win is when you have .PNG files. You can convert these such files in to JPG files and save a lot of file space in doing so. The second way to reduce file size is to reduce the dimensions of the image e.g. if you have an image file that is 2500 x 1800, why more reduce it down to e.g. 800 x 600. This in itself will save you plenty of file size space. The last quick tip here is to use software that strips out unnecessary file data. This can also save you lots of file space.

These steps should be done before you add the files in to EverWeb wherever possible. If you have already imported your image files you can see how large they are by clicking on the Assets tab, then clicking on the ellipses within a circle icon that is between the plus and minus buttons. Select the ‘Show File Info’ option to see details of each file in the Assets List, including their size. You can also sort the Assets List to see where the largest files are so that you can reimport them after using the tips above to reduce their file size.

Remove Unused Assets

As you build your website project, you may find that you have added files to the Assets List that you actually will not be using. You can easily remove theses files from your Project file by searching for unused assets, then deleting the ones you no longer want to keep.

Removing assets from your website’s Project file is easy to do.

1. Start by clicking on the Assets tab
2. Click on the Settings button (the circle with the ellipsis inside it) between the ‘+’ and ‘-‘ buttons.
3. From the menu, select ‘Find Unused Assets’ and click on it.
4. EverWeb will now search the Assets List for any asset that is not currently being used in the pages of your Project file.
5. Once the search has been completed, all unused assets will be highlighted in the Assets List. EverWeb will ask you if you want to delete these files.
6. If you click on Yes, the files will be deleted immediately. If you choose No, then the files will still be highlighted in the Assets List for you to review and manually delete if you want.

Stripping Out Duplicate Assets

One of the great things about EverWeb’s Assets tab is that when you add an asset, such as an image file, to it, you can use it as many times as you want in your project. There is no need to repeatedly add the asset again if you want to use it more than once. If you have accidentally done this, then delete the duplicate assets from the Assets List. Use the original asset that you imported to replace the now deleted duplicate assets on the pages of your website.

Stripping out duplicate assets will help keep your Project file size healthy and it is also easier for you to manage and use your image file assets as well.

Link To Your Media Rather Than Embed

If you have large media assets in your Project file, such as video content, you may find that it is better to offload this media on to another platform, e.g. YouTube or Vimeo, and then link back to your media from within EverWeb. There are already YouTube and Vimeo video Widgets available directly within EverWeb to make this easy for you to do. You will also find that services such as YouTube and Vimeo will also compress your video files to make them load quicker.

The upside for your EverWeb Project file is that you can remove the video files from the Assets List altogether which will save space and improve your Project file’s loading time and editing response time.

Managing the files in your Assets List with a little maintenance once in a while can help you with faster Project loading times, snappier Project file editing and faster page loading times when publishing your website!

If you have a question for us about EverWeb, please let us know in the Comments section below.

When it comes to designing your page in EverWeb, one of the first choices you will need to make is which page layout style will you want to use? It is an important decision, especially if this your first time building a website. Making the choice that is right for you can save you time, effort and frustration. In this blog post we will explain the page layout types that are available to you as well as the pros and cons of using each type. In this way you can make the best choice for your website project.

EverWeb’s Page Layout Types

When you launch EverWeb for the first time, you will be greeted by the Projects Window which lists all of the website projects that you have created on the right hand side of the dialog box. As it is your first time launching EverWeb, there will be nothing in the list. So you will need to create your first EverWeb Project file by clicking on the large ‘Create a new website’ button. What happens next is that you will see EverWeb’s Theme Template Chooser. This is where you can choose from one of over 200 predefined Themes that you can base your website upon. Alternatively you can choose a ‘blank’ theme if you want to design your website completely from the ground up.

When you look at the list of Theme Templates you will not be able to tell which type of page layout each Theme uses. You can, though, filter on the type of Theme by clicking on the dropdown menu at the top of the Theme Template list. The dropdown has four options: All, Fixed Width, Responsive and New. The default is set to ‘All’ so that you can see all of the Theme Templates that are available. The ‘New’ option shows any new Theme Templates that may have been recently added to the existing themes. For the moment, we are interested in the Fixed Width and Responsive Theme Templates.

Fixed Width and Responsive Themes and Page Layouts

Before filtering the list of Theme Templates, or choosing a Theme Template from the list, it is worthwhile explaining what is meant by ‘Fixed Width’ and ‘Responsive’ themes. or page layouts. if you are not familiar with these concepts already.

When EverWeb was launched back in 2015 it introduced three page layout types: Left, Centered and Dynamic. Of these three, only the Centered page layout is used in EverWeb’s Theme Templates. The other two layout types are very specialized and we would not usually recommend that they are used.

In 2018, EverWeb 2.8 launched, with its main new feature being the introduction of Responsive Website Design. This type of page layout replaced the now defunct ‘Dynamic’ page layout style. The Left Aligned page layout style remains, though, as a legacy layout and is not used at all in Theme Templates or in any EverWeb support documentation.

Essentially you now have two Page Layouts to choose from: The Centered page layout being a Fixed Width page layout and the Responsive page layout having a flexible width layout.

What Is a Fixed Width Page Layout?

In EverWeb, the Centered page layout is, therefore, synonymous with a Fixed Width page layout. As its page layout type suggests, the Centered page layout has a fixed width. The width is defined in pixels and defaults to 1000 pixels wide. If you choose this type of page layout, you can see this information in the Page Layout section of the Page Settings tab of the Inspector Window. Here the Page Layout type will be displayed as ‘Centered Layout’ and the ‘Content Width’ field will have a value of 1000 pixels. The page width is usually suitable for desktop screens, although some users find a width of 980 pixels better to work with. The only problem with this page width is that it does not suit mobile phones or some smaller tablet devices. These devices usually are about half the width (or less) of a desktop screen.

To solve the problem, you should create a fixed width (Centered) page layout specifically for mobile phones to compliment the page you created for desktop devices. If you currently have the Theme Template Chooser open click on the ‘Algonquin’ theme and you will see in the pages list on the right hand side that there is a ‘Mobile’ page available. This page layout has a width of 480 pixels which is suitable for most mobile phones. In EverWeb we can link the two page types together so that you always see the right page layout on whatever device you are using, mobile or desktop.

The Fixed Width, Centered Page Layout type is great if you are new to website design as it allows you to place objects anywhere you like on the page. The downside is that you will probably always have to maintain both desktop and mobile versions of your pages. In this day and age, mobile pages are even more important than desktop pages as people spend most of their time browsing on their phones rather than on desktops. Mobile pages are also prioritized above desktop pages in Search Engine Optimization (SEO).

What Is a Responsive Page Layout?

The Responsive page layout debuted in EverWeb in 2018 and uses a flexible page width that matches any device that the page is displayed upon. If you use this style of page layout, you will see that the Content Width field in the Page Layout section of the Page Settings tab is greyed out as it is not needed. If you have used the Centered Layout before, you may also notice that there is no Header section either on the Responsive page and that the Minimum Header Height field is also greyed out. In Responsive Web Design, the header is not necessary.

All the content that you add to a Responsive page will always be contained within the page’s boundaries. The page boundaries, and the content within it, adjust, or ‘respond’, automatically to suit the device the page is being viewed upon. This means that using a Responsive Page Layout only requires you to make one page layout. You do not need to create a corresponding desktop page for your mobile page. This makes managing your website easier as you have fewer pages to lo maintain and update. The downside, however, is that you must be more careful in how you design your page in the first place. This is often where some experience in website design may help you. For example, your design can become quite complex if you want to show different content on your page for different devices e.g. on a desktop device you can allow yourself more text on the page with fewer images, whereas on a mobile device you probably want more summarized text and more images. Designing a page that accommodates all your requirements, from mobile to desktop, can initially take time and effort, and some trial and error.

Choosing Your Way Forward…

Coming back to our original discussion about choosing a Fixed Width or Responsive design, Theme Template or page layout, we would recommend that if you are brand new to the world of website design that you use a Fixed Width page layout. If you have experience in website design, and/or Responsive Web Design, then a Responsive page layout is for you.

You can always change your mind later on and redesign your website using a different type of page layout if you want. There is no ‘correct’ page layout style that you need to use, just go with what you feel most comfortable using.

Remember too that there are always resources to help you such as the EverWeb User Manual (from the Help menu in EverWeb) which will step you through Fixed Width and Responsive website design. There are also video tutorials on the EverWeb website and on YouTube as well as EverWeb’s User Forum and Support Service.

If you have a question about page layout styles or about anything EverWeb related, please let us know in the Comments section below!

As we put the finishing touches to EverWeb 4.0 before unleashing our new software on to the world, web are reminded that with each new EverWeb version there is always some new learning involved. EverWeb 4.0 has some totally new features such as Membership and Subscription sites – which is huge! There is also the overhauled Text Inspector which will make building your site even easier, giving you the flexibility with fonts and text both now and in the future.

These are just a couple of examples of what’s coming but no matter how much we craft EverWeb to be as easy and intuitive as possible, you may want to dig deeper to get the best and most out of its features. Here are some suggestions on getting a fast start on discovering and using new EverWeb features.

The EverWeb User Manual

The EverWeb User Manual is your most detailed resource for all of the features of EverWeb. The manual is designed for first time EverWeb users as well as for experienced users who just want to dip in for some specific information. The EverWeb User Manual is updated with every release of EverWeb, both on Windows and on Mac. The manual is in PDF file format so you can easily search its contents, save a copy locally, or even print it out if you want to.

You can find the EverWeb User Manual in two places in EverWeb: As a link in the bottom left hand corner of the Projects Window or from the Help-> EverWeb PDF Manual menu option.

EverWeb’s Help Icon

Context sensitive help is always at hand within EverWeb though the Help Icon. This icon is displayed as a question mark symbol within a circle. You will see this icon displayed beside many of EverWeb’s features and also in the Widget Settings of many of EverWeb’s widgets. When you click on the icon beside a feature, a pop-up window will display with an EverWeb website, or YouTube, video describing the feature that you asked for help on.

The EverWeb Website

Help is always available on EverWeb’s own website. If you are completely new to EverWeb and to building a website for yourself, there is a great beginners video series available for you. If you are a photographer, amateur or professional, there is also a series for you to help you get the best out displaying your photos on the web. This series is currently being updated, so check out our YouTube and Facebook pages to discover the latest videos! getting your website up and running quickly if you are new to EverWeb. If SEO is important to you, or your business, there is a special series on EverWeb and SEO that contains short, to the point, videos on all aspects of EverWeb and SEO.

The EverWeb website also has other resources to explore such as its own blog where you can keep up to date with the latest in the world of EverWeb. If you need third party theme templates or widgets, check out the EverWeb Third Party Vendor page. This page is also great to find add-on products to connect you with other vital internet resources.

EverWeb’s own site can also be used to tap in to Support resources such as knowledge bases and contact with support personnel. Check out the menu options to find the right kind of support that you need!

Videos and Blogs

We all have our preferred medium for accessing help and support resources. Many people prefer to help and instructional videos. We try to make our videos short and focused so that you get to the help and support that you need in a timely manner. We also aim to make any instructions clear and concise. You can find EverWeb videos on our own website, on YouTube or FaceBook. If there is a video topic that is not there for you, please do let us know so that we can include this for you.

We also try to update videos on a regular basis to take in to account of new EverWeb features and also new technologies that are constantly emerging. We also try to expand EverWeb world by connecting and integrating you with other products e.g. financial and commercial product, calendaring and scheduling products, event management products, internet marketplaces and so much more! Again, if there is a product or service that you want to integrate in to EverWeb that there is no video for, do let us know in the Comment section below.

If video is not for you then blog posts can offer a great experience for you. EverWeb includes many instructional videos where we try to bullet point the steps along the way to make it as easy as possible for you to get to where you need to be. As with the videos, if we do not have a blog post for what you need, let us know.

You can find blog posts related to EverWeb on EverWeb’s own website, Rage Software’s (the maker of EverWeb) site, All About iWeb, iWeb Unlimited and Everything EverWeb.

EverWeb on Social Media

You can also find help on EverWeb’s social media accounts. This is a good place for keeping up with all the latest EverWeb news, videos and blog posts. It is also a place where you can ask questions to us as well. At the bottom of this post you will find the links you need to keep updated with EverWeb!

The EverWeb Forum

Use the forum for any questions that you may have about EverWeb. The forum is also announces the availability of new beta test versions of EverWeb if you want to try them out, as well as notifying you of official new releases. The EverWeb Forum is a great place to connect with the EverWeb Community and its third party providers.

EverWeb has the complete range of resources to help you discover new and updated features and to get the most out of them, quickly and easily. If there is anything that you think is missing in our support for you or if you have an idea about how we can improve, please let us know in the Comments Section below.

Enjoy EverWeb 4.0! Coming Soon…

Building a contact form for your EverWeb made website is a straight forward activity for most website designers. When EverWeb 3.0 launched with the new Contact Forms Advanced widget, designing a contact form became turbocharged both in terms of the scope of what a contact form could be used for and the ways in which you could customize the form.

Since its initial release, the Contact Form Advanced widget has added plenty of new features to give you even more flexibility and customization options.

If you are new to EverWeb, you may have noticed that there are two widgets available for creating contact forms: The Contact Form widget and the Contact Form Advanced widget. We always recommend using the ‘Advanced’ widget as it offers more security from spam through using reCAPTCHA in your form and it also has more built in security features for you and your website visitors. Furthermore, the widget’s customization options far exceed the very basic Contact Form widget, which is kept as a legacy widget if really needed in your website.

Setting Up Your Contact Form

Setting up the contact form is the first thing that you should do before starting your form design. As the Contact Form Advanced widget can be customized for multiple purposes you may want to use it as a contact form, as a survey form, as a newsletter or even as a multi-choice menu! Remember also that you can have more than one contact form in your site or even multiple forms on one page in your site!

To start, go to the page where you want to add your contact form. In this example, we are going to use a contact form on a Contact Us page. Drag and drop the Contact Forms Advanced widget on to the page and fill in the first field in the Widget Settings. This is the ‘Email Address to Send Form to’ field. The next field is optional depending on whether you have purchased EverWeb’s Contact Forms Enhanced Addon. If you have purchased the Addon, select the addon from the dropdown menu. This will make form Controls such as File Upload available for use.

You can name your form in the Contact Form Name field which is important if you are using the Contact Forms Enhanced widget or where you have more than one form in your website. To allow your form to interact with the outside world, select the option in the Mail Sending field that applies to you: SMTP Details, PHP Mail or EverWeb. If you have EverWeb+Hosting we recommend using the EverWeb option. If you are using SMTP, complete the details required in the SMTP Settings section.

Once you have finished these fields you can start your form design, however, you may also want to complete the SPAM Protection section of the Widget Settings first. This section uses Google’s reCAPTCHA as a way to stop your contact form from being spammed. To use this feature, click on the ‘Sign Up for reCaptacha v2’ button. This will take you through a set up so that you can add a reCaptacha Site Key and Secret Key to your contact form.

Once finished, you can start designing your form!

Form Controls: The Heart of Contact Form Design

The heart of form design in the Contact Form Advanced widget is the Form Controls section. This is where you add fields to the Form Controls list that define the form itself. When you start a new contact form, you will see three fields in the Form Controls list by default: Name, Email and Message. Click on the control called ‘Name’ and you will see the options available for it under the Form Controls list. The first option is the Control Type. If you click on this field, you will see a list of seventeen different ‘Controls’. In the upcoming EverWeb 4.0, this list will expand to nineteen. More about that later….

Select the type of form control that you want to use. The ‘Name’ form control uses a TextBox type control but you can change this to a different Control Type if you want. All control types have their own options as well so that you can customize how the person filling in the field inputs their data. As well as changing the type of control, you can also change the Form Control’s name. Double click on ‘the’Name’ in the Form Controls list. As with all other fields in EverWeb you can now edit ‘Name’ to be whatever you want e.g. ‘First Name’. When you press enter, you will see the Form Control name is updated as is the widget in the Editor Window. Let’s duplicate this control. With the ‘First Name’ control highlighted, click on the Duplicate button which is just below the Form Controls list. ‘First Name 1’ now appears at the bottom of the Form Controls list. Double click on the ‘First Name 1’ label and rename it as ‘Last Name’. Once you have done this, drag and drop the ‘Last Name’ control to under the First Name control.

The Form Controls list works like all other Assets Lists that you find in the Widget Settings of a Widget. So you can easily move controls up and down the list, delete controls and rename them as above with ease. You can even select multiple controls and change their Control Type, e.g. if you select both First Name and Last Name controls, you could change their Control Type to e.g. Text Area.

To complete the look of your Form Controls, use the Fonts and Styles section of the Widget Settings so that the look of your form matches the rest of your page and website.

Form Design Considerations

The power of your contact form comes in determining which fields to include in your contact form and which Form Control to apply. Our advice is to plan out the form beforehand so that you can then just use your preprepared design when using the Contact Form Advanced widget. Learning more about the different types of Form Control will also be of great benefit to you as well, both now and in the future.

EverWeb’s Contact Form Advanced Widget is a great way to go beyond just creating a Contact Form. Gaining knowledge of the different types of Form Control available will prove invaluable for expanding what a contact form can do for you. There is also EverWeb 4.0 to look forward to which will include some new Form Controls and also some new powerful options for some Form Controls. EverWeb 4.0 will be available in the near future so stay tuned for the forthcoming announcement!

Building your own website with EverWeb is easy to do and should be a rewarding, creative experience. If you are creating a fixed width website, you have great design freedom as this type of website allows for a free format design approach. When creating a responsive website, though, you may need to more time to find solutions to design problems due to the nature of responsive web design.

In this post we are going to look at an example of a responsive website using EverWeb’s Responsive Row and FlexBox widgets.

Scenario

In this example, I want to design a page containing five section. Each section will have an image and some text side by side. Under the text will be a button that my visitors can click upon to take them to another page. The five sections on the page alternate between text on the left, image on the right and text on the right, image on the left. On mobile devices, though, I want the image to always be above the text and button.

Designing the First FlexBox

In my responsive page design I first add a FlexBox widget to the page. The widget uses two Embedded Objects: the first is a Styled Text’ Object type which contains my text and a button which links to another page in my website. The second Embedded Object Type is an ‘Image’ object which contains only an image. In this example, the default and minimum widths for both objects is set at 240 pixels with a maximum width set to 480 pixels. Spacing is set to 10 to give a bit of a gap between the two Embedded Objects.

The first FlexBox widget will also have ‘Wrap Objects’ set to ‘Reverse Wrap’. This is set this way so that on mobile devices the Image object will appear above the Text object.

When setting up the FlexBox widget, consider setting a top and bottom margin so that there is spacing between each widget as you add them to the page.

To finish off the work on the first FlexBox, next go to the Metrics Inspector and add a left and right margin e.g. 30 pixels each. Also check to make sure that the Full Width field is checked.

The first FlexBox widget is now complete. In the Editor Window the text is displayed on the left hand side with the button underneath it and the image on the right. There is also a 30 pixel margin on either side of the FlexBox.

Cloning The FlexBox Widget

Now that the first FlexBox widget is finished, copy it to the Clipboard then paste it in to the page again to create the second section of the page.

In this section, you only need to change two things: First set the ‘Wrap Objects; field to ‘Wrap’, then change the order of the Embedded Objects so that the Image object first in the list and the Text object second in the list. When you do this, the image will then appear in the Editor Window on the left with the text and button appearing on the right. Change the image, text and button link to be what you want them to be for the second section of the page.

For the third FlexBox widget, I simply copy and paste the first FlexBox widget and move it to under the second FlexBox widget if needed. Again, change the image, text and button link as required. Repeat the same process to create the fourth and fifth FlexBox widgets on the page.

The FlexBox Page in Action

Once all of the five FlexBox widgets have been added to the page, Preview the page to see how it looks and works. If your browser has a responsive design mode, you can see how each section of the page has the image on top, text under the image then the button at the bottom of the section. Using a desktop browser, you will see sections alternating with image left, text and button right, then image right, text and button left and so on…

Extra FlexBox Widget Styling

Creating sections to separate out your content may make you want to add in some extra styling to visually differentiate one section from another. To add styling to a section, select the FlexBox widget that you want to style, then go to the Shape Options tab. From there you can use the Fill options to choose a background color, or color gradient for the section. You can also use EverWeb’s Dividers feature to create specific top and/or bottom visual section separators!

EverWeb’s FlexBox widget is a super powerful tool that lets you be creative and saves you time as well in the design process. And EverWeb’s Fill Options and Dividers feature also help you add flair to your page design too!

If you have a comment about this blog post, please let us know in the Comments Section below.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram