Mac SEO Blog

When you create your website, you’re doing more than just creating your online presence. You are actually creating a hub for your online world that can, if you want, stretch across the whole of the Internet. The website that you have created in EverWeb can easily be used to extend the reach of your online universe through integrating your site with other apps. Increasing the reach of your site will give it more visibility, help better facilitate communication with your site’s target audience, helps get you more visitors and sales, as well as improving your SEO as well.

Integrating EverWeb with other apps and programs is easy and there is an ever increasing list of integrations to be found listed on the EverWeb site.

Here are just some of the ways you can integrate EverWeb with the rest of the electronic universe!

Email

Email has been a core feature of our lives for many a year, be it for work or for pleasure, email is an essential tool in our online world. Integrating with EverWeb is easy, just select the piece of text, or object, you want to link your email address to then go to the Hyperlinks Inspector. Click on the dropdown menu in the ‘Link To’ field then select ‘An Email Message’. Then all you have to do is to enter in the email address you want and the email subject. Once finished, publish your site and test!

If you have an EverWeb+Hosting plan you can also link you email to an external email app such as Apple Mail, or to an webmail client service such as Horde or Squirrel. To find out more about how to set up links to these apps and services, just go to the Site Publishing Settings screen in EverWeb and check out the links in the Email Addresses section. You can also find links for setting up email on our YouTube channel.

Adding Buttons To Your Site

The second way to integrate other apps and programs into your site is through adding buttons. EverWeb comes with 10 built in buttons that can be added to the pages of your site. The buttons listed are designed for use with email apps and social media, such as FaceBook, Twitter and Instagram. to add a button to your page, go to the Insert-> Button menu option. Choose the button you want from the list. You will then be asked to link the button to the associated app e.g. if you chose Twitter, you would add in your Twitter handle. The button by default is 64 x 64 pixels. To change the size of the button, it is best to select the button, then go to the Metrics Inspector. Check the ‘Constrain Proportions’ checkbox so the button retains its shape then change the height or width of the button as desired.

Start the Conversation with a Blog!

EverWeb’s blogging feature is a great way to expand on topics you don’t have space for in the regular pages of your site. It’s also a great way to announce events, sales etc. It’s also a great way to engage with your target audience in a way in which you can control through a Comments Section. EverWeb supports two Comment Engines: Disqus and FaceBook Comments. Once you have signed up for the service you want to use, just add the Disqus shortname or FaceBook App ID in to the Comment Options section of the blog Posts and you’re in business!

For more detailed information about which Comment Engine you should use, how to sign up for a Comment Engine and how to integrate your Comment Engine in to EverWeb, check out the chapter on blogging in the EverWeb User Manual.

Widgets, Widgets, Widgets!

Widgets are the ideal way in which you can integrate features from other apps and programs in to your website without having to leave EverWeb. Widgets also bring the most common features that you need in to one place so you can often be more efficient using the Widget Settings for e.g. the PayPal widget rather than searching through PayPal to find all the settings you need… Furthermore, widgets are often updated to add new and updated features from the original app. The PayPal widget in EverWeb 3.7, for example, gained a new discounts for order quantity feature that many users had requested.

If there’s an app that you want to hook into from EverWeb that’s not currently available, you can either ask us directly about it in the Feature Request page on the EverWeb Discussion forum, or check out the widgets that have been developed by third party widget providers such as EverWeb Garden and EverWeb Widgets.

Finding The Hook…

Sometimes finding a hook in to the app of your choice may not be easy. There are literally millions of apps out there, so it will always be the most popular apps that will have the best chance of a widget being developed. However, third party widget providers may also make a custom widget for you and there’s always another option: The HTML Snippet Widget.

Many apps have a way in which you can link to them through some user specific generated HTML Code. You then copy this code and paste it in to EverWeb’s HTML Snippet widget to establish the link that you need. So if you need to find the hook from EverWeb to your app, check out your app’s features to see if it offers this kind of linking.

EverWeb’s Contact Forms Enhanced Addon

If you use EverWeb’s Contact Form Advanced widget you may want to store and work with the data that you gather from your contact forms. You can easily link your contact form data using EverWeb’s Contact Forms Enhanced Addon. The data collected in the contact forms is stored securely and can then be exported Excel or CSV formats making contact form data analysis and mailing lists based on specific criteria easy to create.

integrating with EverWeb is usually incredibly straight forward. If you need to integrate your app with EverWeb but don’t know how, or if it is possible, let us know and we will see if we can find an easy way to make it possible!

If you are a blogger you will probably know already that creating blog posts with unique content on a regular basis can be great for your SEO! Blogs are great for ‘longer form’ reading and for when space on your site’s regular pages doesn’t allow you to provide for in-depth explanations, analysis or information on the subject at hand.

Blogging is good for your SEO and EverWeb allows you to create text rich content that you can complement with images and media too. Additionally, whilst most websites remain relatively static with their pages only being updated on a relatively infrequent basis, blogging often is a regular change to your site’s content and so helps keep you visible to web crawlers!

SEO and Your Blog Post’s Content

Getting the most out of your blog posts to maximise your SEO impact takes a bit of knowledge about how SEO works and how you can implement it within your EverWeb created posts. The first thing we recommend is to review the SEO for EverWeb Video course. Whilst this course may not be specifically tailored for bloggers, it does give you SEO basics that can be applied to blog posts as well as to the regular pages in your site. As a bonus, the course may also help you review your regular pages for SEO! As an example, you should usually try to put your SEO keywords in to the first two paragraphs of your post if possible. Always remember, though, that you should not sacrifice your content just for the sake of adding keywords in to your post or page.

The second important thing to remember when blogging is to keep your content unique. One of the tricks to blogging is that you will usually have some ‘evergreen’ content. This is the blogging content that you can recycle on a regular basis e.g. getting started information, annual events and so on… The catch comes if you just lift content from your old post, change a few words, then publish it as a new blog post. For web crawlers, that equates to plagiarising your own work and your SEO will get dinged for it as a result. The key to evergreen content is to use the theme (e.g. ‘Getting Stared with EverWeb’) but put a new spin, or twist, on the theme and create something new from that point.

Choose a Format for Your Blog Post

When writing a blog post, typically you should choose an approach, or style, that suits the post. Usually this will fall in to one of the following categories:

• How to do something post
• Step by step tutorial post
• A post based on one or more lists
• An opinion based post
• Product or service review post
• Comparison review post

Framing your post in one of these ways together with putting your own spin on your post will help not only garner new visitors to your post, but will ultimately help your SEO. Try looking at posts from other bloggers who are in a similar field or market to find out what you think is successful or not in terms of approach and format for your own blog.

Implementing SEO in Your EverWeb Blog Posts

Whilst content is king in your blog posts, there are several things you can do in EverWeb’s blogging environment that will help give your SEO a boost…

Short Summaries and Keywords

Your blog will always benefit by adding a short piece of text explaining to your potential visitor what the post is about. If you perform a search in your browser for the post, you will see in the results set that the short piece of explanatory text is shown beneath the blog post title. If you do not add explanatory text, you will see the first few lines of the post instead, so you always have a choice here as to whether to use explanatory text or not.

EverWeb calls this explanatory text a ‘Short Summary’. To add a Short Summary, just highlight the blog post in the Blog Post List then click on the settings cog and select Edit… A dialog box will appear where you can enter in your Short Summary. If possible, and appropriate, include SEO keywords too.

Adding Keywords In To Your Post

Whilst you could add your SEO Keywords in to your Post, it may be more beneficial to use the dedicated Keywords section below the Short Summary to add in your SEO Keywords. This has the advantage of avoiding the need to try to use the Short Summary to do everything SEO when it is not necessary to do so. When adding keywords, choose one or two only.

Add ALT Text to Your Post Cover Image

Adding ALT Text to your Blog Post Cover Image makes it easier for those who are vision impaired or when your browser fails to display the image. This is when the ALT Text comes in to effect as it will display the text for you in place of the image. So, make your ALT Text descriptive about what the image represents. If possible you can also use your SEO Keywords here if it is appropriate to do so. You should always use ALT Text with your images if appropriate to do so, and its use can also have a knock on SEO benefit.

If you are using EverWeb 3.7.1 or higher, your blog post image will also be used if you are social media sharing on Twitter, LinkedIn or FaceBook.

Add ALT Text to Images in the Blog Post Editor

If you have added images directly in to the text of your post, you can also add ALT Text to these images too. Just select the image in the Blog Post Editor Window. You will then see the Image Editor Toolbar. This may appear above or below the image. If you do not see the toolbar, it may be that you need to drag the splitter line that sits between the blog post editor window and the blog post preview window down to reveal the Toolbar. Once the Toolbar is visible, click on the ‘I’ icon and enter in your ALT Text.

Remember Your Blog Post’s Title!

The final thing to remember with your post is its title. Again, make sure that this is as SEO friendly as you can make it, but again, do not compromise this in order to try boost your SEO. Content first is always the rule before SEO.

Blogging in EverWeb is easy and straightforward. Adding SEO to your posts may take a bit of research and dedication to implement, but is worth it for the SEO rewards!

If you are designing a responsive website in EverWeb, you are most likely to have used the Responsive Row widget at some time in your page design. This venerable widget debuted in EverWeb 2.8 when we launched responsive website design capability. The Responsive Row widget came along with the FlexBox, Text Section and Responsive Image Gallery widgets providing core functionality to EverWeb’s responsive page design feature.

The Responsive Row widget is a unique in that it is the only widget that you can contain another widget and this is also its main purpose. When designing a responsive website, there may be times where you might want to use a fixed width widget, for example, the PayPal or FaceBook Like widget. The fixed width nature of these widgets means, however, that they cannot be used on their own and so need to be placed within a container – the Responsive Row widget.

This is not to say though that the Responsive Row widget is limited to use with fixed width widgets. You can add any widget in to it e.g. you might want to group FlexBox, or Text Section, widgets together in a row. Furthermore, the widget is great for full width background images, spacing objects and for padding when using widgets that do not have their own top and bottom margins options. You can even create slide shows too using the recently introduced Fill Slideshow option.

Remember, though, that there are also plenty of times where using a Responsive Row widget can be complete overkill. Check out our blog ‘Responsive Row: To Use or Not To Use’ to find out how to work smart with the widget!

Responsive Row Gets Visual!

One of the goals for EverWeb 3.7 was to make the Responsive Row widget easier to use so that you could better see the objects that you were moving around within a Responsive Row or if you were moving objects from one Responsive Row to another.

With this in mind, EverWeb 3.7 now displays the object you are moving as you move it. If you select more than one object in the Responsive Row to move to a different location within the Responsive Row, you will now see that the selected objects are visually stacked as you move them ‘en-masse’. This makes dragging and dropping objects much easier and intuitive to do than previously. The same principle applies if you are moving on or more objects between one Responsive Row and another.

Secondary Clicking Options

The second goal improving the Responsive Row widget in EverWeb 3.7 was to make it easier to remove objects from a Responsive Row. As you ma know already, you can right click on objects in a Responsive Row widget to select, and move, them to other Responsive Row widgets. In EverWeb 3.7 you can now detach an object from a Responsive Row by secondary (right) clicking on the object you want to remove from the Repsonsive Row, then selecting the ‘Remove from Responsive Row’ option. The object will now be ‘detached’ from the Responsive Row and will become a free floating object.

More Help and Tips!

The final goal third goal for the Responsive Row, and EverWeb in general, with version 3.7 was to improve context sensitive help. You may also have noticed that generally in EverWeb 3.7 there are more context sensitive help dialog boxes. Most of these dialog boxes can be checkboxed so that you do not see them again if you don’t want them visible again. If you change your mind later on, you can reverse this by going to the EverWeb-> Preferences-> General menu option and click on the “Reset ‘Don’t Show Again’ Dialogs” button which is also new EverWeb 3.7 feature.

The wider use of context sensitive messages in EverWeb 3.7 also extends to the Responsive Row widget! We also added a new message box for when you add a Responsive page to your site. You now see a brief description of what a responsive site it and that you can use the Responsive Row widget within your responsive page design if you need to.

We hope that the changes to the Responsive Row widget and the addition of more context sensitive help makes working on responsive pages even easier than before. Let us know what you think in the Comments Section below!

 

Although EverWeb 3.7.1 is primarily a maintenance and stability release, we’ve added new features to help you follow the links that you have added to your site and to make editing your links easier. There’s also improved social media sharing and improvements to the Fill: Slideshow feature. A full list of what’s new, improved and fixed in EverWeb 3.7.1 is 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 or Monterey EverWeb version 3.7.1 is available for you.
• If you are running an Apple Silicon Mac running macOS Monterey or Big Sur, EverWeb version 3.7.1 is available for you as a Universal Binary. EverWeb will run natively without the need to use Rosetta 2.
• If you are running OS X 10.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.7.1 Includes…

[NEW] Blog posts will use your Post Image as the image that appears when sharing to Twitter, Facebook, LinkedIn and all other social media platforms.

[NEW] The Blog Post Title will be used when sharing each post on Social Media.

[NEW] Secondary (Right) click has an “Edit Link” option.

[NEW] Secondary (Right) click-> Follow Link works for shapes with a link and navigation bar.

[NEW] Follow link option works for links set to “next” and “previous”.

[NEW] Template Settings Window will now find and copy widgets to the project file (holding down option and going to the File menu->Template Settings).

[NEW] Opening a project that has widgets in it will ask to install them.

[IMPROVED] When you drag an image over shapes set to “Image Fill” or “Slide Show” you will see an indicator that you can drop the images in there.

[IMPROVED] Slide Show fill objects accept image files being dropped on it. They will be added to the Slide Show.

[IMPROVED] You can now click the pagination button ellipses at the bottom of the Slide show object to switch between slides.

[IMPROVED] The Section labels that appear when dragging objects around will disappear after 2 seconds automatically and will show up less frequently.

[IMPROVED] Shape Options-> Fill-> Parallax Scrolling option has been merged in to the Fill section.

[IMPROVED] The Contact Form widget’s Widget Settings now includes the label ‘Simple Contact Form’ at the top of the settings.

[FIX] Fixed a bug with right/center aligned text in a text object “jumping” when trying to edit it.

[FIX] Fixed shadow code on European OS.

[FIX] You can no longer link a Navigation Menubar object.

[FIX] The Fill Slide Show left arrow button works properly when clicked upon.

[FIX] Fixed a potential crash with the RSS Feed Widget.

[FIX] Fixed a scrollbar issue in Inspector.

[FIX] The Contact Form widget’s default height has been increased.

[FIX] OG tags now work properly for blog posts.

How To Update To EverWeb 3.7.1

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

Hyperlinking in the recently released EverWeb version 3.7 adds some great new, and expanded, capabilities to the stalwart feature that’s been around since the very first EverWeb release.

Hyperlinking is an essential, integral part of building your website as most website developers will want to add links to other pages in their site, to pages in an external site, to a file, or link to an email app. All these features debuted with EverWeb 1.0 and since then EverWeb’s added a number of other hyperlink related features which we will outline below as most features have been enhanced with the release of EverWeb 3.7. We begin, however, with a brand new hyperlinking feature: Force Download.

EverWeb’s New Force Download Option

Prior to EverWeb version 3.7, if you set up a link to a file, such as a PDF file, when you clicked on the associated link, the file would open in the browser window. If you wanted to save the file, you could do so at this time. In EverWeb 3.7, you now have the ‘Force Download’ option which automatically downloads the file to your visitor’s device when they click on the associated link. This is very useful as it saves the step of the visitor having to view and manually download the file. One thing of note if you use Force Download is that the feature depends on whether the browser in use allows for this function. Some browsers may not support the feature or allow you to customize the browser settings to stop such downloads.

To use Force Download, just tick its checkbox in the Hyperlinks Inspector or in any other hyperlinking dialog boxes within EverWeb.

‘Nofollow’ for Links You May Not Trust…

The ‘nofollow’ option was introduced in to EverWeb with version 1.9 and instructs search engines NOT to visit the site, or rather, not to ascribe credit to boost the ranking of the destination site based on the link. Check the ‘nofollow’ checkbox when you need to have the link but want to exclude it from SEO crawls as you do not have confidence or trust in the linked site.

The ‘Nofollow’ checkbox appears in the Hyperlinks Inspector and In EverWeb 3.7 is now included in all hyperlinking dialog boxes.

Choosing Your Link Behavior

Since EverWeb 1.9 you have been able to open a hyperlink in the current browser window, a new browser window or in a popup window. These features are now available in all hyperlinking dialog boxes within EverWeb.

Easier Scroll Position Linking

The last hyperlinking feature is Scroll Position where you can create two types of links for on your page. The first is where you ‘Insert Fixed Scroll Position‘ on the page which should only be used for Center or Left Aligned Page Layouts. The second type of Scroll Position, ‘Set Selected Shape as Scroll Position‘ allows you to link to an object on a page such as a TextBox or shape. This type of Scroll Position can be used on both fixed width page layouts and Responsive Page Layouts.

Prior to EverWeb 3.7, if you wanted to add a link in a widget using the ‘Link’ button, or via the Styled Text Editor within a widget, you would need to ‘hardwire’ the link using the URL field in the hyperlinking dialog box. In EverWeb 3.7, you no longer need to do this, as the hyperlinking dialog boxes now all include a ‘Position’ field which will display the Scroll Position names for the page you have selected. This makes linking a lot easier when using Scroll Position.

Hyperlinking Dialog Boxes

All of the above mentioned features are available in the Hyperlinks Inspector tab of the Inspector Window. Depending on the context of what you are linking to e.g. a page, a file or an email, some options may, or may not, be available for you to use.

Where EverWeb 3.7 differs from previous versions is that the features of the Hyperlinks Inspector are now available when you click on the ‘Link’ button within widgets, or when you click on the Hyperlink button in the Styled Text Editor within a widget that includes e.g. the FlexBox or PayPal Widget.

If you are creating a link in a blog post, you can use the hyperlink button in the Blog Post Editor Window’s Toolbar, although this will only give you options to quickly set up a hyperlink. If you need to use any of the above options in a Blog Post, highlight the text or image you want to link to, then go to the Hyperlink Inspector and check the ‘Enable as Hyperlink’ box to make all of the hyperlinking options available for use.

…and There’s More to Come!

EverWeb’s 3.7’s new Force Download feature and improved hyperlinking throughout the app will make linking much easier and more flexible for all EverWeb users. But stay tuned as we are planning more updates for hyperlinking in an upcoming EverWeb release!

if you have any questions about Hyperlinking in EverWeb, or any EverWeb related questions, please let us know in the Comments Section below. We’re happy to have you comments and feedback and to answer any questions you may have.

We are incredibly excited to announce the release of EverWeb 3.7! New features are now included for hyperlinking using there Hyperlinks Inspector, Scroll Position and within Widgets supporting hyperlinks. There’s also a visual makeover for the Responsive Row widget making adding, moving and deleting objects more intuitive, plus some improvements for the Contact Form Advanced widget and Quantity Discounts are now available in the PayPal widget. Plus lots of optimizations and future improvements making EverWeb 3.7 the best version yet!

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 or Monterey EverWeb version 3.7 is available for you.
• If you are running an Apple Silicon Mac running macOS Monterey or Big Sur, EverWeb version 3.7 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.7 Includes…

[NEW] Force download option under hyperlink tab in Inspector. So it will tell the browser to download a PDF file for example rather than load it in the browser.

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor can now link to a popup window, another window and to an anchor.

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor now include a nofollow.

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor can now include a force download option (where supported by the browser).

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor now support Scroll Position directly in the dialog box making it easier to link to any position in a page.

[NEW] Widgets that have a link button and widgets that use the Link button in the Styled Text Editor can now link to First/Next/Previous/Current page.

[NEW] You can now drag and drop images into the Fill SlideShow list from the Finder.

[NEW] You can now drag and drop images onto Fill option -> Slide Show.

[NEW] The PayPal Widget has added an ‘Apply Discount to Quantity’ option.

[NEW] Full width text objects now resize their height properly on responsive pages.

[NEW] Completely changed how Responsive Rows work so objects within them are more visual and dynamic.

[NEW] Backup preferences has a reveal in finder option for the backup folder.

[NEW] You can add a Required setting to dropdown menu controls in the Contact Form Advanced widget.

[NEW] Form submission emails now have a direct download to any file uploads for Contact Forms Enhanced users.

[NEW] The Site Publishing Settings screen now includes an Email Settings button so that you can easily see your email settings. You can copy and paste fields from this screen in to your own email app for easier email set up.

[NEW] Tips appear when dragging objects close to section boundaries advising you to hold down the Command key to move objects between sections.

[NEW] You can reset all ‘Don’t Show Again’ dialogs so they appear again using the EverWeb-> Preferences-> General menu option.

[IMPROVED] Better instructions when using Responsive pages and the Responsive Row widget.

[IMPROVED] Many of the dialog boxes in EverWeb are now in the macOS Big Sur style. For example, any OK/Cancel dialogs and all dialog boxes that have a ‘Don’t Show Again’ option.

[IMPROVED] Secondary (right) click-> Paste at Mouse Location in a responsive row will place the pasted object after the object underneath the mouse.

[IMPROVED] Text handling in TextBoxes has been improved.

[IMPROVED] How objects drag and drop within a Responsive Row widget.

[IMPROVED] Header/Footer code sections under Edit Publishing Settings are slightly larger.

[IMPROVED] Optimizations for getting very large widget previews (such as blogs).

[IMPROVED] Optimizations for Responsive Rows and opening older projects with Responsive Rows.

[IMPROVED] External links will remove any line breaks in the links if they are pasted in the field.

[FIXED] Duplicate and Copy menu items for blog pages are disabled appropriately.

[FIXED] Shapes set to anything except rectangle/round rectangle with no fill option and borders are exported properly.

[FIXED] Fixes password protection when the password is just a number or when you have the same password but different cases for the letters. In either case the password would be stored incorrectly.

[FIXED] A bug in the Contact Form widget and PHP 8.

[FIXED] The Asset file name in the assets list when Show File Info is selected will properly cut off the text so it doesn’t overlap the eye preview icon.

[FIXED] Fixed an issue with adding pages to a blog. You can’t do it anymore.

[FIXED] Fixed an issue with Contact Forms Advanced widget and the Placeholder field text in Firefox.

[FIXED] Undo for “Remove from Responsive Row” works properly.

[FIXED] The large gap that would appear below the blog main widget and the footer of the blog page.

How To Update To EverWeb 3.7

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

In the first part of this blog post, we looked at the various ways in which you can add text to a responsive page in EverWeb and the effect of doing so on the page on different devices.

In this second part we look at how you create scaleable text in your web pages.

Creating Scalable Text in a Responsive Page Layout

If you want your text to scale according to the device that it is displayed upon, you will need to use EverWeb’s ‘Show on Device’ feature which you can find in the ‘Responsive section’ of the Metrics Inspector. Usually this section will be greyed out unless you click on an object in a Responsive Row, then the settings will become active. There are four options: Show on Mobile, Tablet, Desktop and Wide Desktop. By default all of these options are ticked.

We can use these options to create scaleable text. For each device type, we can create a TextBox that specifically suits that device. So for a mobile device you may want smaller text, slightly larger text for a Tablet, your ‘standard’ size text for a desktop and maybe a little larger text for wide desktops.

1. First of all, add a Responsive page to your site or select a responsive page that already exists in your site.
2. Next drag and drop a Responsive Row widget from the Widgets tab on to your page, or select a Responsive Row that already exists in the page, that you want to add scaleable text to.
3. Make sure that the Responsive Row widget is selected.
4. Now add a TextBox to the page using the TextBox button in the Toolbar. As the Responsive Row widget was already selected, the TextBox should be created as an object within the Responsive Row. The TextBox will appear as a fixed width object so will appear as a square TextBox within the Responsive Row. If you want to check, go to the Metrics Inspector where you will see the ‘Full Width’ box is not checked.
5. If you have accidentally added a TextBox outside of the Responsive Row widget, it will appear as a full width object on the page. You can add this object back in to the Responsive Row by secondary (right) clicking on it, then selecting the ‘Embed In’ option. Choose the Responsive Row that you want. Note that the TextBox will still be full width, so to make it fixed width, go to the Metrics Inspector tab and uncheck the Full Width checkbox, then resize the TextBox to the size you want within the Responsive Row if you need to.
6. Once you have added the TextBox in to the Responsive Row, add the text that you want to it. Style the text as you desire using the Fonts Panel which you can access from the Toolbar or by using the Cmd+T shortcut key.
7. When setting the text size, set the size as you would if the text were to be displayed on a desktop device. This will give you a ‘baseline’ text size e.g. 18 point.
8. Now that you havre established a baseline font size, it is also a good time to think about text sizes on other device types. You may want use the same text size on a tablet device. On a wide desktop, though, you may want a larger text size e.g. 20 point and on a mobile device you may want a smaller text size e.g. 14-16 point. You may also want to consider how to size text that’s used for page and section titles at this stage. Make sure that your text sizing scheme is consistent across all the pages you are using scaleable text on.
9. Consider also the text itself that you have added to the TextBox. Do you want all of the text displayed on a mobile device or will you want to have less ‘detail’ and more ‘headline’ text only? Also for a wide desktop, maybe you have some additional text that you would like to add but did not have the space for on a desktop device. Again, we will come back to this soon.
10. Now that you have your ‘baseline’ TextBox, make sure it is selected then use Cmd+D to duplicate it three times. You now have four TextBoxes, one for each device type.
11. Set the Text font size for each TextBox and also remove or add text to the TextBoxes as appropriate for each device. For example, you could choose the TextBox on the far left of the Responsive Row to be the one for your mobile device. In this case, I might want to cut the amount of text down and set the font size for the TextBox title to be 18 point with the body text set to 14 point. The next TextBox to the right would then be for tablets, having e.g. title font size of 20 and body text size at 16 point with my ‘default’ amount of text. Continue the same way for the Desktop and Wide Desktop TextBoxes.
12. Finally, select the TextBox you want to use for Wide Desktop. In the Metrics Inspector, go to the Responsive section and uncheck Desktop, Tablet and Mobile. Next select Desktop and uncheck Wide Desktop, Tablet and Mobile. For the Tablet TextBox uncheck Mobile, Desktop and Wide Desktop and finally for the Mobile TextBox uncheck Tablet, Desktop and Wide Desktop. You should see one TextBox on screen.
13. Now either resize the EverWeb app, or Preview and resize the browser to see the text scaling up and down as you in increase and decrease the width of the browser or app window.
14. For more information, check out our video on Show on Device.

Working with Text and Images

In the third part of this post, we will look at how you can work creatively with Text and other objects, such as images in a responsive page.

If you have any questions about this post, or about EverWeb in general, please let us know in the Comments Section below!

Adding text in to a Responsive page design in EverWeb can be done in a number of different ways and also raises some interesting questions along the way. In this post, we’re going to look at some common scenarios and questions that we get on the forums and through our support team about text in a responsive page…

Adding Text to a Responsive Page

You can add text to a responsive page in a number of different ways:

1. Adding a TextBox to the page
2. Adding a TextBox within a Responsive Row widget
3. Adding text within the Styled Text Editor of the FlexBox, Text Section or PayPal widget
4. Adding text in to a widget that uses the Styled Text Editor inside a Responsive Row widget
5. Adding text in to the Blog Post Editor

Some of the most common questions regarding the use of text are:

1. How can I get my text to wrap?
2. How can I get text to wrap with other objects?
3. How can you change text size as you resize the browser window or when using vastly different device sizes?

TextBoxes and Text Wrap

Let’s start by looking at the simplest example: Adding a TextBox to a responsive page. When you add a TextBox, it will, by default, be created as a full width object, taking up the width of the page. Now, you could add a few paragraphs of text in to the TextBox so that you can see the effect of resizing the page on the TextBox. You can resize the page by grabbing a side or corner of the EverWeb app and making it larger or smaller. You will see the text in the TextBox wrap according to the width of the page. If you want, go to the Metrics Inspector tab and add a Left and Right Margin to the TextBox so that it will look better on the page when previewed or published. You can also force a limit to the width of the page by using the ‘Maximum Width’ field. This is useful when you do not want the text in the TextBox to be too spread out across the page. Usually you can leave this value at 0 and use the Left and Right Margin values, but it is worth experimenting with Maximum Width values of e.g. 600, 800 or 1000 to see the effect on the text in the TextBox.

TextBoxes, Responsive Rows and Text Wrap

The above example is the simplest scenario, so let’s now move on to what happens if you add a TextBox in to a Responsive Row widget. Start by adding a Responsive Row widget to the page from the Widgets tab, then click on the TextBox button in the Toolbar to add a TextBox in to the Responsive Row widget. Again, enter a few paragraphs of text in to the TextBox.

In this scenario, the TextBox is treated as a fixed width object within the Responsive Row widget. You can see this by going to the Metrics Inspector where you will see that the ‘Full Width’ checkbox is unchecked. You can also change the height and width of the TextBox as well. Try changing the width if the TextBox to 800, then resize the EverWeb app by grabbing one side, or corner, of the app and making it larger or smaller. You should see that the Full Width TextBox created in the first example wraps, but the TextBox in the Responsive Row does not wrap.

The reason that this happens is that the TextBox in the Responsive Row is a fixed width, so is ‘static’. We can, however change this if we want the text to wrap. Start by making sure the TextBox in the Responsive Row is selected. Next, go to the Metrics Inspector and check the ‘Full Width’ checkbox. The text will now take up the full width of the page. Set a Left and Right margin for the TextBox. Once you have done this, put a value in the ‘Maximum Width’ field e.g. 800. You will see the text reformat when you take these actions. Now resize the page again and this time, you will see the text wrap within the Responsive Row.

This is great way in which you can combine wrapping text with other objects in a Responsive Row widget.

The Styled Text Editor and Text Wrap

EverWeb’s Styled Text Editor appears in three of its built in widgets: The FlexBox, Text Section and PayPal widgets. The first two widgets can be used as full width objects or as fixed width objects within a Responsive Row widget. The PayPal Widget, though, always has to be placed as a fixed width object within a Responsive Row widget.

When using the FlexBox and Text Section widgets, you can customize how text wraps as you have maximum width fields available in both widgets. For the FlexBox widget you have even more control as each embedded object can have a maximum width value as well. For the PayPal Widget, you do not have these options so text will be fixed width only, so will not wrap.

So far we have looked at how to get text wrap in the most simple way with a single TextBox and how to integrate text wrapping in to text that you use within a Responsive Row widget.

In Part Two of this post, we will look at how you can create scaleable text in your web pages and how to integrate other objects such as images in to text.

If you have any questions about this post, please let us know in the Comments Section!

Backing up important files on your computer used to be an arduous task, but now there are more options available than ever before, and most of them are easy to use and hassle free. External SSD drives offer a great low cost option for backups (such as when used with software such as Apple’s Time Machine) and the availability of automatically backed up Cloud storage makes the possibility of losing our work less than ever.

The tools that we use such as word processors, spreadsheets and the like, also reduce the risk of losing anything more than a few characters or number entries though the use of Auto-Save features. So how does backing up, restoring and auto-saving work in respect to EverWeb? Let’s find out by first looking at the EverWeb Project file itself…

About EverWeb’s Project Files

When you create your website in EverWeb, its contents are stored in a ‘project’ file. When you create a new project, it is named as ‘New Website’ by default which you can easily change by using the File-> Rename Website menu option or by double clicking on the name ‘New Website’ in the Web Page List and entering a new name.

The name that you give to your project file in EverWeb is, in fact, an alias. Behind the scenes, the actual file name is made up of a unique, randomly generated, combination of letters and numbers, followed by a .everweb file extension.

You can see the actual filename of your project and where it is stored using the EverWeb’s Projects Window. To the right of your project name in the Recent Projects list, you will see an up/down arrow symbol. Click on this symbol, then select ‘Show on Disk’ from the dropdown menu. You will see your Project file name highlighted in the Library-> Application Support-> EverWeb folder of your Mac.

If you have your own backup software, you can backup this folder as part of your computer’s backup schedule.

Auto Save and Scheduled Backups

When you first purchase EverWeb, one of the first things we recommend you do is to set up a backup schedule within EverWeb in addition to any computer backup that you may already have set up. You can set up your own backup schedule using the EverWeb-> Preferences menu option then click on the Backup tab. Backups only take place when the project file has been opened, so be aware that this style of backup probably works in a different way to how your computer backup may work. This reason for this is that EverWeb takes a snapshot of your project file when it is open (i.e. before you quit EverWeb or close the project file) so if you need to restore, you can quickly open the most recent version of the file, or whichever copy you want. It is also probably easier and quicker to restore your Project file through EverWeb than have to search out the computer backup of the Project. We do though, still recommend backing up to the computer as well as within EverWeb so that you have a copy stored on a different device, in case, for example, your local hard disk goes down, then you still have a disaster recovery option.

The other option you will find in the Backup tab is Auto Save which is also invaluable. If you computer crashes you will likely only loose the last couple of keystroke or actions that you did in your Project file at most, so again, it is recommended that you keep Auto save enabled at all times.

‘On The Fly’ Backups

The other useful EverWeb backup option is to use the ‘On The Fly’ backup. This is ideal when you want to preserve your project at a particular point in its development, or if you are going to make wholesale changes to your site and want to keep a copy of the original project file in case you need to roll back your changes later. Again, just go to the Projects Window and click on the up/down arrows next to your project file name, then select ‘Make Backup…’ and follow the instructions. Quick and easy!

Restoring a Project File

Restoring a project file is as easy as making a backup. Just click on the up/down arrows of the project which you want to restore and choose which backup you want to restore from the list.

Note that this option only works when the project file is stored locally in EverWeb’s default project file location. If your project file is located elsewhere read on…

Project Files in Non-Default Locations

Many EverWeb users elect to move their project files to a Cloud drive, such as Apple iCloud, Microsoft One Drive or Google Drive. As well as making the project file available on any machine you may be working on, the other big advantage is that the project file will get backed up by the Cloud service you are using. As mentioned earlier, use the Show on Disk option to locate the project file you want to move to the Cloud then move it to its new location. You may want to put the file in a folder named after your project. Alternatively you can rename the Project file’s unique file name to your project file name if you want, just make sure to leave the .everweb file extension in place.

When using a Project file stored in a non-default location, you will notice that your Project file is no longer listed in the Projects Window when you launch EverWeb and that you will need to use the File-> Open (or File-> Open Recent…) menu option to open the Project.

If you want to restore your project file from your Cloud service, follow your Cloud service provider’s file restore guidelines.

If you are wanting to restore from a local backup, e.g. from Apple’s Time Machine, you will need to find where the Project file is located. Again, click on the up/down arrows to the right of your Project file in the Projects Window then choose the Show on Disk menu option. With the Project file highlighted, press Command+Spacebar and enter ‘Time Machine’. Double click on the Time Machine app, which will then locate all of the backup copies of your Project file from which you can choose to restore.

The other interesting point here is that if you have set up a backup schedule in EverWeb, a project stored in the Cloud will still be backed up by EverWeb on the local computer that EverWeb is installed upon. You can see this by going to the EverWeb-> Preferences-> Backup tab and clicking on the ‘Manage Cache Files’ button. You can use this dialog box to delete the backup if you want. If you want to restore the backup you will need to go to the You can see the actual filename of your project file and where it is stored using the Projects Window. To the right of your project name in the Recent Projects list, you will see an up/down arrow symbol. Click on this then select ‘Show on Disk’ from the dropdown menu. You will see your project file name highlighted in the Library-> Application Support-> EverWeb-> Backups folder of your Mac. Once you have located your project’s unique file name folder, double click on the .backup file within the folder to restore it. Note that doing so will restore the project to the local computer again.

Backing up and restoring EverWeb’s Project files gives you many different options to make sure that you never lose any of your work!

When setting up your blog in EverWeb, you might want to include a comments section so that your visitors can comment on, or discuss, your posts in a public forum. A comments section is a great way to engage more directly with your website visitors and customers, helping you garner feedback on your current products and services. You blog can also help you poll visitors about ideas that you may have for future products or services, in an easy, cost effective way. If you are not running a business, the comments section in your blog may just be a place for active, lively debate and discussion!

Choosing Your Comment Engine

EverWeb offers you two Comment Engine choices: Disqus (www.disqus.com) or Facebook Comments (www.developers.facebook.com). Both of these Comment ‘Engines’ offer similar features to each other although there are some important differentiators that may persuade you to choose one comment engine over the other. Typically the comment engine that you choose will be determined mainly by the audience that you want to target with your blog.

Note that you will first need to create your user identity in the comment engine of your choice before being able to use this. In Disqus, this is known as a ‘Shortname’ whilst in FaceBook Comments this is known as an ‘App ID’.

You can find a step by step guide on setting up your Disqus or FaceBook Comments comments engine in the EverWeb User Manual, which you can find from the Help-> EverWeb PDF Manual menu option.

Below is a summary of the main features or each Comment Engine and its perceived advantages and disadvantages to help you decide which is best for you to implement.

Disqus

Disqus was founded in 2007 and has more than 35 million users worldwide. Disqus’ main features include…

1. Real Time Discussions
2. You can login using Facebook, Twitter, Google, Yahoo!, Microsoft and others
3. Threaded Comments
4. Comments can be imported and exported
5. Comments are easy to edit
6. Discovery feature to find further website content
7. Comment Moderation can be done using Email

The advantages for using Disqus are..

1. Real time commenting and alerts
2. Easy to use interface

FaceBook Comments

The FaceBook Comments engine leverages off of FaceBook itself to link comments to users public FaceBook profile. Facebook Comments features include…

1. If you are logged in to Facebook you can comment immediately
2. You can login via Facebook, Yahoo! or Microsoft
3. Threaded Comments
4. Like and Reply options are included
5. Analytics are free
6. Comments ordered by the number of Likes
7. It includes a good Anti-Spam tool

The advantages of using FaceBook Comments are…

1. Visitors publishing comments on their public Facebook Profile
2. Where you have a large number of website visitors using Facebook

Making Your Choice…

Facebook Comments will probably be your choice of Comment Engine if you have a large number of website visitors using Facebook and for visitors who want their comments published in their public Facebook profile.

if you are looking for ease of use, realtime commenting,longer term engagement and SEO features, Disqus will likely be your preferred Comment Engine.

Adding Your Comment Engine to Your EverWeb Blog

Once you have chosen your Comment Engine and have either your App ID or your Shortname, you can activate your Comments Section in your EverWeb made blog.

Simply go to the Posts page in your EverWeb project file, then scroll down to the bottom of the Widget Settings pane. The last section is ‘Comment Options’. Select either Disqus or FaceBook Comments from the dropdown menu then enter in either your ‘Shortname’ or ‘App ID’.

More About Blogging in EverWeb

You can find more information about blogging in EverWeb in the EverWeb User Manual via the Help-> EverWeb PDF Manual menu option. There are also a number of videos relating to blogging on our YouTube channel.

If you have any questions about blogging, or anything else, in EverWeb, please let us know in the Comments Section below!