You can change the general settings for the Editor and your website at any time in the Settings tab. Click the three dots in the main navigation bar and click Settings.
It's possible to change the language of the entire Editor interface. Choose your preferred language from the dropdown menu and apply the change by clicking the Save button.
If the Editor language doesn't update immediatelyYour Editor interface language should be updated automatically once you click the Save button. However, if the language doesn't change immediately, you may have to log out and back in again to the Editor.
Get an overview of supported languages in the Editor here.
Time & date format
Specifying a Date and a Time string gives you the opportunity to set how you want dates and times displayed on your website. The format follows standard PHP date and time formats and the various parameters can be combined in a wide range of ways to create strings that suit your specific needs.
For dates, the most common strings are D/M/Y (Day, Month, Year) or Y/M/D (Year, Month, Day). Separate each component in the date string with a slash (/). Find more examples here.
For time, you can choose a common string such as H:i:s (hour, minutes, seconds) or more advanced combinations. Separate each component in the time string with a colon (:). Find more examples here.
This setting gives you the opportunity to enable a public preview link that you can share with others, without having to publish your website. This is useful if you want to show your website to collaborators, customers or others before making it publicly available to everyone else.
You get the sharable preview link by clicking on Preview in the Editor and copying the URL from the address bar. People who have this link will be able to access the preview version of your website.
Enable Google PageSpeed to automatically optimize your site for scoring better on Google's 'PageSpeed Insights' tool every time you publish your website. Google PageSpeed analyzes your website and suggests ways in which you can make it load faster. A high score helps your website achieve better ranking on Google's search result pages.
Global HTML tags
Global HTML tags are repeated across every page of your website and can either be included within the head or body tag on the HTML document. If you don't want HTML included on all your pages but only on a specific page, you have the possibility to do so by using the HTML module.
You include Global HTML tags on your site by pasting your HTML code snippet in either the head tag or body tag area. If your HTML tag is a meta tag or a widget/embeddable that you want to appear across your website, insert this as a Head tag. If it's another type of HTML tag e.g. for Google Analytics, insert this as a Body tag.
Search your HTML tags
If you need to search for specific entries in the HTML tags you've pasted into the Editor, using the keyboard shortcut Ctrl + F brings up a search bar that allows to search through your code snippets.
Google Analytics allows you to track, monitor and analyze your website traffic and understand your visitors' browsing behavior. When you feed data from your website to Google Analytics, you have the possibility to export highly detailed statistics about traffic and visitors.
To connect your Google Analytics account with the Editor, add your Google Analytics ID and/or Google Tag Manager ID and finish by clicking Save.
Adding multiple accounts
It's possible to add multiple Google Analytic accounts by comma-separating the IDs.
By default, the Google Analytics code will be placed within the <body> tag of your website along with all the rest of your content (text, links, images, etc.). If you instead want the code to be placed in your <head> tag, tick the box Place Google Analytics code before </head> tag.
A favicon is an icon that is associated with a website and is displayed to the left of the website name in the browser tab. Favicons are also included in bookmark listings next to the website name.
Add a favicon to your website by uploading your favicon file or select it from your File Library and finish by clicking Save. Your favicon will be visible in the browser tab when your website has been published.
Enable a cookie notification banner to greet your website visitors with a message about acknowledging, accepting or disallowing cookies.
Read all about configuring your cookie notification banner in this article.
This SSL feature allows you to enable or disable HTTPS:// redirection for your website domain. Please note that this only works if an SSL certificate has already been purchased for the website.
You enable SSL on your site by ticking the Enable SSL (https) box and clicking Save.
Why enable SSL?
An SSL certificate ensures that your site is validated as being trustworthy. Also, Google gives ranking value to sites with SSL certificates installed. The HTTPS:// redirection traditionally forwards the http://www.yourdomain.com tohttps://www.yourdomain.com.
Why disable SSL?
Disabling SSL can be useful if you want to use non-secure (HTTP) links on the website and avoid prompting browser security warnings.
Automatic language detection
Enabling automatic language detection allows the Editor to automatically display the website in the language that matches the language of the website visitor's browser. For this feature to work, you'll need to have added multiple languages to your website. For example, if you have added German as a language and a visitor with a German browser language accesses your website, they will automatically land on the German version of your website.
You enable automatic language detection on your website by ticking the box Enable automatic language detection and clicking Save.
If a visitor's language is not supported
The website will be shown in the default language if a visitor's browser language isn't supported. For example, let's say your website's default language is English and you have also added German. If a visitor with Chinese browser language accesses your website, they will be directed to the default language version, English.
Lazy loading images
Lazy loading ensures that images present on your website don't load until they are visible on the visitor's screen which helps save bandwidth and can improve page loading time as well as the overall user experience. Eager loading is the loading technique by default; with eager loading, all related elements on the page are loaded whether they are visible on the screen or not, which might increase the overall loading time.
You enable lazy loading of images by ticking the box Enable lazy loading images and clicking Save.
Lazy loading images will impact the way images load on the following modules and pages: Gallery, Image, Image List, Price List, Blog Catalog, Blog Post page, Product Catalog, Product page, Product Checkout pages.
When will lazy loading be activated?
Please note that lazy loading settings only apply after you publish your website. It's not possible to preview lazy loading on the Editor itself or in Preview mode.
Age verification triggers a pop-up that requests visitors to verify their age before they can enter your website.
You activate age verification by ticking the box Enable age verification and clicking Save.
You need to fill in the following information:
Title: give your age verification message a title.
Text content: explain to visitors why they need to provide the verification.
Confirmation button label: this text will go on the button which, if clicked, will direct the visitor to your website.
Decline button label: this text will go on the button which, if clicked, will direct the visitor away from your website and on to an external URL.
Decline button forward URL: input the URL visitors will be redirected to if they click the Decline button. The decline button is by default set to redirect the visitor to Google. Please note that you need to add http:// in front of the URL.
For multi-language websites
If your website comes in multiple languages, it's important that you remember to fill out the information for all the languages that your website supports. Click on the language button and fill out age verification information for that specific language.
When a Global Data change is detected within a third-party integration, this setting allows you to stop the site from auto-publishing.
By default, when a third-party data source is updated, the website auto-publishes to match the changes. However, if you wish to prevent your website from auto-publishing, tick the Enable auto-publish box and click Save.
Social media opt-in
Enable the social media opt-in function to inform your visitors that their data might be shared with social media providers when they interact with a social share module. This gives your visitors the option to give their explicit consent for social media share modules before they interact with the module and share data.
Enable to the feature by ticking the box Enable social media opt-in and clicking Save.
Applies to all social share modules
When enabling social media opt-in, the function is added to all social share modules without exception. In other words, either all social media modules contain the opt-in or none of them do.
The social media opt-in function requires three types of information:
Text on hover: this is the information text visitors see on the overlay. Use it to inform visitors about what the opt-in means and why it's there.
Text on hover
If you don't write any text in the text on hover field, a default text will appear when users hover the toggle on the website.
Styling the social media opt-in
In Global Design you can adjust the colors on your social media opt-in. You can set a color for normal as well as hover state. If desired, a border can be added around the social media opt-in as well.
What modules does it apply to?
The social media opt-in function applies to all social media modules except for the Social Media Links module.
Progressive Web App (PWA)
Progressive Web Apps (PWA) is a technology that bridges traditional websites and mobile applications. Adding the website to a mobile device's home screen enables visitors to engage with the website offline and without the browser user interface (the address bar) visible for a full-screen, near-native mobile application experience. Read the full article on setting up PWA here.
Make your website more accessible for a diverse range of visitors such as those using screen readers, magnifiers, etc. by enabling a number of Accessibility-related settings. Read the full article on making your website Accessibility-friendly here.