Mac SEO Blog

EverWeb 3.0 introduced some great new features such as Asset List Organization and a new database backend to the Contact Form Advanced widget so that you can keep your email respondents details all in one place. EverWeb’s blogging feature also gained a couple of new features such as Blog Pagination which we take a deep dive look at in this post…

Blog Index Pagination Options

The new blog pagination feature lets you set how many blog posts per page you want to see on the blog main (or archive) page. Fully customizable buttons will take you to the previous and next page of posts or to the first and last pages in the pagination.

Setting Up The Blog Index Pagination

In the following example, I am going to set up a blog pagination using a blog that contains 35 posts. I am going to set up my pagination on the blog main page as follows:

1. First select the blog main page in the Web Page List of the website project.
2. Click on the blog main widget. This is the list of blog posts that you see displayed in the Editor Window.
3. The Widget Settings tab for the blog main widget will be displayed in the Inspector Window. The first option to look at is the ‘Total Number of Posts’ option. This sets the number of blog posts, out of the total of 35, that I want to see displayed. For example I may only want to display the most recent 25 blog posts only, so I set the value at 25. The Editor Window will update accordingly so only the 25 most recent posts are visible.
4. Next move down to the Pagination Options section and click on the ‘Show Pagination Buttons’ checkbox. The Pagination Options become available.
5. At the bottom of the blog main widget, the pagination buttons display. When the website is published, the following buttons will become available: The ‘<<‘ arrow takes the visitor to the first page in the pagination whilst the ‘>>’ to goes to the last page. The ‘<‘ button goes back one page from the current page with the ‘>’button advances one page forward from the current page. To go to a specific page, the visitor can click on the page number button of their choice.
6. I can now select how many of the posts from the 25 ‘Display Posts’ I have to see at one time. For example I may only want to have 5 posts displayed at a time. Therefore, I set the ‘Posts Per Page’ option to 5.
7. The Editor Window will update so that I now only see 5 posts per page. As I have 25 posts that I want to display, the pagination buttons update to show numbered buttons 1, 2, 3, 4 and 5.

Styling The Blog Pagination Buttons

Now you can style the pagination buttons using the Pagination Options section:

• Background Color: Sets the background color of the buttons that can currently be clicked upon, except for the current page.
• Mouse Over Background: The color used when you mouseover a button.
• Selected Background: This is the color used for the currently selected page.
• Disabled Background: This is the color used for buttons that are cannot be currently selected. For example, if you are currently on page one of the pagination, the previous page and first page pagination buttons will not be available for use.

You can adjust the look of the pagination buttons using the ‘Border Radius’ option. To make the button rectangular set the ‘Border Radius’ to zero. To make the button appear elliptical, set the value to the maximum of 50

To change the font and font size and style of the pagination buttons, double click on the pagination buttons in the Editor Window. The whole row will become highlighted. Next, click on the Fonts button in the Toolbar and change the font and font size as you want using the Fonts Panel options.

Preview your blog and try out the buttons before you publish!

Video Walkthrough

You can also watch our video walkthrough: Blog Pagination in EverWeb.

If you have any questions or comments about this blog, please let us know in the Comments Section. Thanks!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

The first part of this blog post took a deep dive into many of the Contact Form Advanced widget’s new features that were introduced in EverWeb 3.0. After exploring features such as import text file, Placeholder text, Selection List control type and Control Padding, this post takes an in-depth look at the remainder of the widget’s new features…

New ‘Control Section Options’

The updated Contact Form Advanced widget’s settings have been reorganised in EverWeb 3.0 with the introduction of the new ‘Control Section Options’ section. This gives you greater flexibility in the display of your form controls with a number of small, but significant, new features that can make a big impact to your form.

The first option allows you to add a Custom Background Color for the currently selected control. Select the control that you want in the Form Controls list, then check the ‘Use custom background color’ option. The color swatch then becomes available so that you can choose the color that you want as the background. This is a great feature when you want to highlight a particular field in your contact form.

The Control Padding feature adds vertical and horizontal padding to the currently selected control. If you want vertical padding only, select the ‘Control Spacing’ option in the Fonts and Styles section of the widget. However, note that this option applies to all of the controls in the form. You may find that you get best results using a combination of the two options.

The third new Control Section option is ‘Max Content Width’. This option lets you control how wide the control can be. This is a useful option when the form is displayed on a large monitor. You may find that the fields in the form appear too wide. Use the Max Content Width option to limit how wide the field can be displayed on a screen.

The final new option in the ‘Control Section Options’ is the control ‘Alignment’ field. Highlight the control that you want in the Forms Control list, then use the Alignment dropdown menu to set the control to be either Left, Center or Right aligned.

New Submit Styled Button

EverWeb 3.0 introduced the Styled Button to the PayPal and Contact Form Advanced widgets. In the Contact Form Advanced widget the Styled Button is used specifically to style the ‘Submit’ button. In the PayPal widget, the Styled Button can be applied to all of its button types: Add to Shopping Cart, Buy Now, View Cart and Donate. For both widgets, the Styled Button works in the same way and has the same features.

When using the Contact Form Advanced widget, you can either use the default button, your own button image or a Styled Button. In all scenarios, start by changing the ‘Submit Caption’ to change the button’s label. If you want to change the alignment of the button to either left, center, right or full width, use the ‘Alignment’ dropdown menu.

Next click in the ‘Use styled button’ box to activate the Styled Button’s settings. If you already have ‘Use Custom Image Button’ already checked, this will be deactivated in favour of the Styled Button settings. If you decide that you actually want to use an image and not a Styled Button, recheck the ‘Use Custom Image Button’ which will automatically deselect the Styled Button options.

The options for the Styled Button are straightforward to use. Set the background color of the button using the ‘Background Color’ swatch and change the color of the button’s text using the ‘Text Color’ swatch. Use the ‘Border Radius’ option to set how rounded the button’s corners will be. If you have a setting of zero, the corners will be square, whilst using a setting of 50 will make the corners very rounded. The ‘Mouseover Background’ and ‘Mouseover Text’ options set their respective colors for when a visitor mouses over the button. The final option is ‘Button Font’. Click on the ‘Fonts’ button to open the Fonts Panel where you can adjust the type of font and font size so that they match the style of your website.

On their own, the new features added to the Contact Form Advanced widget make for a significant upgrade in features and functionality. Add in the SPAM Protection and Contact Form Enhanced Addon, and you have the perfect way to create the contact form that you have always wanted!

If you have a question, comment or suggestion, please let us know in the Comments Section. 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

We are delighted to introduce EverWeb 3.1 with the all new Dark Mode! EverWeb has never looked so gorgeous! We have also added an auto-continue publishing feature, new Contact Form Advanced Widget features and lots of optimisations to make EverWeb faster and more responsive than ever!

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

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

• If you are running OS X 10.10 or macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave or Catalina, EverWeb version 3.1 is available for you.
• If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb 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 EverWeb 3.1, the update process will automatically download the correct version of EverWeb for your operating system.

The EverWeb 3.1 Video

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

EverWeb 3.1 Includes…

[NEW] Dark Mode support.
[NEW] Smart Inspector. The Inspector Window becomes more intuitive when working with the objects in the Editor Window.
[NEW] The FlexBox widget has an Alt text field for images
[NEW] EverWeb continues publishing from where it left off if it times out. You can now click a button to continue from where publishing stopped.
[NEW] If publishing in background fails, EverWeb will automatically republish after 15 minutes. This should help if you have poor internet connectivity.
[NEW] Progress bar indicator when loading large websites. It will display after opening an existing project and saving it.
[NEW] The Contact Form Advanced widget now includes Form Error Validation. You can enter your own error message text for when required fields in the form have not been filled in.
[NEW] The YouTube widget lets you specify the time in seconds to start the video.
[IMPROVED] Better support for macOS Catalina.
[IMPROVED] Widgets have been optimized when loading in the Inspector Window.
[IMPROVED] Widgets have been optimized so they are a lot more responsive in use, especially for complex widgets such as Contact Form Advanced, FlexBox and Text Section widgets.
[IMPROVED] The code EverWeb exports on Publish is now up to 18% smaller so your pages will load faster in the browser when published.
[IMPROVED] Improved saving websites preventing potential crashes
[IMPROVED] Publishing changes now works more reliably in some cases so that the entire site is not republished
[IMPROVED] In the Contact Forms Advanced email there is a reply button so you can quickly reply to an email message
[IMPROVED] Contact form emails now show IP address of visitor, page with the contact form, date submitted and name of Contact Form
[IMPROVED] Image Fill->Tile image is now optimized properly so the image is actually tiled using CSS. Pages now load faster when using tiled images
[IMPROVED] Optimized CSS code for Text Section widget
[IMPROVED] Google Fonts such as light, thin and bold, semibold and extra bold fonts should work better in blog posts
[IMPROVED] Better support for Google Fonts in the Styled Text Editor
[IMPROVED] When selecting the FlexBox widget, if there are items in the list, the first item is automatically selected.
[IMPROVED] Better support when Previewing using dual monitors avoiding the possibility of ‘broken’ images when using both retina and non-retina screens.
[FIX] Crashes when opening the color wheel in various parts of EverWeb in macOS Catalina has been fixed by showing a different color wheel on macOS Catalina for now in some places
[FIX] Required fields were being not highlighted when the form was being submitted.
[FIX] Widget settings for color picker (asRGB) now works properly
[FIX] EverWeb now prevents blank contact form emails from being sent to users when someone directly accesses the .php file of the Contact Form
[FIX] Setting Gradient or advanced gradient for widgets, and setting the opacity won’t set the child item opacity
[FIX] An error is displayed if PHP versions earlier than 5.6 are used
[FIX] Image gallery file names won’t change so EW won’t have to re-upload all images from an image gallery anymore if you change the order of the images, or the order of the actual image gallery on the page
[FIX] Fixed text set to justified in a blog post causing a crash
[FIX] Fixed French language translation where \’ would appear when it should be an ‘
[FIX]  The simple Contact Form widget was not working correctly
[FIX] Responsive Row widget would have a space at the bottom if the widget only included images.
[FIX] Fixed an HTML error in the Text Section Widget
[FIX] Errors in Disqus and FaceBook Comments in blog post when used in a responsive page
[FIX] Fixes an issue where Page Backgrounds set to gradients on Master pages did not extend all the way down the page.

How To Update To EverWeb 3.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 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

InstagramF

If you use EverWeb’s Contact Form Advanced widget in your website, you will no doubt be interested in the updates to the widget in EverWeb 3.0.

The highlight of the latest EverWeb update is the debut of the Contact Forms Enhanced Addon giving you customer management features such as storing customer form submission data safely and securely our servers that can be used at a later date. There is also the option for your customers to upload files to you using the contact form, again safely and securely.

The other major feature of the updated Contact Form Advanced widget is SPAM protection in your forms using Google’s reCAPTCHA tool. reCAPTCHA is a free to use tool that helps protect your contact forms against SPAM.

But there is even more that is new in the widget with 12 other feature additions that make will make your contact form even more versatile and professional than ever. In this two part blog feature, we take a deep dive in to these 12 new features…

Classic or Modern Form Style Options

You can now choose to style your from with either a ‘Classic’ or ‘Modern’ style. By default, contact forms adopt the Classic style where the corners of the form’s input fields are rounded. If you use the Modern form style, these corners become right angled edges. You will also notice a different style if your form uses dropdown menus. Here, the Modern style displays menu items without the usual gradient background, and the dropdown selector button on the right of the control inherits the ‘Accent Color’ of your macOS as defined using your Mac’s System Preferences->General option. You may also notice that the font and size of the dropdown is larger when using the Classic style as opposed to the smaller font size used in the Modern style.

New ‘Selection List’ Control Type

A new Selection List field has been added to the Control Types dropdown menu. The Selection List does exactly what its title implies, it lets you create a list from which you can choose one, or more, selections. To use this control type:

1. Add a new control using the Add button in the Form Controls section of the widget, or click on a form control in the list to select one that already exists.
2. Set the Control Type as ‘Selection List’ using the dropdown immediately below the ‘Add’ button.
3. Add the choices you want by using the ‘Add Option’ button below the Options List.
4. Remove any of options you have created by highlighting the option(s) you want to delete then click on the ‘Remove Option’ button. Note that you will not be asked to confirm the deletion when pressing the ‘Remove Option’ button. It is also worth remembering as well that you cannot undo this action if you delete an option by mistake.

When using the form, users can select more than one option. To select a continuous block of options, select the first option in the list that you want. Next, hold down the Shift key and click on the last option that you want. All the options between the first and last will be selected. If you want to select options that are in different places in the list, select the first option in the list then hold down the Command key and click on each of the other options in the list that you want to select.

New Import Text Files Into Form Controls

If you have a large number of list options that you want to add to a control, you no longer need to use the Add Option button to add each new list option one by one. You can now bulk import your options via a preprepared text file instead in to any control that supports the ‘Import Text File’ feature, To import a text file:

1. Open your word processor application and create a new blank document.
2. Enter your options on a single line. Separate each option with a comma.
3. When you are finished, do not include a comma after the last option entry.
4. Next export the file as a plain text file e.g. in Apple’s Pages select File-> Export To-> Plain Text…
5. In EverWeb, add the control type that you want e.g. a selection list, checkbox or radio button.
6. Click on the Import Text File button and choose the plain text file that you exported out from your word processor.
7. The Option List will be populated with the list from the plain text file.

New ‘Placeholder Text’ Field

The new Placeholder Text field lets you add your own default text into either the Email, TextBox, Text Area or URL fields. The Placeholder Text disappears when your visitor starts typing in the field. If you want to change the characteristics of the font of the Placeholder Text, you can do so by changing the fonts for ‘Form Fields’ in the Fonts and Sales section of the widget. However, remember that this will change the look of all the form’s fields.

New ‘Hide Control Label’ Option

Our users asked for more control over their contact form’s control labels, so we added an option so that you can hide the control label if you do not want it displayed on your form. Just toggle the ‘Hide control label’ checkbox field as you want to show or hide the control label.

Updated Fonts and Styles Section

The Fonts and Styles section of the widget has been expanded so that you can now set the style of Control Labels and Form Fields. The Description field has been renamed ‘Control Description’.

In addition to these new features, this part of the widget settings adds a ‘Control Spacing’ field where you can set the vertical spacing between each control. If you want to control spacing on a per control basis, select the control you want and use the ‘Control Padding’ field in the ‘Control Section Options’ section.

The second new option is ‘Max Control Width’. This is an option that you may have noticed in other widgets in EverWeb such as the FlexBox widget. This option allows you to specify the the maximum width that the control can be. This is a useful option when you are working with a responsive page and do not want control options to be too wide on your form when on larger screens.

We have covered a lot of the EverWeb 3.0’s new Contract Form Advanced features in this post, but there are even more! Join us in the next blog where we take a closer look at the Control Section Options, styled buttons and much more!

If you have a comment, question or suggestion, please let us know in the Comments Section below. We would love to hear from you and are here to help !

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

We can hardly believe it ourselves, but EverWeb celebrates its 6th birthday next week! It’s been another huge year and it is always a perfect opportunity for us to thank all of our customers and third party providers for your continued loyalty and support over the last year!

The last year has truly been phenomenal for EverWeb! Here’s a round up of the last 12 months in the world of EverWeb!

Responsive Website Design Comes To EverWeb!

Last November, EverWeb 2.8 was released with the most asked for feature… Responsive Web Design. Integrating Responsive Web Design in to EverWeb took time to perfect as we were determined to make its implementation as simple, as easy and as ‘EverWeb’ as possible. We’ve been thrilled by the reaction from our customers whose feedback has helped us refine and improve responsive web design in EverWeb 2.9 and in the recently released EverWeb 3.0.

Tools such as ‘Show on device’, breakpoints, rulers, maximum width and page margins are just some of the options added since EverWeb 2.8 and we have more enhancements coming over the next year!

New and Updated Widgets

Each year brings lots of updates for EverWeb’s built in widgets and this year was no exception! The introduction of responsive web design meant that most of EverWeb’s widgets gained full width capability. As always, key widgets gained new features. The PayPal e-commerce widget gained product image and product description fields making it easier to add products to your page. There’s also a great new styled button so you can create your own pay buttons on the fly! And, of course, many other minor feature enhancements too numerous to mention!

The Contact Form Advanced widget goes from strength to strength! The Contact Form Enhanced Addon was the big news letting you manage the customer data that you receive from your contact forms. There were also other important new features introduced such as reCAPTCHA anti-Spam support, a new styled button, new placeholder field, a new Selection List control, text file importing for lists and much, much more!

The introduction of responsive design in EverWeb 2.8 also saw the introduction of Responsive Row, Responsive Image Gallery, FlexBox and Text Section widgets to make working in a responsive design environment even easier. Each widget has gained new features over the last 12 months making them more versatile with each EverWeb release.

As well as EverWeb’s inbuilt widgets, third party widgets from Roddy McKay’s EverWeb Widgets and the new EverWeb Galleries website continue to expand the possibilities of what can be done with widgets.

Widget and Asset Organization

EverWeb introduced Widget Organization in 2.8 so that you can organize any third party widgets into categories. This means that it’s easier to organize and find the widget you want quickly. Adding and removing third party widgets from the Widgets tab has also been made super easy.

After the Widgets Tab update, the Assets List was updated in EverWeb 3.0. The Assets List is now faster and more responsive than before and now allows you to create folders and sub-folders to organize your assets just how you want.

Blogging

Over the last year, blogging has also been updated in a number of ways. Firstly with the introduction of responsive web design in EverWeb 2.8, blogging also became responsive enabled. Further updates have added blog pagination buttons for the blog main and archive pages as well as the option to add a ‘Hero’ image cover to posts displayed on the main and archive pages. Blog posts themselves also received the cover image treatment! We also added draft mode for blog posts, which was a popular request, so that you can choose not to publish a post that is currently ‘in the works’. Bloggers can also now set the post date/time as the publish date time.

Contact Forms Enhanced Addon

One of the highlights of EverWeb 3.0 came with the introduction of the Contact Forms Enhanced Addon. This new tool allows you to collect customer data from contact form submissions. The data is stored on EverWeb’s secure servers. You can download the data collected for use e.g. to build a list of newsletter subscriber email addresses, analyses survey datas collected in your contact form and so on. The possibilities are almost limitless!

The new Contact Form Enhanced Addon also allows your contact form users to upload files to the EverWeb servers where you can easily download them.

EverWeb’s Contact Forms Enhanced Addon is super easy to set up and use, just a couple of mouse clicks is all it takes!

It’s been an exciting year for EverWeb! If you’re using an older version of EverWeb, why not test drive the latest version and see the difference for yourself?

If you’re currently running EverWeb 3.0, what would you like to see in future EverWeb releases? 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

The new Contact Forms Enhanced Addon is a great new feature in EverWeb 3.0 that lets you manage your customer form submission data and file uploads all in one convenient place. We have put together a Q&A on Contact Forms Enhanced Addon (CFE) to answer some commonly asked questions…

Q. What is Contact Forms Enhanced Addon?

The Contact Forms Enhanced Addon (CFE) allows you to capture customer data and file uploads from your website’s contact forms. Your customer data and files uploads are easily accessible from your EverWeb Client Area. You can download your data to a CSV file as well as download any files uploads your customer has submitted to you via the Contact Form.

Q. Which Contact Form Widgets Can I Use CFE With?

A. The Contact Forms Enhanced Addon is for use only with the Contact Form Advanced widget.

Q. How can I purchase?

A. There are two ways in which you can purchase CFE. The first is by going to your EverWeb Client Area. From the Services menu select Order New Services. On the left hand side of the next screen select the option for Contact Forms Enhanced. Order the CFE plan that suits you, then proceed to the checkout.

Q. Are there different CFE purchase plans available?

A. Yes, you can choose either a 1,000 form submissions with 1GB file upload plan or a 10,000 form submissions with 10GB file upload plan. Each plan can be purchased for a one, two or three year renewable period. Purchases of the 2 or three year plans are discounted over the yearly plan rate.

The second way to purchase CFE is directly from within the Contact Form Addon widget. After adding the widget to the page in your website, click on the dropdown menu of the Contact Forms Enhanced Add-ons field. Choose the menu option ‘Add Contact Forms Enhanced Features…’. Follow the instructions to complete your purchase.

Q. I’ve purchased CFE but I don’t see it listed in my CFA.

A. If you cannot see the CFE Addon lived in the Contact Forms Advanced widget, quit EverWeb then relaunch the app, then check your contact form again to see if the Contact Forms Enhanced Add-ons field shows the option for the CFE.

If it does not, check that you are signed in to your EverWeb account using the EverWeb-> Preferences menu. If you are not signed in, you will not see your purchase listed in the Account tab.Once you have signed in, you should see the Contact Forms Enhanced Addon listed.

If you still have issues, please contact EverWeb Support for more assistance. In your EverWeb Client Area, select the ‘Open Ticket’ menu option.

Q. Can I duplicate a form that already uses Contact Forms Enhanced?

A. Yes you can. Once you have duplicated the form, be sure to rename the ‘Contact Form Name (Online Management)’ field so that you can distinguish the two forms from each other. This is important when viewing contact form data in your EverWeb Client Area.

Q. What is the maximum file upload size allowed?

A. The maximum size of a file upload from a Contact Form is 1MB.

Q. What happens if I add or delete fields in my form?

Any fields that you add to, or delete from, your form will appear in the form submission data. You will not lose any form submission data if you change your contact form at a later time.

Q. Can I use CFE on more than one form?

A. Yes. You can use the Addon on as many forms in your website as you want. Each form should be uniquely identified, though, using the ‘Contact Form Name (Online Management)’ field

Q. Can I use CFE on more than one website?

A. Yes, CFE can be used on all websites that you build under your own EverWeb Customer Account Name.

Q. How do I add file uploading to my form?

A. In the Contact Form Advanced widget, add a new Form Control using the Add button below the Form Controls list. Name the control as you want then set the Control Type to ‘File Upload’. The widget will update in the Editor Window to display a ‘Choose File’ button. Remember that you need to make sure that you have purchased CFE and selected it in the Contact Forms Enhanced Add-ons field of the widget. If you select the File Upload Form Control without this set, you will be asked if you wish to purchase Contact Forms Enhanced Addon.

Q. How do I access form submission data and customer uploaded files?

A. You can access your form submission data and any file uploads from your EverWeb Client Area. Once logged in to your Client Area Home page, click on the ‘View Form Submissions’ link in the left hand column of the page.

Q. What about GDPR?

A. You should mention on your website that you collect and  store data from your contact form(s).  This is basically the same approach as to when you receive an email which is also stored on a server with the user data.

Do you have you own question about Contact Forms Enhanced Addon? 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

Google’s reCAPTCHA is a great tool to use to help verify legitimate email senders so you stop receiving bot generated unsolicited email messages such as unwanted advertising, phishing scams and malware. reCAPTCHA is now available in EverWeb 3.0!

How Does reCAPTCHA Work?

Google’s reCAPTHA tool works by using advanced risk analysis techniques to tell humans and bots apart.

Why Does EverWeb Use reCAPTCHA v2 and Not v3?

reCAPTCHA is available in two versions: Version 2 and Version 3. Both versions are fully supported by Google. EverWeb uses reCAPTCHA version 2 as reCAPTCHA version 3 is a power user tool that for most purposes is not suitable for use most websites.

Setting Up The Contact Form in EverWeb

You may want to start by adding the Contact Form Advanced widget to your page in your website project if you have not done so already. Customize the form as you want. Note that when you add reCAPTCHA to your contact form that it will be placed after your Form Controls and before your ‘Submit’ button. You cannot change the alignment of reCAPTCHA in the form or the fonts that it uses.

Setting Up Google reCAPTCHA

There are two ways in which you can set reCAPTCHA. You can go directly to the Google reCAPTCHA website or you can use the ‘Sign Up for reCaptcha v2’ button in the Widget Settings tab of the Contact Form Advanced widget.

1. On the home page of the reCAPTCHA website, click on the ‘Admin Console’ button.
2. If you are not already logged in to your Google account, you will be asked to sign in. If you do not have a Google account, you can create one from this screen. If you do not see a ‘Create Account’ link, click on ‘Use Another Account’ and then select ‘Create Account‘.
3. Once you have logged in to your Google account, you will be taken to an overview screen of your sites that are currently using reCAPTCHA.
4. Click on the ‘+’ button to register a new website for use with reCAPTCHA.
5. Complete the ‘Label’ field. Enter a label that is easy for you to identify which website this is for.
6. For the ‘reCAPTCHA’ type, click on the ‘reCAPTCHA v2’ radio button.
7. You have three options to choose from. It is recommended that you use the ‘I’m not a robot’ Checkbox.
8. In the Domains section, enter the URL of your website to the right of the ‘+’ button e.g. www.mywebsite.com.
9. As you are already logged in to your Google account, you probably will not need to add a new Owner unless you want others to be able to access and administer the website’s reCaptcha.
10. Check the field to Accept the Terms of Service then click on Submit to finish.
11. If you have filled in the form correctly, the Site Key and Secret Key will be created.
12. Copy and paste each key, using the Copy key in reCAPTCH, in to the relevant field in the SPAM Protection fields of the Contact Form Advanced widget in EverWeb.
13. The Contact Form Advanced widget will update and you should see ‘I’m a Robot’ in the reCAPTCHA dialog box in the contact form.
14. Once you have finished, you can preview the page, to see the reCAPTCHA working. If you find that the reCAPTCHA does not work in Preview, publish your website to test that it works correctly.

Troubleshooting reCAPTCHA

Usually you will know if there is a problem with the reCAPTCHA as you will see error messages in the reCAPTCHA dialog box in the Contact Form Advanced widget in the Editor Window. Here are a few troubleshooting tips:

1. Wait a little while. Sometimes it take a little time for the reCAPTCHA to update. This may mean that initially you see an incorrect message when nothing is actually wrong. It’s just slow to update.
2. Check that your contact form is set up properly. It is always a good idea to make sure that your contact form is working correctly. Uncheck the ‘Use reCaptcha SPAM Protection’ field, then publish and test your form. When you submit the form you should receive an email of the completed form. If not, you may need to troubleshoot your form before looking at the reCAPTCHA.
3. Re-paste the Site and Secret Keys. Sometimes you need to repast the keys again in to the contact form. When doing so, delete the contents of the reCaptcha Site Key and Secret Key completely in the Contact Form. Always use the Copy command from reCAPTCHA to copy the keys. This is the best way as they keys are very long, so you want to make sure they are copied and pasted properly.
4. Regenerate the reCAPTCHA keys. Sometimes you just have to regenerate the keys in reCAPTCHA then re-copy and re-paste them in to the contact form.

Video Walkthrough

You can follow our video Contact Form SPAM Protection in EverWeb which takes you through the setup of reCAPTCHA in EverWeb.

If you have any question on this blog post, please let us know in the Comments Section. We happy to help!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

EverWeb 3.0 adds important new features to the Contact Form Advanced widget such as Spam protection using Google’s reCAPTCHA. a styled Submit button and a new placeholder text field. The widget also takes EverWeb and Customer Relationship Management (CRM) to the next level with the introduction of the Contact Forms Enhanced Addon.

Why Use Contact Forms Enhanced Addon?

Contact Forms Enhanced Addon allows you to create a database of contact information from the contact forms visitors to your website have submitted to you via the Contact Form Advanced widget. 

This information is stored securely in your EverWeb Client Area where it can be easily accessed and downloaded in to a comma separated variable (CSV) file.

The Contact Forms Enhanced Addon is a great way to keep important customer information gathered by the Contact Form Advanced widget in one place. For example, the email addresses gathered from the contact form could be used as the basis for a mail shot to existing, or potential, customers.

The replies to questions on your Contact Form could help you better target specific groups or market segments. Or you could use the email addresses gathered so that you could send a regular newsletter to your customers via, for example, MailChimp. There are numerous possibilities.

Contact Forms Enhanced allows you to set up each Contact Form with a unique name. This is perfect if you have more than one contact form in your website, or where you have an EverWeb account that has multiple websites attached to it that each has its own contact form. The unique name property of each contact form will keep your contact form response data properly separated.

In addition to CRM features, Contact Forms Enhanced allows visitors to upload files that you can download safely through through the Contact Form Enhanced area of your EverWeb Client Area.

Setting Up Contact Forms Enhanced Addon

To use the Contact Forms Enhanced Addon, start by either going to the Widget Settings of the Contact Form Advanced widget on your page, or add the widget to the page and style it as you want.

If you have not already purchased the Contact Forms Enhanced Addon, go to the ‘Contact Forms Enhanced Add-ons’ dropdown menu in the Widget Settings and select the ‘Add Contact Forms Enhanced Features…’ option. A dialog box will open with an option to ‘Buy Now’. Click on the button and follow the instructions to complete your purchase. Click on the ‘Learn More’ button to find out more, or the cancel button if you do not want to continue.

Once you have completed your purchase, you will receive three emails:the first confirming your order, the second confirming your payment then the last informing you that the addon has been set up and is ready for use in the Contact Form Advanced widget.

To activate the Contact Forms Enhanced features go back to your form. Click on the ‘Contact Forms Enhanced Add-on’ field’s dropdown menu. You will see the feature enabled e.g. you may see something similar to ‘Contact Forms Enhanced – 1GB (12345)’. If you do not see this, close and reopen the project file and try again. If this does not work, check that you are logged in to your EverWeb account using the EverWeb-> Preferences -> Account menu.

The Contact Forms Enhanced addon is now working. It is usually a good idea to name the form in the Contact Form Name (Online Management) field. This will help you easily identify and manage your form submissions if you have more than one form that uses the Contact Forms Enhanced Addon e.g. ‘Join Our Newsletter!’

Adding File Uploads To Your Form

If you want to include a file upload feature on your form you can now do so. Add a new field to the contact form by clicking the ‘Add’ button in the Form Controls section of the widget. Name the control as you want and set the ‘Control Type field’ to ‘File Upload’. The contact form will update to display a ‘Choose File’ button.

Publishing Your Form and Checking Form Submissions

Once you have set up the contact form, publish the website. Test the form to make sure that everything works properly before ‘going live’ with the form. In this way you can test that the form submissions are working correctly.

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

The email confirmation will contain a link for you to follow to login to your EverWeb Client Area so that you can manage, search and export your form submission data. 

You will also be able to download any files that have been sent to you via the contact form. The email will also display information about the number of forms that have been submitted and the amount of server space already taken by any file uploads.

Form Submission Management, Reporting & File Uploads

Apart from clicking on the link in the email receipt, you can also access form submissions directly by logging in to your EverWeb Client Area. On the home screen you will see the ‘Contact Form Submissions’ section on the left of the window. Click on ‘View Form Submissions’ to access the form submission data.

The ‘Contact Form Enhanced’ page will be displayed with a summary at the top displaying the number of forms that you have using Contact Form Enhanced, the number of form submissions and the server space used by any file uploads. 

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

You will see the forms that have been submitted displayed. If you want to export the whole list click on the ‘Export’ button.

Use the Up/Down arrows next to any of the column headings to order your form submissions based on that column.

You can search the list too, just enter in the criteria you want and press enter e.g. you could select ‘2019-07’ to select all forms submitted in July 2019.

At the bottom of the page, you can select how many form submissions per page that you would like to see. The default is set at 10, but you can also choose either 25, 50 or ‘All’.

If you want to select all the forms in the list you can tick the empty box to the left of the column headings. Check this box again to deselect all form submissions. 

To select a custom list of form submissions tick the box next to each form submission that you want. Beneath the form submissions per page line, you can export (as CSV), or delete, your selected form submissions using the ‘With Selected’ box.

Contact Forms Enhanced Addon Pricing

You can purchase the Contact Forms Enhanced Addon by either using the Contact Forms Enhanced field in the Contact Form Advanced widget and selecting ‘Add Enhanced Features’ or via the Services menu of your EverWeb Client Area.

Contact Form Enhanced Addon is available in two configurations:

• 1,000 Form Submissions, 1GB of server space for file uploads for $29.95 USD for one year with discounted pricing if you purchase for a two or three year period.
• 10,000 Form Submissions, 10GB of server space for $49.95 USD for file uploads for one year with discounted pricing if you purchase for a two or three year period.

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

We’re thrilled to announce the availability of EverWeb 3.0 which introduces  the all new Contact Forms Enhanced Addon, the new Asset Management organization feature, incredible new Contact Form Advanced widget features taking contact form customization to a new level, improved and enhanced widgets to make responsive website building even easier as well as many other great features and improvements and lots of product stability and performance improvements.

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

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

• If you are running OS X/macOS 10.10 and higher (64-Bit): Yosemite, El Capitan,  Sierra, High Sierra, Mojave, Catalina*, EverWeb version 3.0 is available for you.
• If you are running OS X 10.7 or 10.9 (Lion, Mountain Lion, Mavericks) EverWeb 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 EverWeb 3.0, the update process will automatically download the correct version of EverWeb for your macOS.

* EverWeb 3.0 supports MacOS Catalina. Please note that this should be considered ‘beta’ as the MacOS Catalina is still in beta and not officially released to the public at this time. 

EverWeb 3.0 Includes…

[NEW] The all new Contact Forms Enhanced Addon is now available for the Contact Form Advanced widget bringing online Contact Form management and reporting features to EverWeb.

[NEW] Assets List Organizer. You can now organize assets in the project file  in to folders and subfolders.

[NEW] Contact Form Advanced widget now includes a Styled Button option.

[NEW] Contact Form Advanced widget now includes ReCaptcha support for spam protection.

[NEW] Contact Form Advanced widget now includes a ‘Placeholder’ text option.

[NEW] Contact Form Advanced widget now includes a file upload Form Control type for use with the Contact Forms Enhanced Addon.

[NEW] Contact Form Advanced widget now includes a Selection List Form Control type so you can select one or more of the listed options.

[NEW] Contact Form Advanced widget now includes an Import Text File… option so you can quickly import large lists in to your Form Controls.

[NEW] Fully customizable Blog Pagination for posts on the blog main and archive pages.

[NEW] Cover Image option for blog main and archive pages to give your post a Hero image look.

[NEW] Theme Template Downloader. You can preview and choose which new Theme Templates you want to download to EverWeb.

[NEW] Significant speed optimizations, especially for responsive websites with many full width widgets.

[NEW] Publishing is faster and the overall speed of EverWeb has been optimized.

[NEW] Large window button for all widgets that use the Styled Text Editor.

[NEW] Fonts Panel works with the Styled Text Editor.

[NEW] Remove formatting option added to all widgets that use the Styled Text Editor.

[NEW] FlexBox, Text Section and Responsive Image Gallery widgets now include a Maximum Content Width field.

[NEW] All widgets can use the Fill Options in the Shape Options tab to add a background color or image to the widget.

[NEW] FlexBox widget now includes Top and Bottom margin settings

[NEW] PayPal widget now includes a styled, customizable Pay Button.

[NEW] ‘Check for new templates…’ option redesigned so you can select and preview new theme templates that you want downloaded in to EverWeb.

[NEW] You can now check for new Theme Templates directly from the Theme Template Chooser.

[NEW] The Styled Text Editor can be expanded in to a larger editor window.

[NEW] The Styled Text Editor now includes a ‘Remove Formatting’ button to remove formatting from the selected text.

[IMPROVED] Assets List performance has been optimized and is faster and more responsive especially when using a large number of assets in a project file.

[IMPROVED] New Website Save process reduces the chance of data loss.

[IMPROVED] Page resizing and general UI updating should be significantly faster.

[IMPROVED] Styled Text Editor background has been changed to a light grey so that white and light colored text is easier to see.

[FIX] Not being able to add images to the Editor Window from the Free Stock Photos library.

[FIX] Using the scroll bar in the Inspector Window would sometimes get stuck.

[FIX] Tooltips show correctly when resizing or drag and dropping an object.

[FIX] Width/Height indicator for image masking appears again.

[FIX] Exporting text from a TextBox which has a style change (such as a background color, italic text etc…) at the beginning of the paragraph would cause the entire paragraph to use that styling.

[FIX] Google Maps height on Responsive pages would be a few pixels off.

[FIX] Gradient Fill for Page Background on Responsive pages works correctly.

[FIX] Directly adding or deleting images in the Image Gallery Widget would not update its Assets List.

[FIX] Gradient Fill at 90 degrees in Master Pages now works correctly.

[FIX] Fixed issues with some WordPress blogs exports not importing in too EverWeb.

[FIX] Background images for Browser Background on mobile are not zoomed in anymore.

[FIX] Long Blog Archive list no longer disappears within EverWeb when scrolling.

[FIX] Object Hyperlink indicator shows properly when an object is hyperlinked and the option is enabled in EverWeb-> Preferences.

[FIX] Styled Text Editor shows the proper text size for selected text.

[FIX] Text Object now works properly when using Command+arrows keys.

[FIX] Image Gallery widget no longer has ‘#’ as the default link which would prevent the SlideShow from appearing.

[FIX] Mouse hover link settings are applied properly to blog archive.

How To Update To EverWeb 3.0

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.

Video Walkthrough

Find out more about the new release of EverWeb in our ‘Introducing EverWeb 3.0‘ video.

More Information About EverWeb

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

• The updated 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

The introduction of responsive design to EverWeb in version 2.8 resulted in the creation of four new widgets to take full advantage of the new scaleable page layout. Many of EverWeb’s existing widgets and features were also updated at the same time to make building responsive pages easy and simple.

The introduction of the FlexBox, Responsive Row, Responsive Image Gallery and Text Section widgets was specifically designed to help you create great looking responsive pages without having to have an in-depth knowledge of responsive design itself.

At first glance, the FlexBox and Text Section widgets may appear to be quite similar to each other. Both widgets allow you to add images, both include the Styled Text Editor for text entry, both allow you to add a button. Beyond these basic functions, the two widgets diverge in to quite specific uses. When building a page, the choice of widget to use will come down to which one best meets your needs. Here is a guide as to which widget is best to use under which circumstances…

 

When Best To Use the Text Section Widget

The Text Section widget is perfect for when you want to focus on a idea using a single Cover image to do so. This is easy to do. Add the image you want in to the widget. In the ‘Image Fill & Size Settings section, tick the box to activate ‘Use Custom Image Dimensions’ then for maximum impact set the ‘Width’ of the image to 100% and the ‘Height’ to ‘auto. In this way the image will keep its proportions and will automatically scale to fit all device sizes. Add the text that you want in to the Styled Text Editor and you are good to go!

The Text Section widget is also great for creating a ‘Call To Action’ (CTA). A CTA can be a hyperlink or a button and this is where the widget excels. You can create multiple buttons and style them with the just the fonts and colors that you want. If you have more than one button, you can stack them vertically instead of horizontally.

Having the ability to create styled buttons of your choosing also means that the widget can be used even as a form of navigation to different pages in your website as well as being used as a Call To Action.

The Text Section widget allows you to select whichever combination of image, text and buttons that you want.

When Best To Use The FlexBox Widget

If the Text Section widget is the perfect for focusing on one image or idea, then the FlexBox widget is perfect for replicating an idea as many times as you need to by duplicating the Embedded Objects that you create. An embedded object is based either on text, image or video which the Text Section does not include.

In contrast to the Text Section widget, the FlexBox widget allows you to add a hyperlink to an image and set options for what your visitor sees when they hover over the image e.g. you can overlay styled text using one of the five available overlay options.you to add video in the widget.

FlexBox only allows you to add one button for each embedded object that you create whilst the Text Section allows you to create as many buttons as you want. In respect of the FlexBox widget this usually is fine as the purpose of the widget is to allow for replication of an idea or theme.

FlexBox is perfect e.g. if you you want to create short bios of personnel in your company. Create an embedded object with an Object Type of image. For the image you would use a picture of the person whose bio you are creating. Next, add some text about the person and finally add a button to link to a page with more info about the person. Once you have created and styled the Embedded Object, hit the ‘Duplicate’ button and just change the photo and text for the next person’s bio. Finally change the link if needed. Duplicating the Embedded Object helps you save time and effort as you do not need to alter the formatting of the Embedded Object at all, just its contents!

Once you have set up your Embedded Objects you can use the FlexBox’s Wrap options and Control Alignment options to finish off your design. The choice of options open to you really make the FlexBox widget be a true ‘jack of all trades’.

The Choice Is Yours!

Generally if you want to showcase one image or idea the Text Section widget is the one to use. The same is true if you want to use or include more than one button. If you need to replicate a particular format or need to incorporate video, then the FlexBox widget is the one to try first. Ultimately the choice of widget to use is yours and you may still find that you have to try each before settling on the widget that fits your need perfectly. If you are undecided, it is usually best to try the FlexBox widget first.

New Widget Enhancements Coming in EverWeb 3.0!

The new EverWeb 3.0 that is soon to be released will include a maximum content width field for both widgets. The Styled Text Editor has also been updated with a new Remove Text Formatting option and the ability to make the editor window larger for easier text entry. Additionally, the FlexBox widget will include a top and bottom margin fields to the widget.

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter handle @ragesw