Five updates just went live in SiteGround Website Builder. Two give you more control over how your whole site looks and moves: custom fonts and section animations. The other three each solve a specific job: counting down to your launch, getting visitors to follow you on social media, and putting a restaurant or cafe menu online.<\/p>\n\n\n\n
If your brand uses a specific typeface, your website can now use it too. Your site then matches your logo, packaging and printed materials, so customers recognize the same business wherever they find you. It’s most useful for businesses with brand guidelines, and for designers and agencies building sites for clients who have them.<\/p>\n\n\n\n
Upload your font files in WOFF2, the standard format for web fonts, then set them once for your headings and body text. They apply across every page of your site. If you only have TTF or OTF files, convert them to WOFF2 first and check that your font license covers use on a website, since some desktop licenses don’t.<\/p>\n\n\n\n
How to add it:<\/strong> In the Website Builder, go to Styles \u2192 Typography \u2192 Upload Font, upload your WOFF2 files, and choose which font to use for headings and which for body text.<\/p>\n\n\n\n A little motion draws the eye to what matters most on a page. Animate the sections you want people to notice, like a new offer, a testimonial or a call to action, and they stand out from everything around them. Keep it to a few sections, though: a page where everything moves is harder to read than one where nothing does.<\/p>\n\n\n\n Choose from animations including Fade, Scale, Slide up, Click, and Flex, then set the speed, from a slow ease-in to a quick entrance.<\/p>\n\n\n\n How to add it:<\/strong> Select any section on a page, open Styles, pick an animation and set its speed.<\/p>\n\n\n\n Without a date, a coming-soon page gives visitors little reason to return. A countdown tells them exactly when to come back, and with the redirect option you can send them straight to a booking page or a launch offer the moment the clock runs out. It works for a shop opening, a product release or an event.<\/p>\n\n\n\n Set a launch date and time, and a live countdown appears under the message on your coming-soon page. Pick a boxed or plain style to match your design, then decide what happens when it reaches zero:<\/p>\n\n\n\n How to add it:<\/strong> Open your coming-soon page settings, switch on Show Countdown Timer, then set the date, time, style and what happens at zero.<\/p>\n\n\n\n<\/span>Add animations to any section<\/strong><\/span><\/h2>\n\n\n\n
<\/span>Add a countdown to your coming-soon page<\/strong><\/span><\/h2>\n\n\n\n
\n