EverWeb 3.3: Improved Speed, Search & Optimizations

July 9th, 2020

If you have either a small or large EverWeb built website, you will find much to enjoy in our recent EverWeb 3.3 release. Much work in this release has been focused on ‘under the hood’ improvements to make working with EverWeb and your published website faster than ever!


Improved Speed and Optimizations!

For EverWeb 3.3 we looked at every area of the product to see where we could apply optimizations to make creating your website faster and more responsive than ever!

Performance improvement start when opening your project file which should now be quicker. Adding a new page to your site will be snappier, editing a blog post smoother, and previewing and publishing are quicker than ever.

EverWeb in general should be smoother as the Editor Window now refreshes faster when you update any field or setting in the Inspector Window. When resizing the EverWeb app itself, you should also see a faster refresh too.

We also took time out to re-engineer EverWeb’s widgets so that you get speed improvements of up to 700% in the Editor Window’s refresh performance when updating the Widget Settings. This improvement also translates to your published website, especially if you use a responsive page layout. Your pages will load faster, regardless of whether you are using EverWeb’s built in widgets, or those from a third party provider.

Performance improvements have also been applied to blogging where you should see a more streamlined experience when adding new posts and editing posts.


How To Speed Up Your Website

For your website to benefit from the speed improvements in EverWeb 3.3, all you need to publish your complete site using the File-> Publish Entire Site menu command. When you do this, EverWeb now will now delay some webpage scripts from loading leading to a significant improvement in the performance of your website. Your website visitors will see the benefit and there is also the bonus that this improvement will help boost your search engine rankings!


EverWeb’s New Search Options

As well as speed improvements and optimizations, you can now search your project file for almost anything! EverWeb’s new search features will save you time, especially if you are working on a large project file that includes a lot of pages. EverWeb’s new search abilities start when you add your first page to your project file. If you know the name of the Theme Template that you are looking for, you can quickly find it using the search box in the bottom left hand corner of the Theme Template Chooser dialog box. Alternatively, you can also use predictive search. When the Theme Template Chooser appears, start typing in the name of the Theme Template that you want. As you type, EverWeb will ‘home in’ on the template that you want.

Search has also been added to the Widgets tab in addition to the Assets tab. This is an especially useful option for those who have a lot of third party widgets installed. Searching for the widget you want has never been quicker or easier!

You can now also search for the page that you are looking for using the new search feature that is at the bottom of the Web Page List. Again this is a feature that will typically be of most use in large website project files. Searching for the page you want when you have a project file full of nested folders and hundreds of pages is now simple and easy.


Retracing Your Steps

If you ever need to retrace your steps when working in EverWeb, you can now step through the pages that you have already visited in your current session by using the forward and back arrows to the left of the Web Page List’s search box. This is a useful feature when, for example, you want to track changes that you are making to a number of different pages in your site and you can’t remember which pages you have already changed. Just step through the pages you have already visited using the back and forward arrows.


Finding and Replacing Your Words

Whilst Find and Replace is a long standing feature of EverWeb, it usually does not get too much coverage. However it is a great time saver that may be easily overlooked. If you need to find, or replace, words on your page, just use the Edit-> Find menu option, or the Command+F shortcut key, to call up the Find Panel. Enter the characters that you are looking for, then click on the Next button. As you would expect this feature works like it would in a word processing app, so you can also Find and Replace, either incrementally or using the Replace button, or globally on the page using Replace All. Note that this feature only works on TextBoxes, so it will not work where you have text within widgets or in blog posts.


Blog Search

Although not a feature of EverWeb itself, you can now let your visitors search any blog that you may have in your site. EverWeb PowerUp now provides a free to use Blog Search widget! You can find out more, either directly from the EverWeb PowerUp website or find out more in All About iWeb’s ‘EverWeb PowerUp Adds New Free Blog Search Widget!‘ blog post.

EverWeb 3.3 is a highly recommended update as it brings speed improvements, code improvements and EverWeb wide search capabilities!

Introducing EverWeb 3.3! New Search Features, Powerful Optimizations, Updated Widgets & More!

June 27th, 2020

We’re delighted to introduce EverWeb 3.3 which includes new ways to search for Theme Templates, widgets and pages in the Web Page List. There are also dramatic optimizations which will make EverWeb faster to use and also make your website faster for your visitors too. Get improved Google page speed grade of up to 50%

EverWeb 3.3 is a big under the hood update! For a complete list of what’s new, improved and fixed, as well as how to upgrade to the new version, please see below,

You can also check out EverWeb’s new features in ourWhat’s New in EverWeb 3.3‘ video.

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

  • If you are running OS X 10.10 or macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave or Catalina, EverWeb version 3.3 is available for you.
  • If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 3.1 is available for you.
  • If you are running OS X 10.6 EverWeb version 2.5.2 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 3.3 Includes…

[NEW] You can now search Widgets.

[NEW] You can now search in the New Templates Window.

[NEW] You can now search Web Page List files.

[NEW] The new Page Navigator under the Web Page List lets you easily return to the last page(s) you were working on.

[NEW] Holding down the Option key and expanding a directory in the Web Page List will expand all directories within that directory

[NEW] The Popup window (found in the Hyperlinks Inspector) is now responsive.

[NEW] Selecting an image in a blog post is now reflected in the Assets List.

[NEW] The Image Gallery Lightbox effect when clicked upon is now responsive.

[NEW] You can now duplicate buttons in the Text Section widget.

[NEW] EverWeb can now update multiple widgets of the same type at once from the Inspector->Widget Settings

[NEW] The Contact Form Advanced widget has a new Transparent style.

[NEW] The Contact Form Advanced widget lets you specify the height of the Text Area control.

[NEW] PayPal widget now includes a second Options list

[NEW] Added MYR currency to PayPal widget

[NEW] Visual modifications to all select asset buttons. You now see the name of the selected asset.

[IMPROVED] The Color button in the Toolbar now behaves differently based on what is selected e.g. If a shape is selected, using the Color Picker will change the background color. If a TextBox is selected, using the color picker will will change the text color.

[IMPROVED] Pagination in the Image Gallery widget and blog archive will scroll to the top when used to change page.

[IMPROVED] All Youtube videos are https now.

[IMPROVED] Styled Text Editor in the Inspector will get a default height if none is specified in a widget.

[IMPROVED] Widgets have been optimized helping websites load faster.

[IMPROVED] Widgets should preview much faster when updating settings from the Inspector.

[IMPROVED] Faster code to update Widgets from the Inspector.

[IMPROVED] Improved Page and Browser Background drawing so it is much faster in the Editor Window. Tiled images should be faster so dragging objects within the design canvas will be faster.

[IMPROVED] Image Slider has had its code updated

[IMPROVED] Typing in the Blog Post Editor should now be faster

[IMPROVED] The Blinking caret in text objects new as a slight shadow added to it so that it is easier to see when used with dark backgrounds

[IMPROVED] Blog page titles in Google will now show any quoted text in the blog title

[IMPROVED] Improved Contact Form error messages if the user doesn’t have PHP 5.6 on their server.

[IMPROVED] The Ruler now looks more like that of Apple Keynote.

[FIX] The Page Layout label for Responsive Page Layout was incorrectly labelled as Dynamic Width in some languages.

]FIX] Fixed some FTP publishing issues.

[FIX] Minor bug fixes for the Contact Form Advanced widget and the Image Gallery widget.

[FIX] The required field for the Contact Form Advanced widget’s checkbox and radio button controls now works.

[FIX] Fixed an issue where rulers could cover the Design Canvas

[FIX] Some Theme Templates that use the Image Gallery and some of EverWeb’s other widgets would not load properly. The Theme Template now loads properly when adding a new Theme Template page.

[FIX] The Page Background-> Image ->Scale to Fit on mobile phones now works in the same way as on desktop devices.

[FIX] Fixed issues with full width objects within the Responsive Row Widget.

[FIX] Image gallery popup windows now appear above the navigation bar

[FIX] The Image Gallery widget will now drag properly from the ‘move’ icon in the upper right hand corner

[FIX] Shapes in the Footer Section that are aligned with the Footer top in Master Pages were not getting exported to the Footer

[FIX] Fixed an issue with copying text with links whose anchor text contains fancy quotes ‘’ or “”.

[FIX] Fixed pasting of text into a Widget’s Styled Text Editor.

[FIX] Using the Test Connection button then closing the EW Window no longer shows an error saying something is publishing.

[FIX] Copying text that has hyperlinks in it from other sources such as iWeb or your browser won’t extend the hyperlink for the entire paragraph.

[FIX] Some Contact Form inspector issues fixed, specifically with the Text Area control

[FIX] Images that did not have a retina version may have drawn differently in previous versions of EverWeb. Images now draw exactly the same in EverWeb as they do when you publish your site to a browser.

[FIX] Opening projects built on a retina machine and bringing them to a non-retina machine or vice versa works better now and loads any widget much faster.



How To Update To EverWeb 3.3

You can easily update EverWeb 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.

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 Standalone free update period from EverWeb’s Preferences window 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 new 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. We’re happy to help.

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Responsive Row: To Use or Not To Use?

June 12th, 2020

The Responsive Row widget is a key resource for anyone building a responsive website in EverWeb. The full width widget is like a ‘bucket’ in that you can drag and drop other widgets, TextBoxes, shapes and images in to it. This is ideal for situations where you want to use widgets that are not full width capable, such as the PayPal widget, or when you want to combine different objects together in one row.

When the Responsive Row widget debuted in EverWeb 2.8, it was easy to see the widget as ubiquitous. However, since its inception, responsive website building in EverWeb itself has evolved as its feature set has expanded as have many of EverWeb’s widgets capabilities. So, is the Responsive Row widget still the Swiss army knife of responsive web design in EverWeb that it used to be? That is a difficult question to answer. Looking back over some of my early responsive website designs has given me some insight in to how things have changed and how it is possible to update already built websites to be more code efficient and easier to manage and maintain. Additionally, this new knowledge is also advantageous when building new websites as you will be able to do this more efficiently, creatively and in less time than before.

Where The Responsive Row Widget May No Longer Be Necessary…

Since EverWeb 2.8 there have been many feature additions and updates to EverWeb that make the reliance on the Responsive Row widget less than when it was introduced. Here are common things that we used to do, but can now do in a better way!

  • Navigation Menu Widget

When supporting customers we often find that the Navigation Menu widget has been placed inside of a Responsive Row widget when it does not need to be. If you want full width navigation, just drag and drop the Navigation Menu widget on to your responsive page. It will automatically be a full width object on the page so will automatically scale to the size of the page. Use the Responsive section of the Widget Settings to set responsive specific options for the navigation.

  • Background Colors

Initially, EverWeb’s full width widgets did not have the capability of a background fill color (except for the Navigation Menu widget) or image so had to be placed within a Responsive Row widget. That changed in EverWeb 3.0 so now you can add the full width widget of your choice and set its background color or image using the Shape Option tab’s Fill options.

  • Combining Objects

When starting out with responsive design, one of the most common things that many users want is to combine text with images. It is easy to use a Responsive Row widget to do this. Just add a Responsive Row widget to the page then add TextBox and images in to it. This is a perfectly valid solution, however, you will need to make sure that your text and images are narrow enough to fit on all devices. The smallest iPhone, for example, is the iPhone SE which has a width of 320 pixels. If you have set margins on your page, then you may find that you only have a usable page width of about 280 pixels. This is fine for an iPhone SE but on a desktop computer you may have a lot of white space on either side of your text and images.

A better alternative may be to use a FlexBox widget instead. You can add the image and text as separate embedded objects. This will enable you to set each object’s minimum and maximum width so that they scale properly on all devices. No more problems with too much white space and scaling issues. Use the Spacing option to add spacing between each embedded object. This option also pads the objects in the widget so you have less need to add margins.

  • Margins

Often a Responsive Row widget is used to add top and bottom margins to objects when it is actually not necessary. Here are a couple of examples:

The Navigation Menu widget: This widget has padding and spacing options in its Widget Settings to help frame the navigation properly within the widget. You can also set the background color of the widget too by checking the ‘Use Background Color’ option.

Text Boxes: It is easy to use the enter key to add a top and bottom margin to your full width text, but it is not always necessary. Instead, delete these extra carriage returns and go to the Text Inspector. Use the Insert Margin option to create top and bottom padding as needed.

  • Widget Alternatives

Sometimes you may find that you have to experiment a little to get the right solution e.g. when using a combination of text, images and buttons should you be looking at the FlexBox or Text Section widget? you may need to experiment to find out!

When reviewing one of my first responsive websites I found that I had used a Responsive Row widget with four images all of the same size embedded in it. I suddenly thought that I could, in fact, use the Responsive Image Gallery instead. I set the background color of the widget and my added in my images which now scale to any device instead of being stuck at 200px x 200px. The Gallery Padding option added an all round margin and the minimum and maximum width options ensures that the images always size and scale correctly without a lot of white space showing on larger devices!

When You Should Use The Responsive Row Widget

There are, of course, times when the Responsive Row widget is still going to be the ideal choice! For example, when using Fixed Width widgets such as the PayPal, Audio and FaceBook widgets, or when placing social media buttons on your page.

The Responsive Row widget is also a must if you are using EverWeb’s Show on Device feature or when you need to combine objects in to one row in a way that precludes the use of either the FlexBox and Text Section widgets.

There may also be times when the best way to create padding, or a margin, on your page is to use the Responsive Row. You may even find that there are times when using Set Shape as Scroll Position is more beneficial in a Responsive Row widget than in another object.

There are many ways in which you can forego using the Responsive Row widget. Doing so can make your web page easier to manage, more streamlined and less prone to faults and mistakes. However, with web design there is usually more than one answer to overcoming design issues, it’s just knowing where to look, a bit of experimenting and some out of the box thinking!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Add Shopify Buttons To Your EverWeb Website!

May 29th, 2020

Shopify is an online platform that helps build your business ‘all from one place’. Shopify aims to help you with all aspects of your online business from sales and marketing to support and management. It is an approach that now reaches over 1,000,000 businesses in 175 countries. 

Although Shopify offers a one stop shop for online businesses, this may not always be the best option. Many established online businesses may just want to use Shopify only to increase their market reach. Other businesses may prefer not to put all of their resources in to one platform in order to reduce business risk and increase business resilience.

Integrating Shopify with EverWeb

Integrating Shopify in to your EverWeb website is best done through Shopify’s Buy Buttons as they can be directly added in to your website’s pages and blogs. The buttons can include images, a description of the product and the price of the product. If you update your product in Shopify, the The Buy Button in EverWeb will also be updated.

Before You Begin…

There are a couple of things that you should check before starting to add Shopify Buy Buttons to your EverWeb website

  1. You have products in your Shopify Admin and
  2. These products are available to the Buy Button Sales channel. 
  3. Shopify Payments has been activated. If this feature has not been activated, a transaction fee will be levied against each customer purchase that uses a Buy Button.

Adding A Shopify Buy Button To Your Site

There are two forms of Shopify Buy Button: for one product (and all is variations) or for a Collection. 

To create a Buy Button for one product

  1. Log in to Shopify then go to the Shopify Admin screen
  2. Click on ‘Buy Button’. Choose the option to ‘Create Buy Button’. In this example choose ‘Product Button’ as this button will be for one product only.
  3. Next select the product that you want to use the button with from your catalog. The search function can be used to quickly find the product you want if you have a lot of products in your catalog.

Buy Button Customization Options

The next step is to apply customization options to the button. Where you have different variations for your product, you can choose to select either ‘All variants’ or select just one variant.

The color of your Buy Button, its size and its font are all customizable. Any changes you make can be previewed at any time.

Choosing The Buy Button Layout Style 

For the Buy Button layout, you have three options to choose from:

  • Basic: Only the button itself is displayed. 
  • Classic: The button is displayed with a product image and price
  • Full View: The button is displayed with a product image, price and description.

Once you have selected the button layout of your choice, the next decision you need to make is to decide what you want to happen when the customer clicks on the button. Again, there are three options:

  • Add Product to cart
  • Direct to checkout
  • Open product details

The last option, Open product details, allows customers to view the product description, select any available product variants, and add the product to the shopping cart. If your product has multiple images associated with it, these will also be displayed. This Open product details type will not available if the ‘Full View’ layout style has been selected as it includes these details already.

Note that when a customer clicks to go to the Checkout, Shopify will by default, open a new browser window. If you do not want this, go to the Advanced Settings and change the ‘Redirect in the same tab option’.

Click on ‘Next’ to complete the Buy Button setup!

The final step is to click on ‘Copy Code’ which will copy the Buy Button code to the Clipboard which you can then use in EverWeb.

Creating Buy Buttons For Collections

If you have products in a Collection, creating a Buy Button will add a button for each product in the collection. The collection’s Buy Buttons can be customized in the same way as for single product buttons.

Adding Buy Button Code Into EverWeb

The last step in creating the Buy Button was to copy the button code to the Clipboard. You can now use this code in your EverWeb website project file.

  1. Go to the page in your website project where you want to add the Buy Button.
  2. In the Widgets tab in the Inspector Window, drag and drop the HTML Snippet widget on to the page.
  3. Click inside the ‘HTML Code box’ then paste the code from the Clipboard.
  4. To make sure that the changes are applied you must click on the ‘Apply’ button. You will see that the Editor Window will be updated.
  5. Size anYou can now move and position your ‘Buy Button’ around the page as desired.
  6. When you have completed your changes, publish and test your website.

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Improve Your Contact Form, Improve Your Customer Service!

May 14th, 2020

Customer service plays an ever more important part of our digital lives. Whenever ordering or buying something online, or sending in an email enquiry or complaint, we expect to have immediate feedback that our request has been received and acknowledged. Confirmation is key in the digital day. We all want to keep track, and have acknowledgement, of what we have done!

As a business you will want your website to be slick, saving your visitors time and unnecessary clicks. Contact forms are a great example where visitors often have to perform extra unnecessary clicks to get out of the contact form once they have sent it!

EverWeb‘s Contact Form Advanced widget is the perfect tool to automate your customer service experience as well as delivering a professional end user experience at the same time. EverWeb 3.2, released in April 2020, has added new features to the Contact Form Advanced widget that give you new, flexible options to better automate and personalize the contact form experience for your visitors.

Customizable Confirmation Emails

The first new feature in the widget gives you the ability to send a confirmation email to your website visitor once they have submitted their contact form. Scroll down to the Confirmation Email Settings section of the Widget Settings where you will find the ‘Send Confirmation Email’ box. Check this setting then edit the ‘Confirmation Email Subject’ field as you want.

The next field down is where you can customize the Confirmation Email message. The message is customizable so that you can include data from the ‘Form Controls’ section further up the widget settings. The format used is % sign followed by the form control name in lower case followed by another % sign. For example, if you have a form control of ‘Name’ you would enter %name% in the Confirmation Email box so that the customer’s name appears in the message.

When adding your own form controls to your message, use lower case even if the form control is capitalized. If the form control has spaces between words, e.g. ‘Email Address’, leave the spaces in when adding the form control to the message e.g. %email address%.

If you want to include all of the fields that are in the Form Controls section then use %allformdata%.

To use this feature you will need Contact Forms Enhanced Addon and reCaptcha SPAM protection enabled.

Page Redirection After Form Submission

Once your visitor has submitted their contact form to you they will be left on the contact form page. Why not redirect them automatically to another page instead, such as the Home page of your site? This is now easy to do in EverWeb 3.2. In the Form Submission Settings section of the widget is the new ‘Forward To Page’ option. You can choose to forward your visitor to any page in your site, or even to a blog post if you want to!

New Email Branding Options

Right at the bottom of the Contact Form Advanced widget’s Widget Settings is the new option Remove Account Login Links in the Misc Settings section. You can use this option when you want to remove the ‘branding’ that is included in the submission emails. Checking the box removes the links that allow you to login to your EverWeb account to manage your form submissions, search, export as CSV and download visttor file uploads. To use this feature you will need to have purchased the Contact Forms Enhanced Addon, however this does not have to be selected in the Inspector or used in the form for removal of Branding to work.

Customized Form Error Validation Messages

One other useful feature you can use to personalize your contact form is using your own error message text when required fields in the form have not been filled in. This feature debuted in EverWeb 3.1 and can be found below the Submit Button section of the Widget Settings.

Adding automated personalization features using EverWeb 3.2’s new features in to your contact form is a great way to professionalize your business in a simple, convenient way.

…and we will be introducing more Contact Form Advanced widget features in the upcoming EverWeb 3.3 so stay tuned!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

EverWeb’s NEW Set Shape as Scroll Position Feature!

April 23rd, 2020
EverWeb's Set Selected Shape As Scroll Position Feature

If you have designed a responsive website in EverWeb, you will be delighted to know that in EverWeb 3.2 you can now attach anchor links to any shape in your website. Scroll Position debuted in EverWeb back in version 2.6 when the product only featured the fixed width (center and left aligned) page layout designs. When EverWeb 3.0 debuted it introduced the new Responsive page layout design which was not compatible with Scroll Position… until now that is!

The ‘Insert Fixed Scroll Position’ Feature

The new EverWeb 3.2 makes a minor change to the existing labelling of ‘Scroll Position’. In the Toolbar and in the Insert menu the feature is now called ‘Insert Fixed Scroll Position’. The renaming makes it clear that this type of Scroll Position is only for use in fixed width pages i.e. those using either a centered or left aligned page layout.

Although the labelling has changed, ‘Insert Scroll Fixed Scroll Position’ functions exactly the same way as ‘Scroll Position’ in previous versions of EverWeb. To find out more check out our blog ‘EverWeb’s NEW Scroll Position Feature‘.

If you are website has a responsive page layout, do not use ‘Insert Fixed Scroll Position’, instead use the new ‘Set Selected Shape as Scroll Position’ feature.

The New ‘Set Selected Shape as Scroll Position’

EverWeb 3.2 adds the option ‘Set Selected Shape as Scroll Position’ to the Toolbar and also to the Insert menu. This feature can be used on both Fixed Width and Responsive page layouts.

Essentially, you can add a scroll position to any shape. This also includes widgets such as the Responsive Row widget. Simply click on the object that you want to set the scroll position to, then either use the Toolbar-> Set Selected Shape as Scroll Position option or the Insert-> Set Selected Shape as Scroll Position menu option.

You will be presented with a dialog box where you name the Scroll Position. The dialog box also includes instructions on how to name the Scroll Position. The most important thing to remember is that the name must be unique to the page that it is on. Therefore, you can use the same name on different pages if you want to. Once you have entered the Scroll Position name, click on the ‘OK’ button.

You will notice that in the top right hand corner of the object a small anchor symbol appears indicating that the shape has a Scroll Position attached to it. You can now use the Scroll Position in the Hyperlinks Inspector.

The Shape Options-> Scroll Position Section

If you want to change the name of the object’s Scroll Position, you do so in the Shape Options tab of the Inspector window. Use the new ‘Scroll Position’ section to change the name of the Scroll Position. If you delete the name altogether, this will remove the Scroll Position from the object.

The Widget Settings tab is not used in this instance for the Scroll Position, as the Widget Settings are reserved for use by the object itself. For example, you may want to attach a Scroll Position to a Responsive Row widget. In this case, the widget has its own settings that occupy the Widget Settings tab so the object’s Scroll Position uses the Shape Options tab instead.

If you are using a Fixed Scroll Position line in a fixed width page layout, change its name by first selecting the Fixed Scroll Position line. Next go to the Widget Settings tab in the Inspector Window and change the name in the ‘Unique name’ field. To delete the scroll position line, first select the line before using the backspace key on your keyboard to delete it.

Using Scroll Position

Once you have set up your object with a Scroll Position you can attach the ‘anchor’ to a hyperlinked object. For example, you could create a rectangle shape on your page to be used as a button. Once you have created the button…

  1. Make sure the button is selected.
  2. Go to the Hyperlinks tab in the Inspector Window and check the ‘Enable as Hyperlink’ to activate the Hyperlinking settings.
  3. Use the Page field to select the page you want to Hyperlink to which contains the Scroll Position.
  4. Select the Scroll Position you want using the Position field.
  5. Your Scroll Position is set up. Preview to test that the hyperlinked button works correctly before publishing.

Set Shape as Scroll Position is a great way to set up anchors in both fixed with and responsive page layouts in EverWeb!

If you have a question about this blog post, please let us know in the Comments Section below. We’re happy to help!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Introducing EverWeb 3.2! More Contact Form Advanced Features, Scroll Position Goes Responsive and Much More!

April 3rd, 2020

We’re delighted to introduce EverWeb 3.2 with more Contact Form Advanced widget features, giving you our most flexible and versatile contact form ever! There is also a new scroll position anchor feature for fixed and responsive pages, Master Page enhancements, pagination options for the Image Gallery Widget and much more!

The full list of what is new and updated is below as well as our ‘What’s New in EverWeb 3.2‘ video. Enjoy!

For a complete list of what’s new, improved and fixed, as well as how to upgrade to the new version, please see below!

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

  • If you are running OS X 10.10 or macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave or Catalina, EverWeb version 3.2 is available for you.
  • If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb 3.1 is available for you.
  • If you are running OS X 10.6 EverWeb version 2.5.2 is available for you.

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

The EverWeb 3.2 Video

We’ve highlighted the main features of the release of EverWeb in our ‘What’s New in EverWeb 3.2‘ video. See below for the full release notes.

EverWeb 3.2 Includes…

[NEW] Contact forms can now send a confirmation email to the website visitor. The message is customizable and can include variables based on what the visitor has entered in the form. The default confirmation email includes an example. You can use any form control variable. This feature requires the Contact Forms Enhanced Addon and reCaptcha SPAM protection.

[NEW] Contact forms can forward the visitor to any page on your website after the form has been submitted.

[NEW] Contact forms can remove the “branding” in the submission emails (i.e. the links that ask you to upgrade or login to your account to download file uploads). This features requires the Contact Forms Enhanced Addon but it does not have to be selected in the Inspector or used in the form.

[NEW] Blog posts now include the ability to customize the previous/next post links at the bottom of the blog posts widget.

[NEW] Draft blog posts can now be sorted.

[NEW] You can now set an anchor name from Shape Options-> Scroll Position in the Inspector Window. Any object can be an anchor that you can link to in the Hyperlinks tab.

[NEW] You can set an anchor on any object using the Scroll Position Toolbar.

[NEW] The new Insert-> Set Selected Shape to Scroll Position… menu option can be used in both Fixed Width and Responsive page layouts.

[UPDATED] The Insert-> Scroll Position menu has been renamed to Inert-> Insert Fixed Scroll Position for clarity.

[NEW] Preferences-> Backup-> Manage EverWeb Cache option. EverWeb may have left over published cache and preview cache. You can now easily delete these cache files.

[NEW] Master Pages can be dragged in to the regular page list. This will create a copy of the Master page in the regular Web Page List.

[NEW] If you select a Master Page, all pages in the Web Page List that use that Master Page will be highlighted.

[NEW] The Image Gallery Widget now has pagination at the top, bottom and top and bottom.

[NEW] The Image Gallery Widget now includes similar styling options to the blog pagination feature.

[IMPROVED] Content area separators are now thicker so you can better see them between each section of the page.

[IMPROVED] If your project file has only one page in it, you are not allowed to delete that page as a project file must always contain at least one page.

[IMPROVED] More FTP failure error messages have been added.

[FIX] There was a social media image bug if you had a subdirectory included in the URL field. This has been fixed

[FIX] Various internal bug fixes.

[FIX] Fixes to enable the loading of some damaged projects.

[FIX] Issues where opening projects moved from other computers could lead to a ‘Cannot Connect to Network’ error message.

[FIX] PayPal widget issues causing generic PayPal error message to be displayed when the widget is used.

[FIX] When scrollbars are set to always be showing the Widgets tab list would jump from 3 to 2 columns.

[FIX] The Video Widget on responsive pages was not working properly after clicking the ‘Full Screen’ button then returning to regular size.

[FIX] Fixes for shadow not working correctly for rotated objects in fixed and responsive pages.

The following list of improvements and maintenance fixes were introduced in EverWeb versions 3.1.5 thru 3.1.7 and are incorporated in EverWeb version 3.2:

EverWeb versions 3.1.6 & 3.1.7

  • [FIX] Fixes an issue where the page color remained red (unpublished) in the Web Page List after a website has been published
  • [FIX] Fixes aContact Form submission issue experienced by some customers
  • [FIX] Fixes a rare crash when opening a project file
  • [FIX] Fixes issues when scrolling in the Inspector

EverWeb version 3.1.5

  • [IMPROVED] Significant improvements to Responsive websites on older browsers
  • [IMPROVED] Significant improvements to importing iWeb blogs
  • [IMPROVED] Fixed Width blog post page improvements when using background colors
  • [IMPROVED] Internal improvements for better compatibility with macOS Catalina
  • [IMPROVED] Improvements to Google Fonts and blog posts
  • [FIX] Fixed issues with some widgets using background images that were broken in EverWeb 3.1
  • [FIX] Undo after making a change to a widget under Inspector->Widget Settings updates the widget properly and the Inspector
  • [FIX] Fixes an issue for macOS Catalina users not being able to drag multiple files from the Assets list at a one time
  • [FIX] Fixes for rollover underline for hyperlinks
  • [FIX] Text Section widget fixes when placed within a responsive row
  • [FIX] Simple Contact form can have letters with accents in labels
  • [FIX] Fixed an issue with full width Contact Form Advanced Widget

How To Update To EverWeb 3.2

You can easily update EverWeb 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.

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 Standalone free update period from EverWeb’s Preferences window 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 new 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. We’re happy to help.

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

EverWeb’s Assets List Organizer!

April 2nd, 2020

EverWeb’s Assets List received a big makeover in EverWeb 3.0 with the addition of the Assets List Organizer which lets you organize your website project’s image files and other media such as audio, video and PDF files, into folders and subfolders. 

In this blog, we take a look at how easy it is to organize your project file’s assets just the way you want.

What Organize Your Assets

Image files and other media are your EverWeb project file’s “assets” which can be conveniently organised in to folders and subfolders. This is especially useful if your website has a large number of assets. It is also useful if you want to organize assets based on the pages you have created in your website.

When you click on the Assets tab, the first thing you will notice is the Assets List Organizer at the top of the Assets List. The new feature looks and functions in a similar way to the organizer in the Widgets tab.

The Assets List Organizer

The Assets List Organizer includes a search box so that you can easily locate the asset you want. The Organizer also has three buttons:

  • The ‘+’ button lets you to add a new folder to the Assets List
  • The ‘-‘ button allows you to delete a folder, or one or more assets, from the Assets List
  • The Settings Cog displays a menu of actions specific to the Assets List: Sorting the list, finding unused assets and displaying detailed information about the assets in the Assets List. The Settings Cog replaces the up/down arrows found in versions of EverWeb prior to 3.0, but the features functionality remains the same as before.

Creating an Assets List Folder

To create a new Assets List folder:

  1. Click on the Assets tab in the Inspector Window if you have not done so already.
  2. To create a folder in the ‘Images’ section of the Assets List, either click on the title ‘Images’, an existing folder in the Images section, or on one of the image assets in the Images list.
  3. To create a folder in the ‘External Files’ section of the Assets List, either click on the title ‘External Files’, an existing folder in the External Files section, or on one of the assets in the External Files list. 
  4. Click on the ‘+’ button to create the new folder.
  5. Enter the name of the folder. You can use letters, numbers and a variety of special characters. If you enter characters that are not allowed, EverWeb will ignore them. Click on the ‘OK’ button to finish. The folder will be created.
  6. The folder will be created at the top of the Assets List unless you have created a subfolder. In this case, the new folder will be inside the patent folder. To create a subfolder highlight a folder in the Assets List, then click on the ‘+’ button. Name the folder as in the above step.
  7. You can also create a new folder by secondary clicking in the Images or External Files section. A menu will appear. Click on the ‘Add Folder’ option and continue with step 5 above.

Renaming a Folder

To rename a folder in the Assets List, just double click on its name. Edit the name and press ‘Enter’ to finish.

Adding and Moving Assets

To add an asset in to a folder, drag it from its current location in the Assets List and drop it on top of the folder. The file will be added to the folder. If you already have files within the folder and the folder itself is open, you can drag and drop the file on top of the files that are within the folder.

To move a file from a folder, drag it to the left of the triangle symbol. The file will be relocated one level up. To move a file back in to the main Asset List, move it left of the left most triangle symbol. To move a subfolder, drag and drop the folder to its new location.

To move a group of assets that are listed consecutively in the Assets List, click on the first asset in the list, then Shift+Click on the last asset you want to move in the list. Drag and drop the highlighted assets to their new location.

To move files that are listed in different locations in the Assets List, click on the first asset you want to move, then press Command+Click on each of the other assets in the list that you want to move. When you have finished selecting the assets, drag and drop the highlighted assets in to the folder where want you them.

Deleting an Assets List Folder

You can delete a folder from the Assets List in a number of ways. First highlight the folder you want to delete in the Assets List then either:

  • Click on the ‘-‘ button in the Assets List Organizer.
  • Press the backspace key or
  • Secondary click on the folder and select the ‘Delete Folder’ option.

In all cases, a dialog box will be appear with options to ‘Delete Folders & Contents’, ‘Delete Folders Only’ or ‘Cancel’. Select the option of your choice
If you select ‘Delete Folders Only’, any assets the folder contains will be moved to the next folder level up in the Assets List. 

Displaying Folders

When you add a new folder to the Assets List, it will be empty and the folder will be displayed as closed, which is shown by the triangle symbol pointing to the right, towards the folder name. You can toggle the folder open or closed by clicking on the triangle symbol. When the folder is open, the triangle points downwards and the folder contents are displayed.

EverWeb’s New Assets List folder capabilities is a great way to organize your asset management. In a future blog, we will take a closer look at the Asset Lists new Share Sheet and Preview options!

Please let us know if you have a comment or question 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


EverWeb Website Tips for Business During COVID-19

March 20th, 2020

The spread of COVID-19 across the world has left the world reeling. Many people are now working from home as a result of the necessary restrictions that have been put in place by governments across the world. For many small businesses and self employed entrepreneurs, the financial consequences are possibly devastating.

There are many challenges ahead. How can you make best use of your time at home and keep your business viable?

These simple questions may have complicated answers, but with more people staying at home, the Internet is being frequented more than ever! So now may be the perfect time to develop, or update, your website project to get the word out to the world that your business is alive and kicking!

Team EverWeb Is Here For You!

As always Team EverWeb is here for you! Our 24 x 7 x 365 (ok, 366 this year!) remains in place to help if you need it. Please remember that to use our technical support you will need a current EverWeb support and product update license.

Alternatively, there is also the EverWeb Discussion Forum that you can use if you have any questions, or if you need to know how to do something specific in EverWeb, or have feature requests for the product.

In addition, there is also the EverWeb YouTube channel with hundreds of video tutorials and this blog, as well as those by third parties, such as All About iWeb, which should help you find what you need!

So, how can you make your website the most visible it can be on the Internet for your customers to see and interact with or to purchase from? Here are some tips to get you started…

Invest in Your Website’s SEO!

If you have not tuned your website for Search Engine Optimization, now may be the time to do so! You use SEO to help improve your Search Engine Ranking Page results. The better your SEO, the better chance of your website being higher up the page when potential customers are searching the Internet for goods and services.

The SEO for EverWeb Video Course takes you though the whole process so that your website is as optimized as it can be! There’s no magic involved in SEO and it does not cost any money to implement it either! Just some of your own time.

Your E-Commerce Store Needs You!

If your website includes an online store, now may be a good time to refresh its content and look. If you have a PayPal account, EverWeb’s PayPal widget takes the strain away from adding products to your site. You can now directly add in product images and descriptions from within the widget. You can also use your own button images, or styled text buttons, to get the perfect look for your website.

Remember that your customers do not need to have a PayPal account to be able to pay through PayPal. It may be worth mentioning this in your website that PayPal is just the payment provider, and that the customer does not have to have a PayPal account to purchase goods and services from you.

Although EverWeb supports PayPal, there are other E-Commerce stores and platforms that are also supported, such as E-Junkie, ECWID and Shopify. If there is an E-Commerce platform that you need supporting, please let us know in the Comments Section below.

Keeping Your Customers Updated!

Customer contact is especially important at this time for a number of reasons. First, you want your customers to know that you are still in business, second that your business is taking precautions over the Corona virus, and third, you can effectively update your clients on the products and services that you offer. Your products and services may be subject to change due to the current business trading environment, so alerting your customers as to what is available (and when), and to any possible alternatives, is a proactive step to take.

Maintaining contact with your clients is also important so that your business is not overwhelmed by customers asking questions. You may need to consider altering your home page, or adding a specific page or blog to your site to keep your customers up todate.

The Power of Contact Forms!

EverWeb’s Contact Form Advanced widget is the perfect way to for customers to contact you. The widget is highly customizable so that your contact form blends in perfectly with your website design. If you are using EverWeb 3.0 or higher, you can also purchase our Contact Forms Enhanced addon. This is the perfect companion to the Contact Form Advanced widget in that it allows you to store all contact form submission data in one safe, secure place in your EverWeb Client Area. The database of contact form submissions can be downloaded on a per form basis which will allow you to create an email address list. You could then use this list in e.g. MailChimp to email out to your clients your latest business news and updates.

Keep Your Social Media Options Optimal!

Keeping the communication between your business and your customers is paramount at this time. Remember to include the social media widgets and buttons that are relevant to your business in your website. Social media is a great way to communicate quickly and effectively. EverWeb includes FaceBook Like, FaceBook Page Timeline, Twitter, LinkedIn, Vimeo and YouTube widgets in the product with third party widgets also available for other social media platforms. There are also a range of social media buttons that you can use as well from EverWeb’s Insert menu.

If you have any of tips that you think might help other EverWeb users during these difficult times, please use the Comments Section below! Thanks!

Safe safe and well.

Team EverWeb

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Uploading Customer Files Made Easy with EverWeb!

March 5th, 2020

One of the most popular requests from the EverWeb community was to include the ability for customers to be able to upload files to the website’s host. The introduction of EverWeb 3.0 made this possible with the updated Contact Form Advanced widget and the new Contact Forms Enhanced Addon.

Prerequisites

To begin with you will need the following:

  • EverWeb 3.0 or higher
  • Contact Forms Enhanced Addon


Purchasing & Setting Up Contact Forms Enhanced Addon

To use Contact Forms Enhanced Addon, add the Contact Form Advanced widget to the page, if you have not done so already, then go to the Widget Settings.

If you have not already purchased Contact Forms Enhanced Addon, go to the ‘Contact Forms Enhanced Add-ons’ dropdown menu in the Widget Settings and select the ‘Add Contact Forms Enhanced Features…’ option. In the dialog box that appears, click on the ‘Buy Now’ button and follow the instructions to complete your purchase.

After completing your purchase, you will receive three emails: the first confirms your order, the second confirms payment and the third informs you that the addon has been set up and is ready for use in the Contact Form Advanced widget.

To activate the Contact Forms Enhanced Addon go back to the form in your project file. Click on the ‘Contact Forms Enhanced Add-on’ field’s dropdown menu. You should see the addon in the menu e.g. you should see something similar to ‘Contact Forms Enhanced – 1GB (12345)’. If the addon has not been added to the menu, close the project file then reopen it and try again. If this does not resolve the problem, check that you are logged in to your EverWeb account using the EverWeb-> Preferences -> Account menu.

Once you have added the Contact Forms Enhanced addon, it is usually a good idea to name the form in the Contact Form Name (Online Management) field. This will help you easily identify and manage your form submissions especially if you have more than one form that uses the Contact Forms Enhanced Addon.

Setting Up File Uploads in Your Form

If you want to include a file upload feature to your form you can now do so. In the Form Submission Settings of your contact form, you will see the ‘Form Controls’ section. If you have just added the Contact Form Advanced widget to your page, you will see three default form controls listed: Name, Email and Message. You can add, edit or delete form controls as you wish.

Add a new Form Control for customer file uploads to your contact form using the Add button below the Form Control list. Name the field as you want e.g. ‘Upload File’. Press Enter when finished. The form control and label ‘Upload File’ are added to the contact form in the Editor Window.

Next, change the Control Type for the ‘Upload File’ form control from the default ‘Checkbox’ type. First, make sure that the ‘Upload File’ form control is still selected in the Form Controls list. Click on the ‘Control Type’ dropdown menu and select ‘File Upload’. The form will update again in the Editor Window. A ‘File Upload’ button and ‘no file selected’ text will be displayed.

If you have forgotten to add Contact Form Enhanced to the contact form, when you select the File Upload Control Type, this will be automatically added. If you have not purchased Contact Forms Enhanced, you will be asked if you would like to purchase it in order to use the file upload feature.

Publishing & Testing Your Form

Complete your contact form then publish your website. Test the form to make sure that everything works properly, including the file upload feature.

When testing file uploading, note that you can only upload files of less than 2MB. If you try to upload a file that is over 2MB you will receive a warning that the selected file cannot be uploaded. When a file is uploading, a progress indicator is displayed.

Once you have submitted your form, you will receive an email confirmation in the mailbox of the email address that you stipulated in the ‘Email Address to Send Form to’ field of the contact form. 

The confirmation email includes the data that was completed in the submitted form as well as a notification of a file attachment.

By default, the email confirmation contains a link so you can login to your EverWeb Client Area to manage, search and export your form submission data and download the file that has been sent to you. The email also displays the amount of server space used by file uploads.

Downloading Uploaded Files

You can also access your form submissions by directly logging in to your EverWeb Client Area. On the Client Area home page you will see the ‘Contact Form Submissions’ section on the left of the window. Click on ‘View Form Submissions’ to access the form submission data.

Click on the ‘Please select your form to access its submissions’ dropdown menu. A list of your forms will be displayed. Highlight the form you want and then click on the ‘Select’ button.

You will see the forms that have been submitted displayed. Move the mouse so that it hovers over the list of form submissions then scroll the information displayed to the right so that the ‘Attachment’ field comes in to view.

Click on the the field heading ‘Attachment’ to sort the form submission list based on whether the form submission has a file attachment or not. Click on the file attachment icon (an I within a circle) to initiate the download of the attached file of the form submission that you want. The file will be downloaded to your computer’s Downloads folder.

Adding a file upload feature to your contact form only takes a few steps and EverWeb makes it easy to mange files that you receive from your customers!

If you have a question about this article, please let us know in the Comment Section. We’re always here to help!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram