26 Oct 2017

Integrating Facebook In To Your Website

No Comments EverWeb, Software, Tips and Tricks, Tutorials, Web Design, Widgets

If your business is tightly integrated with Facebook as a means revenue generation you’ll also probably want tight integration with your website as well. Integrating Facebook with your website can help improve your business’s reach as you target non-Facebook users through your website using EverWeb’s Facebook features. This may also be a timesaver as you as you may only need to update Facebook which filters through to your website automatically. This is a boon, for example, if you’re business runs classes or seminars, or has new or updated products to announce. There are numerous possibilities! It’s not only commercial concerns but non-commercial organisations, and even individuals, can also benefit in much the same way.

EverWeb’s new Facebook Page Timeline widget, introduced in EverWeb 2.5, adds more possibilities and flexibility to your webpage design in EverWeb. You now have a range of tools to use to bring your website visitors and Facebook users closer. It’s simple and easy to share what’s going on between the two different audiences. Facebook itself allows you to add your website URL, as well as other integration tools, to your Facebook account. You can also easily embed links from your website directly in to Facebook.

So, save time and effort by integrating Facebook in to your website with the following three EverWeb tools…

Facebook Page Button
If you just want a simple link to your Facebook page, just use the Insert -> Button -> Facebook Page option and enter in the full URL of your Facebook page. It’s best to copy the URL from your browser’s search bar and paste it in to the button’s URL field. If you enter the URL manually and make a mistake, you’ll have to delete and reinsert the button on to your page. Tip! Buttons such as these are great to use in Master Pages!

Facebook Like Widget
The Facebook Like Widget was introduced in EverWeb version 1.3 and allows you to add a more sophisticated and tailored button to your web page. Although the widget is called ‘Like’ you can in fact use it to include a Facebook share button. You can decide if you want the button to be ‘Like’ or ‘Recommend’. There are many different display combinations that should cater to everyone’s taste e.g. you can display the number of people who like your page. Once you have finished customising the widget, you may need to resize and adjust the placement of the widget on your page before previewing or publishing.

Facebook Page Timeline Widget
The newly introduced Facebook Page Timeline widget lets you add a Facebook page timeline directly to your web page. As you update your timeline, your webpage will update automatically. The new widget can be customized in a number of different ways so that you can display your Timeline just how you want it. Once you’ve drag and dropped the widget on to the page from the Widgets tab, enter your Facebook page URL in to the ‘Webpage Address’ field. Again, it’s best to copy and paste the URL from your Facebook page to avoid any typos. Once you’ve entered the URL press the enter key to dynamically update the widget to show the Page Timeline.

By default, all Widget Setting options except for ‘Hide Cover Photo’ are set on. If you deselect all the options, you will only see the most recent post displayed, so it’s likely that you’ll want to have at least ‘Show Timeline’ checked so that your visitors can scroll through your timeline. As you select or deselect the widget’s options, the Page Timeline widget dynamically updates. When you’re finished with customizing the widget, you may need to readjust the size and placement of the widget on the page. Preview or Publish the page to see the results of your work.

Depending on your specific requirements you can use any combination of Facebook Page button, Facebook Like Widget or Facebook Page Timeline on your page to give your visitors just the right experience. The Facebook Page Timeline widget will also help save you time and effort in updating your website as it’s all done in your Facebook Page Timeline!

02 Mar 2017

EverWeb’s Contact Form Advanced Widget Explained

No Comments EverWeb, Software, Tips and Tricks, Widgets

The Contact Form Advanced (CFA) widget is a great successor to EverWeb’s original Contact Form widget. The new widget debuted in EverWeb 2.0 offering a highly customisable form that can include drop down menu selections, radio buttons, checkboxes, pre-filled text fields and much more.

EverWeb version 2.1, and the recently released version 2.1.1, add more options and capabilities to the CFA widget which we will go through in detail later on. To start, let’s take a look at perhaps the most important new option: SMTP Settings…

SMTP Settings in the Contact Form Advanced Widget

EverWeb 2.1 now includes SMTP Settings to make sending and receiving email easier!

SMTP Settings
The CFA Widget Settings now includes an ‘SMTP Settings’ section. This is designed to help the contact form be more reliably delivered to the form recipient. It’s important to fill in the SMTP Settings correctly otherwise the form won’t work properly. The new ‘More Help’ button steps you through the process of filling in the settings if you are unsure about what to fill in. The steps also cater for everyone, whether you have an EverWeb+Hosting account or your own hosting provider.

The CFA widget in EverWeb version 2.1.1 has also been updated to improve the reliability of sending and receiving emails if you do not use the SMTP settings, which is like how the original Contact Form widget works.

Troubleshooting SMTP settings
If you’ve followed the above steps but still find that your contact form is not working, try these troubleshooting tips:

  1. Use EverWeb version 2.1.1. This release typically fixes most issues with the CFA widget so is highly recommended. If you’re having problems with your contact form and are not on the latest version, update EverWeb first to 2.1.1, republish your website (use File-> Publish Entire Site) then test your contact form again.
  2. Check that you have completed the steps from the ‘More Help’ button in the widget.
  3. Check that the ‘Email Address to Send Form to’ section has been filled in with a valid email address. It may seem obvious, but quite often people forget to fill in this field!
  4. Check that the password you’ve used in the SMTP Settings is correct. If you’re unsure, you may need to reset your email password. If you reset your password, exit EverWeb and log out of your email. Relaunch EverWeb and log back in to your email and try again.
  5. Check your SMTP settings with your hosting provider to make sure they are correct if you are unsure about any settings you may have entered.
  6. Check your webmail! I made a contact form and was not receiving email, so I checked my webmail and found that the emails were being received. The problem was that my Apple Mail wasn’t configured correctly so didn’t receive the emails even though they were correctly sent.
  7. Publish your website. Using preview with a contact form will not work as the widget sends email to the outside world which it can’t do when using preview. Sometimes you may also find that publishing your entire site may be beneficial. Use the menu to do this as the Toolbar ‘Publish’ button will only publish changes made to the website.

Important! When using any contact form, it’s paramount that you test that the form works. Remember that when you hit the ‘Submit!’ button and get the message ‘Your message has been sent’ this doesn’t mean that the message has been received! So… test, test, test!

Updated Form and Controls Options
EverWeb 2.1 (and 2.1.1) now let’s you reorder and delete Form Controls and Option List items. Reordering items is done in the same way as other you would for items in Asset Lists in other EverWeb widgets by clicking and dragging the control up and down the list until you have moved it to its new location when you just release the mouse button. In EverWeb version 2.0 you had to delete the widget and start again if you wanted to remove controls, so this is a welcome enhancement.

Fixes for the CFA Widget
The updated widget also contains some bug fixes including an important one where the form is now correctly sent to the email address that you enter in the widget.

If you are new to the widget there’s also a Contact Form Advanced widget video tutorial available to get you acquainted!

As always, if you have a question, let us know… we’ll do our best to help!