Archive for the 'Third Party Software' Category

Adding Apple Podcasts To Your Website in EverWeb

Thursday, December 10th, 2020

When using Apple’s Podcast’s app on iPhone, iPad or on your Mac (or via iTunes depending on your macOS version) you can search, listen and download thousands of podcasts. If you want you can add these such podcasts from the Apple Podcast app in to your own website!

Finding The Podcast You Want

The resource to use to find the podcast you want to use is Apple’s Marketing Tools website. This website contains a number of different marketing resources for a variety of Apple’s services such as News, Apple TV, the App Store and so on.

Click on Apple Podcast Toolbox to access the Podcast Marketing Tools Portal.

To start, enter the name of the podcast that you want to embed in your website. This could be, for example, a specific podcast name or just the name of the podcaster.

In this example, I want to embed a podcast about the iPhone 12 that I recently listened to from the Apple Insider website. In this case, I just enter Apple Insider in the search box and press Enter.

In the results I can see Podcasts and Podcast Episodes. ‘Podcasts’ are like categories. Apple Insider has three categories. Each category will, therefore, contain Podcast Episodes. I can filter the search results by Type of Podcast and by country if I want to but in my example it is not necessary to do so.

As I want to find a podcast episode about Apple’s iPhone 12 I start by clicking on Apple Insider’s general Podcast category. On the next screen is a list of Podcast Episodes. Once I have located the podcast episode that I want, I just double click on its title. If you do not see the podcast you want, expand the section by clicking on ‘Show More Episodes’.

Podcast Embedding Options

You will now be on the Podcast Episode page which contains a number of different sections. For our purposes, we are interested in three sections: Content Link, Podcast Player and Short Link. We will look at each of these options and how to add each of them in to your EverWeb made website project.

Content Link

A Content Link is the hyperlink to the podcast episode you have elected. The link is the full URL All you need to do in the instance is to copy the Content Link to the Clipboard using the ‘Copy Link’ button.

Once you have copied the link, go to the place in your EverWeb Website where you want to add the link. For example, you could attach the link to a piece of text, an image, or a button. In this example, I am going to attach the link to a piece of text in my page. 

Highlight the Text that you want to use, then go to the Hyperlinks Inspector.  Click on the box to the left of text ‘Enable as hyperlink’ to enable the settings. Next, click in the ‘Link To’ field and select ‘An External Page’. If you would like the podcast to open in a new page when your visitor clicks on the link text, select ‘Open in new window’ as the Behavior. The last step is to click in the ‘URL’ field and paste in the link to podcast from the Clipboard.

You can customize the link formatting using the Hyperlink Formatting section. Once you have finished your customizations, use Preview from the Toolbar to test the link.

Short Link

To use a podcast episode Short Link in your website, start by clicking on the ‘Generate Link’ button in the Short Link section of the Podcast Episode page. When the link has been generated, you will see it displayed on screen. Use the ‘Copy Link’ button to copy the Short Link to the Clipboard. 

Next, follow the instructions from the Content Link section above to add the Short Link in to your EverWeb made website project, then test the link using Preview.

Short Link is sometimes used if it is not possible to paste long links in to your site. This is not a limitation in EverWeb so you can use either option. There may in fact be valid situations where you may want to use a Short Link to mask the full address. 

The advantage of using Content Link over Short Link is that the Content Link generally tells you the name of the podcast episode whereas the Short Link is only a randomly generated link name.

Podcast Player

The last option for embedding podcast episodes in to your website is by using the Podcast Player option. Use this option when you want to embed Apple’s Podcast player in to your website. The Podcast Player can be customized to have a light or dark background, and the player can be specifically sized if required. Additionally, the player has a ‘See more’ option so that visitors can explore more podcast episodes from the podcaster.

To use the Podcast Player, simply click on the ‘Copy Embed’ button to copy the embed code to the Clipboard. Next, go to the page in your EverWeb project file where. you want the player to be embedded. 

In this instance you will need to use EverWebs HTML Snippet widget, so go to the Widgets tab and drag and drop the widget on to the page.

Click inside the HTML Code Box and paste in the Embed Code from the Clipboard. Click ‘Apply’ to finish. If you do not click on Apply, the code will not be saved in the Code Box.

You will not see any change in the Editor Window once the code has been applied, so use Preview to test that the embed code works correctly before publishing your site. Using Preview in this instance is also useful as you can see if the Podcast Player is positioned correctly on your page.

Adding podcasts from Apple’s Podcast repository is easy and has the flexibility for you to add them to your website in exactly the way in which you want them displayed. For a video walkthrough of this EverWeb feature, just click on the image at the top of this page!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Stylish Navigation Menu Widgets from EverWeb Garden

Thursday, October 15th, 2020

As you may know already, EverWeb Garden is a new third party provider of EverWeb widgets. To launch their site, EverWeb Garden offered EverWeb users their initial batch of over 60 widgets for free. This offer has now been extended for a limited time! If you missed out the first time round, you now have another chance to get an assortment of dynamic, professionally designed third party widgets absolutely free.

One type of widget that is always in demand is website navigation widgets, so in this post we will be reviewing six EverWeb Garden navigation widgets. All the widgets reviewed below can be used on either fixed width (centered or left aligned) page layouts or in a responsive page layout unless otherwise stated.

Fading Navigation Bar Widget

The Fading Navigation Bar widget is a simple widget that can change its colors as you scroll down the page. This adds an interesting way to keep the navigation menu prominent when your visitor scrolls the page. The effect can be applied to both simple and hamburger style navigation menus. When using the Hamburger menu option, the dropdown menu items are displayed in the center of the page with an ‘X’ to close the navigation in the top right hand corner. It is a nice, clean look for your navigation.

In addition, you can add your own logo to the navigation as well as a button which has the option to change its own color as you scroll the page. The button can be used in both simple and hamburger style navigation menus. A button can be useful as a ‘Call To Action’ highlighting e.g. special offers or limited time online sales etc. to your site’s visitors.

Fading Navigation Bar Pro Widget

The second widget in this review is the ‘Pro’ version of the Fading Navigation Bar widget. As with the regular version of the widget, simply add the pages that you want to the navigation using the ‘Add’ button. In the Pro version of the widget you can add dropdown menu items to the navigation. You can add any page in your site to any dropdown menu. The Dropdown menu feature also has its own styling options so that you can create exactly the look that you want to match with your website’s design.

Slide Out Navigation Widget

The Slide Out Navigation widget is a popular style of navigation seen in many websites as it offers a clear and simple menu style that slides out only when activated. This feature helps keeps your page design clean and simple in appearance.

The widget works in a simple way. Just drag and drop it on to the page and you will see a ‘Hamburger’ icon displayed. You can change the color of the hamburger itself, its background and the font size and style that the navigation uses. The width of the navigation can also be adjusted as desired.

You can add your own logo to the top of the slide out menu and adjust its sizes required. The navigation can slide out from either the left or right side of the screen and the navigation’s text can be left, right or center aligned. The smooth fly out animation effect adds a nice quality element to the widget.

In addition to the above mentioned options, you can add a button to the bottom of the slide out menu. This is great for when you want to highlight, for example, links to ‘terms and conditions’ pages, sales pages and so on. As you would expect, the button itself is fully customizable so you can match it up perfectly to your site’s own design style.

Mobile Menu Widget

The Mobile Menu widget is a variation on the Slide Out Navigation widget, however, this widget allows you to link to pages within your project file, to external pages and even to file types such as PDF files. The Hamburger icon can be customized including its size which can be adjusted just by dragging the icon’s grab handles or by using the Metrics Inspector.

This Mobile Menu Widget has many options available to it such as how you want the navigation to be displayed: as a dropdown, slide overlay, slide push or as a popup. You can even add a search field to you navigation menu!

Navigation Bar with Icons Widget

The Navigation Bar with Icons widget give you a really nice way to create menus that look like, for example, EverWeb’s Toolbar. The widget includes eight built in icons or you can use icons from Font Awesome which has plenty of free to use icons to choose from! You can customize the widget’s text fonts, set top and bottom margins and even the maximum width of the navigation. The Navigation Bar with Icons Widget is a simple, but really effective navigation combining text and icons!

Hidden Navigation Bar Widget

The final widget in this review is the Hidden Navigation Bar Widget. This is a fixed widget that hides itself once you scroll down to a predefined location on the page. As with some of the aforementioned widgets, you can also add a button to the navigation menu and there is full customization available for the navigation as you would expect.

EverWeb Garden’s navigation menu widgets provide a great way to add modern styles and variety to your website’s navigation. The full range of third party EverWeb Garden widgets is still available for free for a limited time only on their website. If you have any questions about these, or any other widget provided by EverWeb Garden, please contact them directly via their website.

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Integrating Gumroad with Your EverWeb Website

Friday, September 4th, 2020

Gumroad is a website that brings ‘super simple commerce to creators’. Creatives specialising in films, courses, music, books, comics and other genres use Gumroad to easily sell their products on line.

Gumroad includes a simple set up, a heavily optimized purchase experience and backend tools to analyse your sales data, manage your customers and build your audience.

Integrating Gumroad with EverWeb

Integrating Gumroad with your EverWeb website is easy as there are a number of ways in which you to do this. Such flexibility means that you can sell your products in whichever way is best for your existing and potential online audience. If you want, you can also sell physical goods as well.

When you begin using Gumroad, you will first add a product to your profile. When you add your first product, you will eventually come to the Share Your Product screen…

If you have previously added a product, go to the Products menu, then select the product that you have already added, then select the Share menu option.

There are three ways in which you can link to Gumroad from within your EverWeb website.

Using a URL Link

The first method is by adding a URL link in to your site. Use the ‘Copy URL’ button in the ‘Share your product’ screen to copy your product link to the Clipboard. 

Next go to your page in EverWeb where you want to place the link. You can use a EverWeb’s Hyperlink Inspector to link the Gumroad URL to a piece of text or an image, or you can add the link to a link button in, for example, the FlexBox Widget.

When using the FlexBox widget, select the Embedded Object that you want to attach the link to in the Widget Settings. Next, scroll down to the Link button in the Button Settings section of the widget. Click on the ‘Link’ button and paste the Gumroad URL in to the URL field. Click OK to finish then preview, or Publish, your page to test the button.

Using Gumroad’s Overlay Widget

The second option is to use Gumroad’s Overlay widget. Using the Overlay widget allow your website to have inline purchases without having to leave your site. You can customize the widget’s button text and there are also options to automatically trigger a payment form and to allow single product purchases.

Once you have set your text and options, click on the ‘Copy’ button to copy the generated code to the clipboard 

Next go to the page in EverWeb where you want to add your product. If you are using a Responsive Page Layout, you will first need to have a Responsive Row widget on your page. If you do not have this widget on your page, drag and drop it on to the page and position it where you want it.

With the Responsive Row widget in place, go back to the Widgets tab and drag and drop the HTML Snippet widget on to the page. In the HTML Code box of the widget, paste in the code from the clipboard. Click on the ‘Apply’ button when done. The Editor Window will update. Preview or publish your site to test.

Using the Gumroad’s Embed Widget

The last option is the Embed widget which lets you embed your products in to your website. This is also a useful option if you do not have an HTTPS website. 

Select the Embed widget option and, as before, use the ‘Copy’ button to copy the code to the clipboard.

As with the Overlay widget option above, you will again need to drag and drop an HTML Snippet widget in to a Responsive Row widget on your page. In the HTML Code box, paste the code from the clipboard and press ‘Apply’ to finish. The Editor Window will update. Preview or publish your site to test. 

If you are using a Centered or Left Aligned page layout, you can add the HTML Snippet widget anywhere on your page. The Responsive Row widget is only needed for the HTML Snippet widget when using a Responsive Page Layout.

Watch The Video

Check out the link below for a video walkthrough that shows you how to link your Gumroad products in EverWeb.

https://youtu.be/rTEnXoCdKUY

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Add Shopify Buttons To Your EverWeb Website!

Friday, May 29th, 2020

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

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

Integrating Shopify with EverWeb

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

Before You Begin…

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

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

Adding A Shopify Buy Button To Your Site

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

To create a Buy Button for one product

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

Buy Button Customization Options

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

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

Choosing The Buy Button Layout Style 

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

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

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

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

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

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

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

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

Creating Buy Buttons For Collections

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

Adding Buy Button Code Into EverWeb

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

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

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

Sticky Navigation for Responsive Websites in EverWeb

Thursday, February 6th, 2020

Creating a navigation menu is one of the core features of most websites, making it easy for website visitors to navigate the pages within the site. EverWeb includes the Navigation Menu widget for just such a task. The widget is extremely customizable as shown in the Navigation section of the Video Tutorials page of EverWeb website. There are also third party Navigation Menu widgets available, e.g. from everwebwidgets.com, if EverWeb’s built in widget does not suit your requirements.

One important requirement when using a navigation menu for many website developers is that it remains at the top of a page whilst the visitor scrolls the page. In this way, the navigation will always be visible.

If you have created a fixed width website (i.e. one that uses a Centered or Left Aligned page layout), check out our Creating a Sticky Navigation Menu video, which shows you how to easily create this effect.

If you have a responsive website and want a sticky navigation, read on…

Set Up: Use a Master Page

It is always recommended that you use Master Pages in your website so that you only need to add your navigation once to your website. Any page using a Master page will inherit its navigation. As EverWeb’s Navigation Menu widget is so customisable, you will only want to set it up once. If you change the style of the Navigation Menu widget at a later date in Master page, all the pages that use the Master Page will be automatically updated. This is a great time saver as you do not have to update every page in your site with the same change.

Creating The Master Page

In this example, start by creating a responsive Master page:

  1. Click on the ‘New Master Page’ button in the Master Page section of the Web Page List. This section is colored blue at the top of the Web Page List above the name of your website. If you are using Dark Mode, the area is colored black. If you do not see the ‘New Master Page’ button, drag the splitter bar (the row of dots above the name of your website) down until the button becomes visible.
  2. Once you have clicked on the New Master Page button, the Theme Template Chooser will appear. Choose the ‘Responsive Blank’ theme from the list of Theme Templates on the left of the dialog box. Click on the ‘Home’ page style and click ‘Select’ to finish.
  3. A blank new Master Page will be added in to the Master Page List. The page will be called ‘Home’, you can rename it as you would any other page in the Web Page List by double clicking on its name, entering a new name, then pressing Enter to finish.
  4. You can always check to make sure that you have created a responsive page by checking the Page Layout section of the Page Settings tab in the Inspector Window. I

Adding The Navigation To The Master Page

Now that you have created a Master Page, keep it selected. The next step is to add the Navigation Menu widget to the page.

  1. Click on the Widgets tab and drag and drop the Navigation Menu widget on to the page.
  2. As this is a responsive page, the widget will automatically display at full width. As this is the first object placed on the page, it will be appear at the top of the page.
  3. The Master page footer contains the ‘Made with Love with EverWeb’ image. You can remove this if you do not need it and add your own content if you want.

Making the Navigation Stick

Now that the Navigation Menu widget is in place on the page, it is time to make it stick so that content will be able to scroll underneath the navigation when the page is scrolled.

  1. In the Widget Settings of the Navigation Menu widget, tick the ‘Use Background Color’ checkbox and add a background color to the navigation using the ‘Background Color’ color swatch. This step will stop the contents of the page from being visible under the navigation when you scroll the page.
  2. Next, go to the Metrics Inspector and make a note of the Height of the Navigation Menu widget, e.g. by default this is usually 50 pixels.
  3. In order for the sticky navigation to work, you will need to place a dummy rectangle shape on the page. Create a new rectangle shape using the Shapes button in the Toolbar.
  4. The rectangle will be created as a full width object directly below the Navigation Menu widget.
  5. Change the color of the shape to match the color of the background of the navigation. To do this go to the Shape Options tab whilst the shape is selected. In the ‘Fill’ section change the color of the ‘Color Fill’ using the color swatch.
  6. Next, change the height of the shape so that it is the same as the height of the Navigation Menu widget. To do this, go to the Metrics Inspector and change the Height field in the ‘Size’ section to 50 pixels.
  7. Now that the changes to the rectangle are complete, reselect the Navigation Menu widget and go to the Metrics Inspector.
  8. Tick the ‘Fixed Position’ box. This will pin the navigation menu widget in place. Leave ‘Relative to browser left’ ticked
  9. When you select ‘Fixed Position’ for the Navigation Menu widget, you will notice that the rectangle shape below it slides underneath it. When using Fixed Position on a full width object in a Responsive page, it is as if the object becomes a layer above the page. 
  10. As content in responsive pages has to be in continuous sections down the page, we need to fill the space below where the navigation was. If we do not do this, when we use the Master Page on a regular page, part of the regular page content may be obscured underneath the navigation.
  11. This is the reason why the dummy rectangle shape is needed and created with the same height as the Navigation Menu widget to fill the gap where the navigation menu would have been if it had not become its own ‘layer’.
  12. Finish styling the Navigation Menu widget as you want and add the other objects you want to the Master page as desired.

Finishing Tasks

Once you have finished styling he Master Page

  1. Select a regular page in the Web Page List to attach the Master Page to.
  2. In the Page Settings tab of the Inspector Window, click on the dropdown menu in the Master Page section and select the Master page that you have just created.
  3. The Master Page will be attached to your regular page.
  4. Scroll the contents of the page to see them slide under the navigation.
  5. Use Preview to test out the sticky responsive navigation.

As this is a responsive page, the navigation will automatically on mobile devices. To display a Hamburger Navigation icon when on using the navigation on mobile pages, select ‘Responsive Navigation Bar’ in the widget settings of the Navigation Menu widget.

Video Walkthrough

You can also enjoy a video walkthrough of this blog post in our YouTube video Responsive Sticky Navigation Menus.

If you have any questions or comments about this blog post, please let us know! We’re happy to help!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter

Instagram

EverWeb News Roundup!

Tuesday, July 16th, 2019

It’s been a busy first half of 2019 as there is always a lot going on with EverWeb. We thought we would bring you a round up of the latest EverWeb news all in one place!

The Latest News On EverWeb 3.0

The most current version of EverWeb is 2.9.1 was released back in February. Development of EverWeb version 3.0 is well underway and we hope to have a public beta available within the next few weeks, followed by the official EverWeb 3.0 release soon after if all goes to plan with the beta. Why so long between releases? Well, EverWeb 3.0 packs an amazing amount of new and improved features, such as Contact Form Enhanced add-on, improved asset management, reCaptcha in Contact Forms, blog pagination, lots of improvements to widgets as well as the usual maintenance and bug fixes. We hope to preview more new EverWeb 3.0 features soon, so stay up to date by checking the Announcement Section of the EverWeb Discussion Forum!

EverWeb & macOS Catalina

Apple’s World Wide Developers Conference took place in June 2019 with the usual news of the upcoming features for all of Apple’s software platforms. In respect to macOS, the new 10.15 version, Catalina, was announced. This release is now in its developer and public beta testing phase with a scheduled release this fall. One important feature of the upcoming release is that it adds more security to the OS which means that these changes have to be integrated in to apps such as EverWeb. If you are trialling the beta version of MacOS Catalina, the current version of EverWeb, 2.9.1, will not run. The same will also probably be true of EverWeb 3.0 when it released in the next few weeks. [UPDATED] However, when released, EverWeb 3.0 will support MacOS Catalina when the new operating system debuts.

EverWeb Third Party Website Resources

There are some new EverWeb related third party websites live for you to enjoy. The first is everwebgalleries.com which focuses on the needs of photographers. The website is currently offering two new, free widgets which are currently in beta test. The first is the Categories Image Gallery widget which lets you group photos in to categories e.g. you could have gallery containing black and white photos in one category, color photos in another category and and ‘All’ category that contains both black and white and color photos. The second widget is an Image Carousel, which is just that, a carousel of photos that you define. You can add change the speed of the carousel and the number of images you want to scroll at each turn of the carousel. If you have any feedback on these widgets, just use the Contact form in the About menu of the website.

EverWeb PowerUp is a site that focuses on Theme Templates offering a number of free, and for purchase, theme templates. There are also widgets available including a dropdown menu widget, a cookie consent widget and an image compare widget like those you sometimes see on news websites.

For more theme templates, Everything EverWeb has a variety of contemporary themes available to purchase. There’s also a quick guide to blogging in EverWeb which is available through the Apple Book Store.

And last, but not least, Roddy at EverWeb Widgets continues to be the foremost and prolific provider of third party widgets for EverWeb. Roddy’s just released a Toolbar widget to help solve the problem of converting your fixed width website to a responsive layout then wondering what to do with the icons for email, phone and social media links?

Updated YouTube Videos and Udemy Course

We are currently updating some of our older YouTube videos replacing those featuring EverWeb’s user interface from before EverWeb 1.7 with the UI of the current EverWeb release. This also gives us the opportunity of expanding the videos to include EverWeb’s newer or improved features at the same time.

If you have a Udemy account, you can also access our EverWeb Website Builder course absolutely free. The 33 video course is also being updated at the moment to replace older content with contemporary content and improved descriptions. We hope to be adding new courses in the future!

You may have also noticed that our video’s Video Poster Images (i.e. the title card) have either a black or blue background. A black background is used for videos about responsive website design features and tutorials whilst the blue background is used for all other subjects in EverWeb.

We’re really looking forward to bringing you EverWeb 3.0 in the near future and lots of new and exciting features in the second half of the year. If there is anything you would like to see in EverWeb, or if you have any comments, please feel free to let us know in the Comments Section below!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter handle @ragesw

Widget Organization in EverWeb

Thursday, June 6th, 2019

If you are an EverWeb user who has invested in third party widgets, you can get to the point where the number of widgets in the Widgets tab starts to become a frustrating experience of scrolling to find exactly the right widget that you want.

Whilst EverWeb 2.8’s headline feature was the introduction of Responsive Web Design to the product, widget organization also debuted at the same time. The days of scrolling are over as you can organize your third party widgets easily. Widget organization is designed to be used only when you have, or want to install and manage, third party widgets.

Widget Category Settings

When you click on the Widget tab, you will see the Widget Category Settings directly below the tab. The Widget Category List is on the left hand side and by default is set to display ‘All’ of the widgets you have installed. To the right is the Remove Category button, the Widget Category Settings Cog and the Add Category button. These features allow you to organize and manage your widgets. 

The Widget Category List contains two predefined categories that cannot be deleted and any categories you have created yourself. The predefined ‘All’ category displays all of the widgets installed on your computer. You cannot remove EverWeb’s built in default widgets but you can add, delete and categorize any of your third party widgets. The other predefined category, ‘Default’, lists EverWeb’s own preinstalled widgets. This category cannot be changed in any way. If you do not have any third party widgets installed, their categories will have the same widgets as each other.

Adding Third Party Widget To the Widgets Tab 

Adding third party widgets in to the Widgets tab is easy, just drag and drop your downloaded third party widgets on to the widgets list. You can also add widgets to an existing user created category. First select the category you want from the Widget Category List, then drag and drop the widget into the category’s widget list. 

When you add any third party widgets to the Widgets tab, they will also be added automatically added to the ‘All’ category.

Creating a New Widget Category

To create a new widget category:

  1. Click on the ‘+’ button in the Widget Category Settings to add a new category.
  2. A dropdown will appear asking you to enter in the name of the widget category you want to create.
  3. Enter the name you want then click the ‘OK’ button to finish.

Adding Widgets to Your Widget Category

The newly created category will become the currently selected category. If you have newly downloaded widgets you want to add to the category, add them in the same way as described above.

If you have already added third party widgets to the Widgets tab, you can add them in to your new category as well.

  1. First, select the ‘All’ from the category list dropdown.
  2. Locate the widget that you want to add to your new category and secondary click on it.
  3. A submenu appears. Select the widget category that you want the widget added to..
  4. The widget will be added to your selected category, but will also still appear in the ‘All’ category.

Adding a Folder of Widgets

Many third party widgets come in packs, so ideally you want to be able to install all of the widgets in the pack at one time. everWeb makes this easy to do. Just drag and drop the widget pack folder on to the widget list. EverWeb will create a new category with the same name as the folder, which will contain all of the widgets within the folder. The category is named after the folder.

Renaming a Widget Category

To rename a user created widget category:

  1. Select the category you want to rename from the Widget Category List
  2. Next, click on the Category Settings button.
  3. A drop down will appear where you can edit name of the Widget category. 
  4. Click the ‘OK’ button to finished. 

Deleting Widgets

As you have already seen when adding a widget to a user created widget category, secondary clicking on a widget opens a submenu. This submenu is also where you can ‘Delete’ the currently selected widget. If you delete a widget, you will be asked to confirm your action. When deleted, the widget is placed in your computer’s Trashcan. If you have deleted a widget by mistake, open the Trashcan and drag and drop the widget back on to the widgets list.

It’s always best to back up any third party widgets you may have in case you need to restore them at a later date.

Deleting a Widget Category

If you want to delete one of your user created widget categories:

  1. First select the category you want to delete from the Category List dropdown menu.
  2. Click on the Remove Category button.
  3. A dropdown will appear asking you to confirm your actions. You can either:
    1. Select ‘Delete Widgets’ to delete the category and the widgets it contains or
    2. Select ‘Keep Widgets’ which will delete the category and move the widgets it contains back in to the ‘All’ category. 

Using the Widgets Tab Organizer is a quick and easy way to keep all of your third party widgets properly organized so that they are always quick and easy to hand.


Video Walkthrough

There is also a YouTube video about the Widgets Tab Organizer available on our YouTube channel. Subscribe today for regular videos about everything EverWeb!

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter handle @ragesw

EverWeb and the Ending of Google+

Sunday, March 24th, 2019

If you are a Google+ user, you should already have been notified by Google that its social media platform, Google+, will be shutting down imminently.

If you have any data in Google+ that you want to keep, Google advises that you should download and save it by March 31st, 2019. The shuttering of Google+ will commence as of April 2nd 2019.

Google has already taken steps to wind up its social media service as you can no longer create new Google+ profiles, pages, communities or events. Google+ comments have also been removed. After April 2nd, Google will begin to remove content from Google+ which will take time to complete, so if you have content, it may still be there for a while.

Any sites that use Google+ buttons for login purposes will also cease to function over the coming weeks. In some instances, the Google+ button will be replaced with an ordinary Google button instead.

If your EverWeb created website includes any Google+ widgets, buttons or other links, now is a good time to remove them and republish your website. If you have deeply integrated into Google+, you have probably found alternatives and informed your Google+ community already. EverWeb’s Responsive Image Gallery widget

It is, of course, recommended that you no longer use the Google+ widget or button in your website. Also remember that it is only Google+ that is going away so your regular Google account will not be affected. G Suite users will also have new and updated options.

If you have any comments or questions about this post, please let us know in the Comments Section below.

Using ECWID E-Commerce with EverWeb

Thursday, December 20th, 2018

Using ECWID with EverWeb

 

ECWID is an an e-commerce platform that helps you easily create an online store so you can sell products and services anywhere online or in-person. ECWID can be integrated in to your website, Facebook and other social media, and Marketplaces such as eBay.

 

Adding ECWID In To Your Website

Integrating ECWID in to your website in EverWeb only takes a few steps…

  1. First sign in to your ECWID account or create a new account if you don’t have one already, at ECWID’s website.
  2. Once you have created your account or have signed in, you will be taken to your ECWID Control Panel.
  3. The Control Panel will guide you though the steps you need to complete the setup. If you are just starting a new account, select ‘Create account’ and complete the details required.
  4. Next select ‘Create Your Own Online Store’ where you will go through the steps required to create your own online presence.
  5. You will be asked the question ‘Do you have a Website or Facebook Page?’ Select the ‘Yes, I have a website’ option.
  6. On the next screen select ‘Other Platform’.
  7. You are now on the ‘Add ECWID store to your site’ screen. 
  8. Highlight the code in the center of the screen and copy it to the clipboard.
  9. Now switch to EverWeb and go to your Storefront page.
  10. Add an HTML Snippet widget to the Storefront page and paste in the code that you copied from the clipboard into the HTML Code box. Click ‘Apply’ to finish.
  11. Now go back to the ECWID website and select ‘Proceed to next step’.
  12. Now you will need to add in the URL of your Storefront page in to the field on the ‘Set. Store URL’ page. If you have already published your website with the Storefront page, navigate to this page in your browser. Copy the URL address from the search bar in to the field.
  13. If you have not yet published your website you can come back to this step later once you have published. Alternatively, use the folder structure of your website from the Web Page List to construct the Storefront URL name.
  14. After adding the URL to the field in the ‘Set store URL’ page, click on the button ‘Proceed to next step’.
  15. You will be taken back to the Control Panel page as you have finished the setup.
  16. You should now go to the ‘Add Products’ section of the Control Panel and add one or more products to your ECWID store. If you have not added any products in your own store, ECWID will display a demo product list when you publish your website instead!
  17. Once you have added your product(s), complete your ECWID Control Panel setup so that your storefront is ready to go if you have not done so already.
  18. The last step is to go back to EverWeb and publish your website. When you view your Storefront page, you will see your products listed for sale!

 

Video Walkthrough

You can also follow the steps in this blog post in our YouTube video Using ECWID with EverWeb.

 

If you have any questions about this blog please let us know in the Comments Section. We are always happy to help!

 

 

EverWeb on Social Media

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

Facebook

Flipboard

YouTube

Twitter handle @ragesw

Google Chrome To Highlight Non-Secure Websites From July

Thursday, May 17th, 2018

Google Chrome to Highlight Non Secure Websites

On July 1, 2018 Google is set to release version 68 of its popular Chrome web browser. The new version of Chrome will mark all HTTP websites as ‘non secure’ in a move to make for a more secure Internet. This new security measure will affect all Chrome browser users. Websites using HTTPS are not affected as they are already secure through end to end data encrypted. In addition to Google’s new security measures in Chrome 68, the new version of the browser offers improved performance and other features not available for HTTP only websites.

If you only have an HTTP website URL, your website will start to show warnings in both search results and when a visitor visits your website as of July 1, 2018. The warning will be displayed in the search path bar at the top of the web browser.

If you have an HTTP only website URL, EverWeb has solutions to make your website secure!

 

HTTP and HTTPS

When someone visits your website the web address URL typically has a format such as http://www.yourdomain.com.

HTTP stands for HyperText Transfer Protocol and is not a secure method of transmitting data from your visitors’ browser to the website server as data is not encrypted and can be seen by anyone who may be monitoring Internet traffic.

HTTPS URL’s, however, use website addresses in a format of e.g. https://www.yourdomain.com.

The ‘s’ at the end of ‘HTTPS’ stands for ‘Secure’. All data transferred is end to end encrypted from your visitors’ browser to your website server. No one can see or steal information between these two points. HTTPS, therefore, makes browsing much more secure and private.

An HTTPS URL also protects your website from relatively common ‘man in the middle’ attacks where  the internet connection is hijacked sending a visitor to a fake URL without the visitor realizing.

 

Advantages of HTTPS over HTTP

The advantages of an HTTPS URL over an HTTP URL are that:

  1. HTTPS is much safer than unencrypted HTTP URLs
  2. Websites using HTTPS URLs appear higher in search engines page rankings
  3. HTTPS protect your website visitors from end to end
  4. HTTPS URLs after July 1, 2018, will not show Google Chrome’s and other web browsers warnings.

 

How to Implement HTTPS For Your Website

EverWeb makes it extremely convert a non-secure HTTP URL to a secure HTTPS URL:

 

EverWeb+Hosting 10GB or Higher Accounts

For EverWeb+Hosting 10GB or Higher accounts, just go to File-> Edit Publishing Settings menu in your Project and select the ‘Use Secure HTTPS URLs’ option. Republish your website using the File-> Publish Entire Site menu option. There are no additional costs or set up required as EverWeb makes it easy with just a tick of a checkbox and a republish!

 

EverWeb+Hosting 2GB Accounts

If you have an EverWeb+Hosting 2GB account you just need to the ‘EverWeb Secure Shield’ add-on to your account. This will add the 256bit encrypted SSL certificate required to enable HTTPS on your website. Site Shield Addon can be purchased in your EverWeb Client Area.

Once you have purchased Site Shield Addon, go to File-> Edit Publishing Settings menu in your Project and select the ‘Use Secure HTTPS URLs’ option. Republish your website using the File-> Publish Entire Site menu option. There is no additional set up required.

 

EverWeb Standalone (Software Only) Accounts

If you are using EverWeb Standalone (Software Only) you will be hosting with your own third party web hosting provider. You can still use HTTPS URLs and EverWeb. However setting up HTTPS may be a bit more technically involved.

  1. In EverWeb, go to the File->Edit Publishing Settings menu
  2. Change the website URL to include https://
  3. Next, contact your web hosting provider and ask them to set up an SSL certificate for your site. Usually there will be an additional cost for providing this service.
  4. The last step is for your web hosting provider to work with you to you properly redirect your non-secure HTTP URLs to secure HTTPS URLs.

One of the benefits of an EverWeb+Hosting account is that we are able to make the process of switching from a non-secure HTTP URL to a secure HTTPS UTL incredibly simple. All you need to do is click a checkbox and re-publish your site.

 

HTTPS Secure Websites Video Walkthrough

Watch our step by step video tutorial showing how to set up EverWeb Site Shield Addon with your website so that you are fully prepared for the new version of Google Chrome with your website secure in just a few minutes!

 

EverWeb on Social Media

Facebook

Google+

Flipboard

YouTube

Twitter handle @ragesw