Archive for the 'EverWeb' Category

EverWeb’s NEW Dividers Feature for Advanced Page Styling!

Thursday, January 26th, 2023
EverWeb's Dividers

One of the main goals of EverWeb is to help you build beautiful websites easily, simply and without having to code. It’s also our goal to bring you tools that help you to build the site you want in a user friendly way. Typically, this means making traditionally complex website building tasks simple for our users to use and understand.

In our latest EverWeb release, version 3.9, we introduced a new design tool – Dividers! As the name suggests, Dividers are great to use when you want to visually split up content into sections on your page. You can, of course, do this already but Dividers give you sixteen different, fully customizable, styles to help you visually transition from one section of your page to the next. This is especially useful for mobile devices where your visitors may have to scroll the page a lot for discover more content.

More About Dividers

A Divider is, in fact, a scalable vector graphic (SVG) file so the styles you use in your pages will always look great at any page width. All Dividers are fully customizable so you can create exactly the look that you want. You can change the color, opacity, height and width of a Divider. You can also set the Divider to be inside or outside the object it is attached to, as well as being able to invert the Divider horizontally or vertically. There are a myriad of customisation options. Note that when you use certain styling options, this may automatically disable other options.

Dividers can be used on both fixed width and responsive pages. They can also be applied to almost any object you want. Typically, though, you will find that they are used mostly on full width objects as they can only be applied to the top and/or bottom of these such objects.

Adding a Divider to an Object

Adding a divider to your page is easy:

  1. First select the object that you want to add a divider to, for example, a shape, or widget, such as the Responsive Row widget.
  2. Go to the Shape Options tab in the Inspector Window.
  3. In the Fill section, if the dropdown menu is set to ‘None’, change this to ‘Color Fill’. You do not have to change the color from the default shown.
  4. If the Fill section is anything other than ‘None’ already, leave the setting as it is.
  5. Towards the bottom of the Shape Options, you will see a section called ‘Dividers’. If this section is closed, click on the triangle to the left of the word ‘Dividers’ to open the section.
  6. Click on either the ‘Top’ or ‘Bottom’ button to select the type of Divider that you want to add or customize.
  7. To activate the Top or Bottom divider, click on the ‘Use Top/Bottom Divider’ checkbox.
  8. To select the Divider that you want to use, click in the ‘Select’ box.
  9. You can now scroll the Dividers to find the one you want to use. Double click on the divider of your choice to select it.
  10. Now use the options below the Divider to customize its look. You will see the changes you make reflected in the Editor Window.

Customising a Divider

Changing the look of a divider is easy. Just select the object that uses the Divider then change the options you want to alter. If you want to change the Divider style itself, just click on the Divider style and select a different one. When you change the Divider style, the new Divider style will inherit the options that you selected for the previous Divider.

Removing a Divider

If you decide that you do not what to use a Divider anymore, all you need to do to remove it from the object is to uncheck the ‘Use Top/Bottom Divider’ checkbox.

Dividers are a great, easy and flexible addition to EverWeb, giving you more flexibility in design than ever! Let us know what you think of our new features of if there are other design features that you would like to see in EverWeb 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

7 Good to Know Tips When Using EverWeb on Mac and Windows!

Thursday, January 12th, 2023
EverWeb on Windows and Mac

If you work on both Windows and macOS platforms, the recent introduction of EverWeb for Windows now makes it easy to use EverWeb on whichever platform you are currently using.

Both versions of EverWeb work in the same way as each other as you would expect, but there are a few things that are good to know if you are going to work in mixed operating system environments…

1. Do I Need to Purchase EverWeb Twice?

If you already have an EverWeb + Hosting plan EverWeb for Windows is free! There is no need to purchase a copy of EverWeb for Windows.

If you have an EverWeb Standalone license, you will need to purchase a Multi-Platform License for EverWeb. This is a one time payment that can be made through your EverWeb Client Area.

2. How to Install EverWeb for Windows

To start using EverWeb for Windows, just go to the EverWeb website’s Downloads page then click on the link to ‘Download NOW for Windows’. EverWeb for Windows uses an Installation Wizard to guide you though the process, so process is simple and easy.

3. Opening Project Files in EverWeb For Windows

When you launch EverWeb, the first screen you see is the Projects Window which lists all of your projects on the right hand side of the window. The name that you give to your project file(s) is in fact an alias. You can see the real unique filename by clicking on the Settings Button or Down Arrow to the right of your Project name in the Projects Window. Select ‘Show on Disk’ and you will see what lies beneath the ‘alias’ name…

When you use ‘Show on Disk’ you will see the project files stored in their default location. If you move a project file to another location, such as an iCloud or Dropbox location, you will no longer see the file in the Projects Window when you launch EverWeb. When you look at a project file on a Mac it will appear to be different to what you see in Windows. To start with, on both operating systems you will see the real name of the Project file. This is a uniquely generated name consisting of randomized letters and numbers.

When you see the project file on a Mac computer, you will see that it has a ‘everweb’ file extension. When looking at the same file on a Windows computer you will see the file name, including the .everweb extension as a folder. In reality this is the same ‘project’ as on the Mac, just that the two operating systems view the project in two different ways. On a Mac, if you right clicked on the Project file and selected show package contents you would see the same file listing as you do in Windows. Essentially the Mac lets you neatly ‘package’ the contents in to a convent ‘one file’ for ease of use, where as Windows does not.

The only time where this may have an effect is when you open a project file in EverWeb for Windows. If you use File-> Open just click once on the project file folder that you want then click on the ‘Open Project’ button. If you did the same operation on a Mac, you would just double click on the project file name.

If you see a file with the extension ‘ewwinproj’ you can double click on it to open your project.

One more thing to remember… please do not edit, move, delete or add to, the contents of the files in the project folder. If you do this will invariably cause problems for you when you use the project file in EverWeb.

4. Transferring Files Between macOS and Windows

When using EverWeb on a Mac. you can easily move a project file just by copy and pasting it from one location to another. When using Windows remember to copy the project file’s Folder as it contains all the subfolders that make up the project itself.

Also remember that the fonts used on Mac and Windows quite often differ so you may need to install third party fonts from your Mac on to Windows to maintain project file compatibility. See the section on Fonts below for more information.

5. Project Files on Shared Drives

You can transfer your project files to a shared location such as iCloud or Dropbox. This makes it convenient to access your project e.g. if you use both a desktop and laptop computer. Please be aware that EverWeb is not a network product so you should only have your project file open on one computer at any one time. You can install EverWeb for personal use on more than one machine e.g. on your desktop and laptop. For more information about licensing for more users please contact EverWeb Support.

6. Project Files and Fonts on The Mac and Windows

One of the main differences between Mac and Windows is their use of fonts. Some font styles are ‘web safe’ so can be used on both Mac and Windows systems without issue, but often these fonts are not going to be the ones you will be using in your website anyway. Our recommendation is to use Google Fonts as these fonts are also cross-platform friendly.

If you use other third party fonts, you may need to copy all of these over from one operating system to the other.

Furthermore, if you are using third party widgets in your EverWeb project file, do not forget that these should also be copied over from your Mac on to your Windows System. Third party widgets on a Mac are stored in the following directory on the local hard disk:

User Name/Library/Application Support/EverWeb/Widgets

Copy the contents of the directory in to the following folder on your Windows computer:

c:\user name\AppData\Roaming\EverWeb\Widgets

Alternatively if you have the original widgets you can also just drag and drop them on to the Widgets tab in the Windows version of EverWeb. The above method is for when you have lots of widgets to copy over all at once. Don’t forget that if newer versions of the widgets are published by your third party developer, you will need to install the updated version on both computers. If you want to check the version of the widget you have in use at any time in EverWeb, just go to the Widgets tab and secondary (right) click on the widget then select ‘About…’ from the sub menu.

7. Menu Option Differences

Generally the menu options in the Mac and Windows versions of EverWeb are the same. Of course there will be differences in using keyboard shortcuts between the two operating systems, but apart from that, everything else will be where you expect it to be. Here are the main differences in the menu options (macOS -> Windows) when working with your Project file:

  • EverWeb-> Preferences becomes Edit-> Options
  • EverWeb-> About EverWeb becomes Help-> About EverWeb
  • EverWeb-> Check for Updates… becomes Help-> Check for Updates
  • EverWeb-> Check for New Templates… becomes Help-> Check for New Templates
  • EverWeb-> Quit becomes File-> Close

Also bear in mind that you will have a lot more menu options available in the macOS version of the Projects Window. However, the Windows version of the Projects Window has File-> Open and File-> Open Recents… options available.

Setting up EverWeb for use in both Mac and Windows environments just takes a few steps so you can be productive on both platforms in next to no time.

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

Six Ways to Retool Your EverWeb Website for 2023!

Thursday, December 29th, 2022
Retool Your EverWeb Website for 2023

As 2022 comes to an end, it’s always a good time to take a final look at your EverWeb website for the year and to think about what you want to do with it for the next year. Here are some suggestions as to how you can retool your website for the year ahead!

1. Start by Changing Your Site’s Copyright Year!

The first thing that you should in 2023 is changing your site’s copyright notice year to 2023. Having a copyright notice on your site is a good idea in itself as it shows your visitors that you are the owner of the content of your pages. Although it is not usually necessary, or mandatory, to have a copyright notice, having one reduces infringement risk of your content and claims of “innocent infringement”. Having a Copyright Notice costs nothing and helps deter infringement, so if you don’t have one, add it to the pages of your site and to your blog. Remember, in EverWeb, this is quicker and easier to do if you use Master Pages in your site!

2. Aim For a More Secure Website in 2023!

Keeping your online presence as secure as practically possible should be a priority for any business that has a website. If your site is still using just HTTP, now may be the time to think about upgrading it to HTTPS. If you have an EverWeb+Hosting plan, you can easily secure your site using EverWeb’s Site Shield Addon. In just a few clicks you can secure your site. EverWeb Site Shield Addon has been engineered to make this potentially complex task a super simple one! If you want to maximize your site’s security, you can also take advantage of Site Shield’s new advanced security options! Again, we have simplified these options for you so advanced website security is available for you by just a few mouse clicks.

EverWeb Site Shield Addon is available for only $39.95 USD/Year if you have an EverWeb_Hosting 2GB plan and requires EverWeb 3.6 or higher.

3. Give Your Site’s SEO a Higher Priority

If you are running a business, having a website is one way in which you can expand and grow sales. If potential and existing customers find it hard to find your site, products or services on the Internet, then you probably need to improve your site’s Search Engine Optimization.

Adding and improving SEO in your site can take time and effort, and is something that you should review, maintain and update on a regular basis. EverWeb does help you with SEO by taking the contents of certain fields (e.g. the Web Page Description field in the Page Settings tab) and using it for SEO purposes. You can, however, refine your SEO to be more targeted to your needs easily and without extra cost. Our Free SEO for EverWeb Video Course will show you how!

If SEO is important, or critical, to your business, then using EverWeb’s SEO PowerUp Addon is the tool you need to use. The Addon can be purchased through your EverWeb Client Area ($29.95 USD/Year) and is free for EverWeb+Hosting 10GB or higher plans. The Addon give you the ability to prioritize and set the frequency of when your pages are crawled for SEO purposes, allows you to add in your own SEO keywords on a per page basis, and much more!

4. Spreading Your Word with a Blog

Adding a blog can be a great way to engage with your customers and potential customers. It also gives you an easy way to keep your customers informed about what your latest products and services. A blog is also a great way of providing in-depth information that you would not usually find, or have space for, in the regular pages of your site. You can even use EverWeb’s RSS Feed widget to link blog articles to e.g. the Home page of your site. And a blog also lets your customers know that your site and business are alive and kicking!

Blogging can take some time and planning but once you get in to he swing it can be incredibly rewarding. Checkout the chapter on Blogging in the EverWeb User Manual for more information on setting up your own blog and enabling discussion with your community by enabling Comment Engines.

5. Creative, Consistent Content!

Whatever type of website you have, one of the key things to bear in mind is keeping your site up to date. If you update or refresh your site on a regular basis, it is more likely that visitors will come back again. Keeping your site up to date also means that the information it contains also stays up to date. There’s nothing worse than e.g. visiting a site at the end of 2022 and seeing that its last update was in 2019! As discussed above, a blog can be a very useful tool, especially if most of your site’s content is relatively static.

You may find that refreshing the look of your site from time to time can help, but keeping your content up to date and original is of greater benefit as it will be better for your SEO.

6. Work Smarter, Not Harder…

Keeping your website up to date with fresh content and making sure that your pages are always ‘SEO ready’ may seem to be somewhat of a daunting prospect. But there are ways in which you can work efficiently and effectively. Here are some tips that may help you…

  • Plan in Evergreen content for your website and its blog: We all have events in our calendars that repeat every year so why not make a note of these for your site or its blog so that you can have content ready in time for such events e.g. New Year, national holidays, festival days, your company’s anniversary and so on…
  • SEO only pages that need it: When it comes to SEO, you do not need to use it on all of the pages in your site. Just pick the pages that are the most important ones in your site to add SEO to.
  • When adding images in to your site, make sure the image’s filename is SEO worthy. Additionally, make sure that the size of your image files are not going to drag your page performance down and that you add in ALT Text whenever you can to an image.
  • Keep up to date: Every year EverWeb adds new features and enhances existing features. You may find that a new feature replaces an old one, for example, this year we added in-line Heading Tags. You no longer need to use the Heading Tags widget to add in these tags. Now it is simpler and easier to add in these tags and style them, so you may want to replace the ‘old’ with the ‘new’ – it’s more efficient for you in the long run!

We hope that we have given you some food for thought about how you can retool your site for the new year. Got your own tip? Then why not share it? Let us know in the Comments Section below. And if you have any questions, please ask!

Happy New Year EverWebbers!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

The Best No Coding Website Builder for Mac Comes to Windows as EverWeb for Windows Launches!

Monday, December 19th, 2022
EverWeb for Windows Launches!

We are thrilled to announce the immediate availability of EverWeb for Windows. All of the website building features of EverWeb for macOS are now available to enjoy on Microsoft’s Windows operating system!

EverWeb is the leading website builder that requires no coding – just use drag and drop to build the website you’ve always wanted! EverWeb comes with all of the features you would expect of a modern website builder: Responsive and fixed width website design styles, full drag and drop capability, a complete blogging environment, one click publishing, advanced shopping cart features using payment providers such as PayPal and Stripe and much much more!

Downloading and Installing EverWeb for Windows

To run EverWeb on Microsoft Windows you will need EverWeb for Windows version 3.9.1 or later. If you have not already purchased EverWeb you can download the app from our website and try it for free.

If you have purchased EverWeb for macOS and want to use it on Microsoft Window, check out the ‘If you are Already Using EverWeb?’ section below.

Which EverWeb Version Is For You?

Choose the version of EverWeb that best suits your requirements…

  • EverWeb + Hosting: If you purchase, or are already have, an EverWeb + Hosting plan you get the benefit of being able to use both EverWeb for Windows and EverWeb for macOS at no extra cost.
  • EverWeb Standalone: If you want to use your own hosting provider, choose EverWeb Standalone, either for Windows or for macOS. If you want to use EverWeb on both platforms, you can easily purchase a one time only Multi-Platform license.

If You Are Already Using EverWeb…

If you already use EverWeb on macOS and want to use it also on Microsoft for Windows, you can do so with ease:

  • If you are and EverWeb+Hosting user you can download and use EverWeb for Windows for Free.
  • If you are an EverWeb Standalone user you can purchase our One Time Multi Platform license for $24.95 USD. The license is available to purchase from your the Upgrade/Downgrade Options section of your EverWeb Client Area.

Multi Platform Compatibility

Your EverWeb website Project files are compatible between MS Windows and macOS. Generally, EverWeb will also work in exactly the same on both Windows and macOS platforms. Some differences in use will, of course, arise due to the differing nature of these two operating systems.

System Requirements

EverWeb for Windows is compatible with Microsoft Windows version 10 and 11.

If you want to use EverWeb on macOS we recommend using version 3.9.1 or higher which is compatible with macOS versions 10.13 (High Sierra) or higher.

For more information on EverWeb for Windows and EverWeb for macOS please check out our website or 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

Be an EverWeb Web Page List Expert II: Advanced!

Thursday, December 1st, 2022
EverWeb Web page lists Advanced Features: Assets Search, SEO and Secondary Clicking

In our previous post about EverWeb’s Web Page List, we looked at many of its core features and functionality. In this concluding post, we look at some of ways in which the Web Page List is used as a cornerstone of EverWeb functionality as well as some of its lesser known features.

The Web Page List and The Assets List

EverWeb’s Web Page List is also used in conjunction with EverWeb’s Assets List as you can see where a particular asset e.g. an image, is used on one or more pages in your project. To use this feature, first click on the Assets tab in the Inspector Window. Next, secondary click on the asset you want to find in the Web Page List and choose ‘Find Pages Using Asset’ from the menu options. The pages that use the asset will be highlighted in the Web Page List.

To clear the highlighted page indicators in the Web Page List, secondary click on any page in the Web Page List and choose the ‘Clear Using Assets Indicator’ option.

Web Page List Search

The section at the bottom of the Web Page List is where you can quickly search for the page in the Web Page List that you want to locate. Usually this feature is only going to be of use to you if you have a large website project file that contains a lot of pages, or where most of your pages are located in directories.

Additionally, you can scroll backwards and forwards through the pages that you have already visited in your current EverWeb session by using the Previous and Next Arrows to the right of the Search box. When you exit and relaunch EverWeb you will begin a new ‘session’.

Adjusting The Width of The Web Page List

One small, but useful, feature of the Web Page List is that you can adjust the width of the list. This is especially useful when if you need a bit more Editor Window space as you can shrink the width of the list, or if you have long file names in the Web Page List, you may want to temporarily increase the width of the list to easily see the file names in full.

To change the width of the Web Page List, simply put your mouse cursor anywhere on the right hand vertical edge of the list. When the mouse cursor changes to a vertical line bisected with a double ended arrow, mouse down and move the edge left or right as desired. Release the mouse cursor when done.

Secondary Clicking in the Web Page List

Secondary, or right mouse clicking is a feature that can be used throughout EverWeb. It makes your workflow easier and more efficient as you do not have to mouse to a different part of EverWeb to get to the feature you want to use. The same is true for the Web Page List where you can use secondary clicking in both the Master Page and Regular Page sections. Secondary clicking is also context sensitive so that you only see the options that can be used within the context of your actions. If you right click on the name of a regular or Master Page you will see different options, for example, as you cannot create a directory for a Master Page, this option will not be listed when you secondary click on a Master Page.

If you secondary click in a blank area of either the Master Page or Regular Page section, you will see only one option – New Page so this is a quick way to add pages to your site without having to navigate to the Toolbar or EverWeb’s menu options

…And Let’s Not Forget The Web Page List and SEO!

…and last, but not least, remember that the names of the pages that you use in your website are also used for your SEO! So make sure, whenever possible, to use page names that are good for your SEO. This usually means creating descriptive page names, or even using your primary and secondary keyword terms where possible and appropriate. Also bear in mind that some pages will not need this treatment e.g. ‘Contact’ and ‘About’ will not need special naming as all site’s use these and so they will have no importance in regards to SEO.

You can change, or edit, the name of your page directly in the Web Page List just by double clicking on it and editing the name, then pressing return. Alternatively, you can also use the ‘Filename’ field in the Page Settings tab of the Inspector Window.

For more information about SEO and EverWeb, checkout the SEO for EverWeb Video Course.

The Web Page List is an integral part of EverWeb. It is easy to use, but also with some nice quick to learn shortcuts to make your workflow easier!

If you have any questions on the Web Page List, or on anything EverWeb, please do not hesitate to 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

Happy 9th Birthday EverWeb! Our Year in Review!

Thursday, November 17th, 2022
EverWeb Website Builder Birthday

November is always a special time of year for EverWeb as we celebrate the product’s anniversary! It is also a time where we look back at our achievements over the last year as we set our goals for the next! We would also like to say a big ‘Thank You’ to all our loyal customers for their support over the past year!

EverWeb Product Releases

Back in November 2021, EverWeb 3.5.1 was the current released version of the product, having launched in late September. The next major release, EverWeb 3.6, followed in January 2022 with the all new ‘Fill Slideshow‘ feature. there was also massive update to our Site Shield Addon product, giving you advanced website security features at the touch of a button.

Following on from EverWeb 3.6 was the maintenance release 3.6.1 before the debut of EverWeb 3.7 at the end of April. This release focused on expanding EverWeb’s hyperlinking features to the whole product as well as the introduction of Force Download whereby clicking on a hyperlinked file will automatically download the file to the user’s download location instead of opening the file. We also added more context sensitive help in to EverWeb to help first time users get

EverWeb 3.7 debuted at the end of April. This release focused on expanding EverWeb’s hyperlinking features to the whole product as well as the introduction of Force Download whereby clicking on a hyperlinked file will automatically download the file to the user’s download location instead of opening the file. We also added more context sensitive help to the product. Uniform hyperlinking options throughout EverWeb were also introduced so that you get consistent options wherever you are using hyperlinking in the product

After the EverWeb 3.7.1 maintenance release in May 2022, EverWeb 3.8 followed in August with a visual refresh of the EverWeb User Interface for macOS Big Sur or later users. The main feature of this release was the introduction of mass emailing capability to our Contact Forms Enhanced Addon product.

The Assets List also gained the ability to add all of the assets on one page in to a folder at the click of a button. Instant Preview also debuted, taking the wait out of previewing your pages and we also updated EverWeb’s UI to take advantage of macOS features available if you are using macOS Big Sur or later.

…And just a few days ago we launched EverWeb 3.9 to round the year out! This is a big release with a new Stripe Widget, a new Dividers feature, Dark Editor mode for blog posts, inline HTML Tags and lots more so check out the EverWeb 3.9 release notes for full details or the EverWeb 3.9 video.

Other Highlights from EverWeb’s 8th Year!

As well as the tentpole features of our major releases, many areas of EverWeb saw major updates spread throughout the year..

Contact Forms

You can add a ‘Required’ setting to dropdown menu controls in the Contact Form Advanced widget and form submission emails now have a direct download to any file uploads for Contact Forms Enhanced users. 

Improved Help

Throughout EverWeb over the last twelve months, we have added better context sensitive help with new dialog boxes explaining more about EverWeb’s features. You can click in more dialog boxes not to show them again, but if you need to you can restore this functionality using the EverWeb-> Preferences-> General “Reset ‘Don’t Show Again’ Dialogs” button.

Blogging

The Blog Post Header and Date fields can now be left, center, or right aligned and a new image padding option is available for the blog post cover image.

There are many other minor enhancements and changes in EverWeb that will make developing and publishing your website easier and quicker! If there is anything that you would like to see in EverWeb in the future, please let us know and finally…

Coming Soon…

We hope to be releasing EverWeb for Windows in the near future with the same ease of use features that EverWeb users know and love! EverWeb for Windows is currently in beta, so a big thank you to all those EverWeb users who have helped us squash bugs and refine the Windows version of the product. Stay tuned for more information coming soon in our blogs and on social media!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

New In EverWeb 3.9: New Stripe Widget, Dividers, HTML Tags and Much More!

Monday, November 7th, 2022

We’re excited to announce the release of EverWeb 3.9 with an all NEW Stripe Widget, inline HTML Tags, Dividers which help you make creative object borders, more Contact Forms Enhanced features and much much more! See below for details and if you have any comments, please let us know in the Comments Section below.

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

  • If you are running an Intel Mac running OS X 10.10, macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave, Catalina, Big Sur, Monterey or Ventura, EverWeb version 3.9 is available for you.
  • If you are running an Apple Silicon Mac running macOS Ventura, Monterey or Big Sur, EverWeb version 3.9 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.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 2.9.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.9 Includes…

[NEW] Stripe Payments Widget for accepting Payments through Stripe.com.

[NEW] Dividers for objects allow you to add creative and interesting borders to any element on your page.

[NEW] Confirmation emails from Contact Forms Enhanced can use the EverWeb Mail Sending feature rather than SMTP details for easier configuration.

[NEW] Contact Forms Enhanced now lets you download selected attachments in the EverWeb Client Area.

[NEW] Contact Forms Enhanced email editor now includes more advanced email merge tags.

[NEW] The Responsive Row widget now has an Overlap feature for objects within the Responsive Row.

[NEW] Import iWeb Photo Galleries from a local folder or from a URL (File-> Import menu). It will import all photos and captions into any gallery or slider. Just add a gallery, make sure it is selected, then select this option.

[NEW] You can mark any text in a TextBox as ‘h1’ through ‘h6’ from the Text Inspector. You no longer need to use the Headings Tag widget.

[NEW] The Blog Post Editor Window now has a Dark Editor Mode setting for when you want to use light, or white, text for your blog post.

[NEW] The Text Section widget now has a new ‘Inset Margin’ setting.

[NEW] The Image Slider widget can now have an ALT tag for images.

[NEW] The Line shape is now exported as CSS rather than an image when full width.

[IMPROVED] Improvements to the volume command for the Audio widget.

[FIX] The original simple Contact Form widget now works better with gmail and other email clients that will not parse HTML code.

[FIX] A crash when selecting blank rows in keyword list or Assets List has been fixed.

[FIX] Crash when dropping image into the Design canvas.

[FIX] Some fixes to Instant Preview.

[FIX] Fixes to the Inspector so it does not automatically change tabs when making some changes to certain settings.

[FIX] iFrame code with video links works properly in blog posts now so you can easily embed videos and other content.

[FIX] Copying and pasting text with spaces around the selected in Styled Text Editor for Widgets works properly now and won’t stripe the spaces.

[FIX] Undo for the Responsive Image Gallery now works correctly.

[FIX] Fixes issues with Master pages losing some of their changes.

[FIX] The Blog Post Widget does not flash grey anymore when it updates.

How To Update To EverWeb 3.9

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 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

Be an EverWeb Web Page List Expert! Part I

Friday, October 28th, 2022
EverWeb's Web Page List

One of the basic features of EverWeb‘s User Interface is the Web Page List. It is a core feature of EverWeb since the product launched back in 2015 and one that has gained many additional features over the years. In the first part of this two part post, we begin by looking at the core functionality of the Web Page List so you can get the most out of it immediately!

What is the Web Page List?

The Web Page List is the column running down the left hand side of EverWeb’s User Interface. It is the place from where all the pages you have created in your site are listed and managed. Simply click on the name of the page in the list that you want to edit.

The Web Page List is comprised of a number of sections, In this post we will explore its basic core features, before moving on to related and advanced Web Page List features in our next post.

The Master Page Section

At the top of the Web Page List is the Master Page section. This section appears blue if you are your operating system is set to Light Mode and dark grey if set to Dark Mode.

A Master Page is a template page that is attached one or more of the regular pages in your site. You add features to your Master Pages in the same way that you would for a regular page. As the Master Page is a template, the features that you add to it will be those that you would typically see on more than one page of your site e.g. the background color of the page, your company logo, social media buttons, legal and regulatory information required on all pages and so forth.

A new Master Page is created by clicking on the ‘New Master Page’ button in the Master Page section or by using the File-> New Master Page… menu option. Note that you cannot create directories or blogs in the Master Page section.

The pages that you create in the Master Page section are listed in the order that you create them in. You cannot change the order of the pages in this section.

When you click on a Master Page in the Web Page List, you will see that all of the regular pages in the Web Page List that use that Master Page will be highlighted.

For more information about Master Pages, check out our ‘Getting Started With EverWeb 3: Master Pages‘ post or our ‘Six Reasons for Using Master Pages‘ post to find out why and how Master Pages can benefit you and your site.

The Splitter Line

Immediately below the Master Page section, and above the Regular Page section of the Web Page List, is the ‘Splitter Line’. This is a horizontal line represented by ellipses i.e. thee horizontal dots. When you hover your cursor between Master and Regular page sections, the cursor will change to a vertical line with an up and down arrow at each end, bisected by a horizontal line. If you click and hold your mouse cursor on the line, you can move hide or show more of the Master Page and Regular Page sections of the Web Page List. If you cannot see your Master Page section for example, it is likely that the Splitter Line will need to be dragged down from the top of the Web Page List to make this section visible.

The Regular Page List

Under the Splitter Line is the Regular Page List where most of your interaction with the Web Page List will take place. Regular pages are where you create the content of your site so each page in your site is unique. Regular pages may also have Master Pages attached to them which will give your site with a uniform look and feel.

If you have a Master Page attached to a regular page, all Master Page objects will have a black page icon displayed in their top right hand corner. To edit such objects you will need to edit the Master Page itself.

At the top of the Regular Page List is your project file’s name. By default, any new project that you create will be titled ‘New Website’. You can change this in the Web Page List by double clicking on the project name itself. This will allow you to edit the name. Alternatively, use the File-> Rename Website menu option. When you double click on the name of the project file you will also see that the Editor Window is replaced by the Site Publishing Settings screen. If you want to use the Site Publishing Settings without editing the project file name, just single click on the project file name, or use the File-> Edit Publishing Settings menu.

Once you have edited the project file name or its settings, just click back on the page in the list that you were editing to see the Editor Window again. The first page in the list is also known as the ‘landing’ or ‘index’ page.

To add a new page to the Web Page List either click on the ‘Add Page’ button in the Toolbar, use the File-> New Page… menu option or secondary click in the Regular Page List and choose the ‘New Page’ option.

Editing the name of your page is done in the same way as for the project file, by double clicking on the page name, editing the name, then pressing Enter to finish. Alternatively, go to the Page Settings tab of the Inspector Window and edit the File Name field.

You can move pages up and down the list as you want just by dragging and dropping them from their existing location to their new location. You can also create directory structures too, by either clicking on the ‘Add Directory’ button in the Toolbar, or by using the File-> New Directory… menu command. You can also convert a regular page in to a directory by secondary clicking on the page that you want to convert and selecting the ‘Convert To Directory’ menu option.

Directories can also have directories within them, so you can nest pages within directories as you want. Whilst the directory feature can be used for organizing your project file’s pages, it can also be used for creating single line, dropdown and responsive navigation menus.

Deleting pages from your project file is also simple. Highlight the page you want to delete then hit the backspace key. You will see a warning message that asks you to confirm the deletion. To continue with the deletion, press the ‘Delete’ button.

The Web Page List also allows you to duplicate pages if you want. In this case, secondary click on the page in the list that you want to duplicate, then choose the ‘Duplicate…’ option.

Master Page and Regular Page Common Features

Although Master Pages are ‘template pages’ and Regular pages are ‘content creation’ pages, the Master Page and Regular Page sections of the Web Page List have many common features:

  • Deleting Pages: In both sections, just click on the page you want to delete then hit the backspace key’.
  • Duplicating Pages: Secondary click on the page you want to duplicate and choose the ‘Duplicate’ option.
  • Renaming Pages: Just double click on the page name you want to. change, edit the name, then press Enter to finish.
  • You can create, rename, duplicate and delete regular and Master Pages using EverWeb’s File and Edit menus or by secondary clicking on the page name itself.
  • Both regular and Master Pages use the Theme Template Chooser when adding a new page to your site.
  • You can copy pages between each section, just drag and drop the page you want from one section to the other to create a copy.

In this post we have looked at the main core features of EverWeb’s Web Page List. In our next post, we will take a look at how the Web Page List works as a cornerstone of other features in EverWeb and at some of its less commonly used, but still very useful, features!

If you have any questions about EverWeb’s Web Page List, or indeed about anything EverWeb related, 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

EverWeb’s Scroll Position for Anchors in Your Site!

Sunday, October 16th, 2022

One of the most useful things that website designers often want is for their visitors to be able to jump from one location to another on the same page, or to to be able to jump from one page to a specific location on another page. In EverWeb this is super easy to do. Before showing you how, it is useful to have some background information that is good to know before you start…

Anchors, Scroll Position and Smooth Scrolling

The ability to ‘jump’ from one location to another is known in HTML coding terms as using an ‘anchor’ tag, so this is why this feature is often referred to as ‘anchoring’. The reference is analogous to anchoring a boat. In EverWeb, we use the term ‘Scroll Position’ which still is anchoring, but if your jumping from one location to another on the same page, EverWeb will scroll smoothly to the new location, making the transition from one place to another on the page smoother for the user.

Anchors and EverWeb’s Scroll Position Features

There are two ways in EverWeb for setting up anchors: ‘Insert Fixed Scroll Position’ and ‘Set Shape as Scroll Position’. Here’s a quick summary of what each Scroll Position is used for:

  • Insert Fixed Scroll Position: You can use this type of Scroll Position in a Fixed Width Page Layout. Typically this will be when using a ‘Centered Layout for your page. When you insert the Scroll Position, you will see a blue/green line across the width of the page at the point where you inserted it. You can move the Scroll Position up and down the page and you can give it a unique name using the Settings Button/Cog in the Inspector Window. If you want to delete the Scroll Position, just click on the blue/green line then hit the delete key. The main caveat to using this type of Scroll Position is that it should only be used on either the Centered or Left Aligned Page Layout. This type of Scroll Position should not be used on a Responsive Page layout.
  • Set Shape as Scroll Position: This type of Scroll Position attaches the anchor point to an object on your page, so can be used in both responsive and fixed width page layouts. When you attach the Scroll Position to the object of your choice, you will see a blue anchor symbol displayed in the top right hand corner of the object. As with the Insert Fixed Scroll Position, you can rename the Scroll Position. but in this case you have to go to the Shape Options tab in the Inspector Window, open the Scroll Position section and change the name there. If you want to delete the Scroll Position, just delete the name from the Scroll Position field.

Jumping to Where You Want to Be On The Same Page

If you are using a fixed width page layout you have the choice of which type of Scroll Position to use. If you are in a situation where you used fixed and responsive page layouts, e.g. if you are building different sites for customers, then it is probably best to only use Set Shape as Scroll Position. If you use Insert Fixed Width Scroll Position on a responsive page, it will not work properly, so our recommendation is to use Set Shape as Scroll Position at all times.

In the following example, we are going to create a Scroll Position to jump from one location in our page to another location on the same page. This example uses a Responsive page layout and uses a button at the top of the page which when pressed goes to a specific location further down the page which would not usually be visible unless you scrolled the page.

  1. First go to the page where you want to create the Scroll Position and create a button at the top of the page e.g. place a rectangle shape on the page and customize it to create the look of a button. If you click inside the shape, you can enter the text of the button. In the Text Inspector, center the button text to be horizontally and vertically centered. Remember to set the After Paragraph setting to zero to ensure correct text centering.
  2. After creating the button, go to the object that you want to be the anchor. Click on the object you have chosen, in this example, a Contact Form Advanced Widget to select it.
  3. Next, click on the Scroll Position button in the Toolbar at the top of the EverWeb User Interface and select ‘Set Shape as Scroll Position’.
  4. You will be asked to give the Scroll Position a name. In this example, I am going to call it ‘Booking’. The name you use must be unique for the page, so you could create a Scroll Position on another page with the same name if you want.
  5. Click on the OK button. You will notice that there is now an anchor symbol in the top right hand corner of the object.
  6. Now that the Scroll Position has been created, go back to the button you created earlier. We will now link the button to the Scroll Position so when a visitor clicks on the button, they will be taken to the contact form.
  7. Select the text of the button then go to the Hyperlinks Inspector. Click on the checkbox next to ‘Enable as Hyperlink’ to activate the settings.
  8. For the ‘Link To’ field, make sure that ‘One of My Pages’ is selected.
  9. In the ‘Page’ Field select ‘Current’ to select the page you are currently on. A new field, ‘Position’ will then be displayed under the ‘Page’ field.
  10. Click on the dropdown and you will see the Scroll Position ‘Booking’ is listed. Click on it to select it.
  11. Preview the page using the Preview button in the Toolbar to test that your Scroll Position works properly.

Jumping to Where You Want to Be On a Different Page

Once you have created a Scroll Position on the page, you can jump to it from the current page, as in the example above, or from any other page in your site, using the same hyperlinking procedure as outlined above. The only difference is that instead of using ‘Current Page’ in the ‘Page’ field, you would use the actual name of the page where the Scroll Position is located on instead.

If you have a question about hyperlinking in EverWeb, or any question relating to EverWeb, 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

EverWeb’s Contact Forms Enhanced Addon’s New Mass Email Feature Is Live!

Thursday, September 29th, 2022

The recent release of EverWeb version 3.8 brought with it an amazing new feature for users of the Contact Forms Enhanced Addon – Mass Emailing! This Addon is used in conjunction with EverWeb’s Contact Form Advanced widget and enables you to capture and store the information that your customers fill in when they submit a contact form to you, giving you great CMS capability.

The Contact Form Widgets, Contact Forms Enhanced Addon and Mass Emailing

In EverWeb the core of the contact form experience lies in the Contact Forms Advanced widget. This widget is a fully fledged contact form environment enabling you to build just the form that you want for all circumstances. The widget contains all the formatting and controls that you need to build any form your site might need.

As a side note, EverWeb also includes the simple Contact Form widget which is retained mainly for legacy purposes. Our recommendation, though, is to always use the Contact Forms Advanced widget as it offers better security and is more resilient against form SPAM attacks than the original widget is. Additionally, you can only use the Contact Forms Enhanced Addon with the Advanced widget.

A contact form has two important functions: The first is that it enables you to facilitate two way communication with your customers and clients, the second is that it is a great way to build up your customer base by storing the data from the forms submitted by your customers.

The ability to capture and store customer data from submitted forms is a key feature of the Contact Forms Enhanced Addon as is its ability to allow your form submitters to upload files to you if they want. The data collected from your form submissions can be exported to other applications if needed e.g. you may have collected survey data through a contact form that you now want to analyse. Another use for your data is as a customer database from which you can mass mail all, or a subset, of those who submitted a form to you. You can, of course, export your data out and use it to create a mass mailing, but with EverWeb, it is all built in for you.

How To Use Contact Forms Enhanced Addon’s Mass Email Feature

The following example assumes that…

  • You have purchased the Contact Forms Enhanced Addon for use with the Contact Form Advanced widget
  • You have already collected some form submission data that can be used for a mass emailing.

In the following example, we are going to produce a mass mailing to people who have sent in form submissions for DJ based concerts, telling them of some upcoming events that they may be interested in.

Selecting Form Submissions for Mass Email

  1. Start by logging in to your EverWeb Client Area at https://billing.ragesw.com/clientarea.php
  2. Alternatively if you are already in EverWeb, you can go to the EverWeb-> Preferences-> Account menu and click on the ‘Manage Account’ button or double click on your project file name in the Web Page List then click on the ‘Manage Account’ button.
  3. On the left hand side of your Client Area home page, you will see the section ‘Contact Form Submissions.’ Under this heading there are two options: ‘Mass Email Configuration’ and ‘View Form Submissions.’ Click on the latter – ‘View Form Submissions.’
  4. The ‘Contact Form Enhanced’ page will then be displayed. Use the ‘Please select your form to access its submissions’ button to see a dropdown list of all of your forms.
  5. Click on the form you want to use for your mass mailing then press the ‘Select’ button. In this example, I will click on the ‘DJ’s Booking a DJ’ form name then on the ‘Select’ button.
  6. You will now see all of the form submissions listed for the form. You can select the form submissions you want to include by ticking the checkbox to the left of each form submission.
  7. To deselect form submission, just click the checked tick box again to toggle the selection off.
  8. To select all form submissions, check the box to the left of the ‘Name’ field heading.

Using the Mass Email Form

Once you have selected the form submissions you want to use in the mass emailing, click on the ‘Send Mass Email’ button. You will now see EverWeb’s mass email template.

Check the Members Field

Before starting to fill out the template, check at the bottom of the page to make sure that the ‘Members’ field contains the form submissions that you have just selected. If there are no members in this field, go back to the previous screen and select the form submissions that you want to use for mass emailing. If you complete the form with no members, your changes will not be saved and you will need to rewrite the mass email template again.

Setting Up a Mail Driver

The first field in the form is the ‘From (Sending from: api) field. This field is used to configure from where the mass emailing will be sent from. You have three choices:

  • EverWeb
  • Amazon (aws)
  • SMTP (we recommend not to use this if you are using a Google or Office 365 email address. Use EverWeb or Amazon (aws) instead as your mail driver)

in this example, I am going to choose ‘EverWeb’ as the mail driver.

Subject, Tags and Content Fields

After you have configured your mail driver, complete the other fields in the form. Enter the text you want as the heading of the email using the ‘Subject’ field.

In the Content field, enter the text of the body of the email. You can include any of the listed tags in the email so, for example, you could begin with ‘Dear’ then click on the tag *|Name|* to insert the Name field in to the body text of your email.

Note that tags only appear when the field actually has some content in it. For example, if my contact form had a ‘Venue’ field in the form but no one filled this field in, I would not see a *|Venue|* tag when creating my mass emailing email.

Default Value for Mail Tag

When using tags in your mass email form, you can also set a default value for the tag itself, just enter the value you want in the relevant tag field in the ‘Default Value for Mail Tag’ section.

Sending Out the Mass Email

Once you have completed all of the fields, click on the Submit button to send out the mass email. You will see a confirmation message that the mail has been sent. If the Submit button is not available, make sure that the Subject and Content fields are not empty, then try again.

…More Features To Follow

We have a lot of plans for mass emailing in EverWeb so if you have a comment or suggestion about this new feature 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