2. THE EDITOR: BUILD
Build is the second tab in the high-level editor interface and is likely where you'll spend most of your time. Build provides you with all the tools necessary to add and alter the content and design of your website, choose themes and modify global styling. Please note that these sub sections of Build may be different based on your account configuration.
In the Pages area you will be able to create new pages, add or modify content and make local design changes, among other options. To learn more about pages, please click here.
In the Themes area you can easily choose to apply a new design theme to your website among a library of many different looks. The themes should help you with designing a professional and sophisticated website in no time, since major elements like layout settings, headers including menu, and other design elements are pre-defined for your convenience. After you have applied a theme, you can easily change the overall look and feel of your website by using Global Styling, specially Global Colors and Global Font. Click here to learn more about Global Styling!
2.3. GLOBAL STYLING
In the Global Styling area you can apply global changes to your website, including the design of the header and footer. To learn more about Global Styling, please click here.
By clicking on Help you'll be redirected to a support page with different FAQs and tutorials that will allow you to discover the full potential of the editor.
GOOGLE PAGE SPEED
When this setting is on, your page will automatically be optimized for Google's 'PageSpeed Insights' tool each time you publish your site. This tool analyzes your webpage and suggests ways in which you can make your page faster. A good score helps your site to achieve better ranking on Google's search result pages.
HOW TO OPTIMIZE FOR GOOGLE PAGE SPEED
In the editor, click Settings and choose the option Optimize for Google Page Speed. Check the field Optimize for Google Page Speed and press the save button.
You can add global HTML to your website in just a few clicks. Global HTML tags are tags that are repeated across every page of your website either in the header or body tag.
Please note that our support team does not support HTML as this is a third party source and we can't control it meaning that we cannot help you if the HTML tag is not working as intended.
You may also add custom HTML to individual pages on your site. For more information on the page-level HTML Module click here.
HOW TO ADD & EDIT GLOBAL HTML
In the editor, click Settings and choose the Global HTML option. Insert your HTML tag in either the Global HTML Head tag area or Global HTML Body tag area and save the changes by clicking on the Save button.
If your HTML tag is a meta tag insert this in 'Global HTML Head tag'. If it is another HTML tag e.g. Google Analytics HTML tag or any other HTML tag, insert this in 'Global HTML Body tag'.
The editor supports an integrated search functionality. To activate it, simply press Ctrl + F, on Windows, or Cmd + F, on Mac.
You can easily add your own unique favicon. The favicon sits in the browser bar, to the left of the title, and also appears in bookmark listings.
1. HOW TO ADD & EDIT A FAVICON
In the editor, click Settings and choose the Favicon option. Upload your favicon file or select it from your Image Library and finish by clicking on the Save button.
Your favicon will be visible in the browser tab when the site has been published.
2. BEST PRACTICES
2.1. IMAGE SIZE & SHAPE
The ideal image size for a favicon highly depends on the browser and on the platform. However, we recommend the use of a square format and a file size of minimum 16x16 pixels. For high resolution displays and high-density screens you may wish to try 64x64 pixels or above.
As mentioned above, the favicon is yet another source of branding and identification for your clients. However, given its small dimension, you must take into consideration that highly detailed pictures would look quite confusing. When designing your favicon, keep it simple! Use your logo or a minimalist picture that represents your business. Most browsers will still display the favicon at around 16x16 pixels.
One commonly found feature on most favicons is their background transparency. This helps it blend nicely with the browser background, without creating awkward contrast or edges. Note the difference in the example below - the favicon with the transparent background looks significantly more professional than the one with the white background. Keep this in mind when designing your own favicon.
Global data is a powerful and time-saving feature that allows you to reuse common and important business information as short cuts, saving you time when adding and editing your website content.
With global data you only need to enter the information once. The information will then be automatically populated in all the relevant modules on your site that refer to these global data nodes.
What's more, when you make an edit to any piece of global data, this update automatically displays anywhere this data item is placed within the website. Read all about Global Data here!
1. HOW TO ADD GLOBAL DATA
You can find Global Data in the left side menu under the Content Tab of the editor. Under Global Data you can find the following fields: Business Information, Price Lists, Gallery, Opening Hours, Reviews, Social, Websites, Downloads, Videos, Payment Methods, Custom, Structured Lists, Offers and Deprecated. Fill in the relevant fields and once you have completed them you can use them on your website as many times as you want.
1.1. IMPORT CONTENT
Instead of manually adding the content, the editor gives you the possibility to import content from existing websites and add it to your own. This feature is available for Business Information, Custom and Deprecated sections. Learn how to import content for global data here!
2. HOW TO USE GLOBAL DATA
It is possible use Global Data in many different elements once you have completed the necessary fields. You can always add Global Data on the Text Module, the Image Module, the Google Maps Module, the Social Media Module, the Gallery Module, among many other uses.
Global Data makes easy the introduction of content without actually writing it - simply by using the Global Data tags, which you can always modify before using.