Blocks and their setup

• Adding a block to support Ukraine

  You can add a block that suggests your customers donate to support Ukraine against the Russian invasion. You can select one of the links to the official pages of organizations for the button in the block: Come back alive, National Bank of Ukraine, etc. Adding the StandWithUkraine block Open the editor, hover over the border between two blocksFew readers

• Changing the design of a block

  Learn how to change your block's layout, background, add animation, and change the block's anchor name.Some readers

• Adding a custom block

  Use a custom block to create your layout from scratch.Few readers

• Hiding a block on different devices

  Learn how to hide a specific block from the visitors while keeping it in the editor.Few readers

• Adding blocks with tabs

  You can structure the pictures in a gallery by general topics, organize your company's products and services, and more.Few readers

• Adding a table

  A table is a data structure that organizes information into rows and columns.Few readers

• Adding a countdown

  A countdown helps announce a special offer, estimate the time left before the launch of a new product, etc.Few readers

AI tools (artificial intelligence)

• Generating texts using artificial intelligence (AI writing)

  Generate any texts for your site using artificial intelligence based on the ChatGPT technology.Few readers

• Image generation with AI Visual

  Learn how to use AI to generate images.Few readers

Header and footer blocks

• Global blocks

  Global header and footer allow you to make instant changes across the whole site at once.Few readers

• Header settings

  Header is a top block on a site that is typically displayed on all site pages. Some readers

• Making the header sticky

  You can fix the header on the top of the page so it stays there even when the page is scrolled.Few readers

• Making the header transparent

  Your header can inherit the background of the block that follows and look "transparent".Few readers

• Adding a logo

  In this article, you can find detailed instructions on adding text or an image as a logo for your site.Few readers

• Footer settings

  Footer is a block that is placed at the bottom of your site. Few readers

Elements inside a block

• Adding a spacer

  Learn how to add a spacer to visually separate different elements within a block.Few readers

• Adding elements

  You can enrich the look of your blocks by adding new elements to them — icons, dividers, lists, and many more.Few readers

• Managing elements

  Learn how you can manage your elements or columns in a block. Some readers

• Adding links to elements (click action)

  This article will show you how to make navigation elements clickable.Popular

• Displaying collection items in 2 columns

  Arranging elements in two columns will improve the user experience, as your site visitors will see more content at once.Few readers

• Adding and setting up a video

  Learn how to add and set up a video on your site.Some readers

• Changing the design of a button

  To stick to the overall design of your site, we recommend to change the type and the layout of the buttons in the settings.Some readers

• Keeping elements fixed on the screen while scrolling

  Learn how to pin a button to the screen when scrolling through your site so users always have quick access to key actions.Few readers

• Copying elements

  Learn how to copy and paste elements in different parts of your site.Few readers

• Collection items settings

  A collection allows you to synchronize several identical elements so that they look uniform.Some readers

• Icons settings

  Weblium allows you to add icons from the integrated service — Noun Project. You can also upload your own, custom icons in the editor. Follow the instructions below to see how you can add icons and change their background, color, and size. Adding icons Hover over the place in the block where you'd like to add an icon, click on the "plus" and choose Icon in the pop-up menu: (https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-Few readers

• List items settings

  List items line up horizontally and can be used for organizing content on your page.Few readers

• Adding a divider

  Divider allows you to separate elements and blocks with a visual line. Few readers

• Adding a shape divider

  If you've ever thought your block lacks something eye-catching or just wanted to divide blocks in a cool way, you can try shape dividers. They are stylish dividers of the blocks that you can apply to any of your site. Shape dividers allow you to make the border between two blocks visually more attractive than a regular straight line. So if you've ever thought your block lacks something eye-catching or just wanted to divide blocks in a cool way, you can try shape dividers. Here is an eFew readers

• Adding a button

  Buttons can be used for site navigation and as call-to-action. You can add a button to almost any block in the editor. Few readers

• Deleting a button

  Learn how to delete a button from a block.Few readers

• Adding apps buttons

  Use a special apps button to give your site visitors the ability to download a mobile app.Few readers

• Working with the text rotator

  Add and customize an eye-catching text rotator element.Few readers

• Adding an accordion

  In this article, you will learn how to add the "Accordion" element to your website.Few readers

Show more articles

Flex block

• Adding a Flex block with freely arrangeable elements

  Flex block allows you to place elements by drag-n-dropping without restrictions such as columns or a block grid.Few readers

• Importing a block from Figma

  Importing a block allows you to quickly transfer a block with elements from a design in Figma directly to your site's editor.Few readers

• Managing images in Flex block

  Learn about image editing features in Flex block!Few readers

• Absolute positioning of elements in ordinary blocks

  Drag-and-drop elements freely within a block using absolute positioning.Few readers

• Useful tips for Flex block

  Get to know about helpful tips for working with a Flex block.Few readers

• Adding a Shape element

  Get to know how to use the Shape element in your designs.Few readers

• Hotkeys in Flex block

  When working with Flex block, you can manage elements faster and more efficiently with hotkeys.Few readers

• Setting up the grid for Flex Block

  Learn about grid customization in Flex block for easy element alignment!Few readers

• Rotation of the elements

  There are many tools that can be used to add dynamics and expressiveness to your designs. Don't forget to add Element's Rotation to your list and be sure to check it out.Few readers

• Group elements in Flex block

  In this tutorial, you will learn how to group elements, manage them, and ungroup them when necessary.Few readers

• Disabling snap to objects function

  You can disable the automatic snap-to-object function in Flex block.Few readers

Show more articles

Styles

• Rounding of corners

  Learn how to add rounding to the corners of various elements on your website.Few readers

• Adding outline to elements

  You can create an outline for your shape element according to your preferences.Few readers

• Adding a shadow to elements

  Learn how to add shadows to the elements.Few readers

Site fonts

• Changing site's font

  Weblium allows you to change a font family for the whole website or set a specific font for various typography.Some readers

• Uploading your own font

  if you have a custom brand font, you can upload it and use it throughout your website.Few readers

• Changing the design of the linked text

  You can change the color, font, size and formatting of the link added to the text on your Weblium site.  Changing the design of the linked text You can adjust the linked text with the help of a pop-up menu. For that, select the needed text and choose the option: However, linked text is underlined by default. To change this formatting, click on the Site styles icon on the toolbar: !Few readers

• Advanced text settings

  Learn how to enable the special characters in the font.Few readers

Multilingual site feature

• Creating a multilingual site

  In case you serve the international audience, creating a multilingual site can help you improve your brand image and prove a customer-centric mindset of your business. More languages available on your website will attract more potential clients as well. There are two ways of creating a multilingual site on Weblium — creating language versions on the subdomains or within the same site. Follow the instructions below to choose the option that suits you best.Popular

• Menu bar settings

  The site menu is a part of a header or a footer block that serves for easier site navigation.Some readers

• Adding a language menu

  A language menu is a specific component that allows your visitors to switch between languages on your multilingual site. Some readers

• Adding an anchor menu

  The anchor menu helps to create quick access to different blocks of your page. Few readers

• Translation of the text parts in site settings

  Partly translating the site's text in the unified site settings allows you to change the text of some site elements in one place. For now, it is possible to edit the thank you pop-up displayed when sending a submission via a contact form.Few readers

Pages and their setup

• Creating a password-protected page

  If you'd like to show the content of some pages to the specific visitors only, you can protect those pages with a password. Some readers

• Creating a Coming Soon page

  You don't have to wait until you finish your website completely to go online. While you are filling your future website with images and content or making a significant redesign, launch a Coming Soon page to give your site visitors an idea of what to expect next.Few readers

• Customizing 404 Page Not Found

  404 Page Not Found is displayed to the users if they entered the incorrect page address or went to an already non-existent one. With the help of a well-designed 404 page, you can offer your visitors the option of further interaction with your site and provide the best user experience. On 404 Page Not Found, you can specify helpful information to your visitors, and put down the essential links so that users can return to the main page of the site and find what they are looking for. Thus, the potFew readers

• Setting a new homepage

  Homepage is the first page that your visitors see when they land on your domain. You can set any page on your site as a homepage. Setting a homepage For that, you should access the pages menu on the top panel of site editor: By default, each template (even a blank one) has a homepage set on the site: (https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejFew readers

• Creating a Thank You page

  A Thank You Page is an important element of any website that is used to confirm user actions after filling out a contact form or placing an order in an online store. It adds professionalism to your site, helps build trust among visitors, and can be a tool for increasing sales or attracting repeat customers. A Thank you page can be used to: Express gratitude. Since it's a separate page on your website, you have full control over it: add warm words or even a GIF (https://help.weblium.com/Few readers

Pop-ups

• Adding and customizing a pop-up

  Pop-ups are usually used for marketing purposes — notifying about the discounts, suggesting to subscribe to a newsletter or webinar, etc. You can add a pop-up in our editor to increase your lead counts. Some readers

• Setting the pop-up triggers

  After adding a pop-up on your site, go ahead and set up a trigger action for it to open on your live site. On Weblium, you can configure the settings for its display — how it will appear on the site, on which pages it will be displayed, and so on. Some readers

• Setting the pop-up frequency

  After adding and customizing a pop-up, you can change how often it will be shown on the published site.Few readers

• Pop-up scenarios and limitations

  Depending on your purpose, pop-ups can be shown on different stages of visitors' interaction with your website. You may combine various pop-up triggers, but bear in mind that sometimes they may override each other. This guide will help you learn more about common pop-up scenarios and limitations.Few readers

Custom code

• Adding your own code to the site

  You can add your own code to the site to integrate a third-party service — for example, a typeform, booking system, calendar, etc. With the help of our tools you can integrate your code either to the whole website or to a specific page.Popular

• Adding your own CSS to the site

  At Weblium you can add your own styling to the elements with the help of a custom CSS script. With the help of our tools you can place your code either to a particular page or to the whole site. Adding your own CSS to aFew readers

• Adding CSS classes to elements on your site

  You can add up to 5 class attribute values ​​to almost every element on your site. You can use CSS classes to change elements you need by adding CSS code. Adding CSS classes YouFew readers

• Adding a "scroll to top" button

  A "scroll to top" button is a must-have element on the sites that have more than 3 blocks. It provides visitors who land on the site with a pleasant navigation experience and makes it easier for them to surf through your website. Here's how the button can look like: Adding a "scroll to top" button For that, opFew readers

• Automatic page redirect to an external resource

  In some cases you may need to automatically redirect your site visitors from a particular site page to an external resource. This comes in handy when you are using functionality not yet available on Weblium — for example, login and personal profiles, also if you'd like to direct visitors to a particular resource without the need to click a link. Follow the instructions below to enable the automatic page redirect to an external source.Few readers

• Changing side paddings of the block

  You can change block paddings, which represent the space between the block boundary and its content in the block direction.Few readers

Mobile and tablet site versions

• Editing of the site's mobile version

  You can edit some of your site components' displaying separately for computers and smartphones.Few readers

• Mobile view of the site

  One of Weblium's assets is an adaptive mobile version of all blocks and elements, created specifically for smaller screens. It allows you to compress the content and layout you see on the desktop into an easy-to-scroll, readable mobile version. This article will help you understand the logic of this adaptation.  Paddings and fonts on mobile The paddings and fonts on mobile adjust automatically, and the bigger the padding is on the desktop, the bigger it will be on smaller screens. PaddingsFew readers

• Changing the tab color on mobile Chrome

  Change the tab color for your site when viewed on mobile Chrome. Few readers

• Changing the burger menu color

  Learn how to change the color of the burger menu icon and background.Few readers

• Auto adjust for mobile devices based on the desktop site version

  You can return the auto-adjusting For some mobile site settings based on the desktop site version.Few readers

• Customizing text fonts for the mobile version

  You can adjust the font size, line height, and spacing for mobiles and tablets. Few readers

Google Maps

• Adding Google Maps

  Adding Google Maps to your site will benefit both you and your customers, providing your visitors with a detailed visual guide on how to find your company. Adding Google Maps Firstly, add a block which contains a map from the Contact tab in our gallery: ...or as a standalone element from the *Few readers

• Adding the API key to Google Maps

  After you have added Google Maps to your Weblium site, make sure to retrieve and add Google API key. This key is essential for displaying the map on your live site. Google Maps Platform offers a free $300 yearly credit for Maps. With the $300 yearly credit, the vast majority of customers find their use cases are completelPopular

• Google Maps not displaying on the live site

  See the basic troubleshooting steps for Google Maps errors.Few readers

Other

• Adding animations

  In this guide, you will learn how to easily activate and configure animations for both individual elements (text, images, etc.) and entire blocks.Few readers

• File download

  Learn how to add a file so that your visitors can download it from your site by clicking on a specific element.Some readers

• Changing text color

  Learn how to change the color of the text on your site.Few readers

• Global social links and the “Social icons” element

  You can set up global links to the social networks in the site settings.Few readers

• Unpublishing your site

  Once you publish your site, it instantly becomes available via a direct link. We don't offer the possibility to completely unpublish the site, but there are a few workarounds you can use in case you'd like to restrict access to the website. Options to hide your site from visitors: closing site from search engines; creating a Coming Soon page; disconnecting a domain from the site; duplicating the site and removing the original one. The guide below reviews different workarounds on hoFew readers