Go to website
Edit blocks, pages, color palette, media files and texts.
Changing the design of a block
As soon as you add a block, you can start editing it to adjust the layout and match to the overall design of the site. Most of our blocks are easily customizable, so you can change the settings of each particular element in it — for example, columns, images, lists, etc. However, there are general settings of the block that allow you to set up its background, animation, and many more.
Adding a custom block
Weblium editor allows you to create your site with the help of pre-designed blocks that contain a set of elements. If none of our ready-made options in the gallery meets your needs, you can select an empty custom block to build it from scratch. Adding a custom block to your site For that, hover over the page in the editor and click the "plus" icon: Navigate to the Custom block tab in our gal
Adding blocks with tabs
Tabs are useful for organizing chunks of related information into a single block, thereby freeing space on a page. With this feature, you can structure the pictures in the gallery by the general topics, organize your company's products and services, and much more. Weblium editor allows you to add a pre-made block with tabs or enable tabs mode in some of the existing blocks. Here's a good example of block with tabs: !(https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/templ
Most blocks in our editor are fully customizable. Therefore, you can enrich the look of your blocks by adding additional elements to them — for example, icons, dividers, lists, etc. Adding elements To add an element, hover over the block and click on the "plus" sign where you'd like to place it: !(https://storage.crisp.chat/users/helpdes
Once you've added new elements to your blocks, you can further access their settings to duplicate, delete, or edit them. Each item has its own settings, but there are basic actions that can be applied universally. Also, if you're planning to add several elements to the block — for example, image, text and buttons — it will be more convenient for you to place them in separate columns. This way, you can adjust the position of each element or change the size of its placeholder. Follow the instru
Collection items settings
Some blocks can contain a set of entirely interdependent elements that are gathered in the collection. Learn more about the settings and the behavior of the collection items on our platform.
List items settings
Some blocks on our platform contain list items — a set of elements in a row that are fully interconnected. Learn more about managing list items in the editor.
Changing text color
Formatting your text makes your site more visually appealing, grab the visitors' attention, and help point out important information. Follow the instructions below to change the color of text on your site. Changing the color for a specific text element You can change the color for a specific part of your text to highlight some key points, headings, etc. For that, select the needed text and click on Text color in a pop-up menu: !(https://storage.crisp.chat/users/helpdesk/website/
Changing site's font
You can select a ready-made font set which already contains the settings for various text elements on the site, or customize these sets by changing the font for different headings, links, etc.
Adding and setting up a video
Unique video content improves SEO conversion of your site and increases the visitors' trust in your company. It's better to place one short but informative video than lots of heavy text. Follow the instructions below to set a video on your site. Adding a video as a separate element In most
Uploading your own font
If none of our ready-made font sets in the editor meet your needs, you can upload your own font to the site. Before you begin, bear in mind that: fonts are a third-party code, so it can significantly slow down your site's loading speed. We do not dissuade you from using them, just mind their quantity on the site. We can not predict the behavior of the custom font since it wasn't created by Weblium. That being said, questions regarding custom fonts troubleshooting fall out of the s
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. Follow the instructions below to change the design of a button. Step 1. Changing the design of a button in the global settings For that, click on the three dots in the toolbar in the editor and go to the Site Style tab: Navigate to the Buttons tab and select one o
Deleting a button
In most of the blocks a button is a separate element which you can delete without affecting the block as a whole. Deleting a button Hover over the button in the block and click on the three dots: Choose Delete in the drop-down list: If you have a couple of buttons in the row,
Adding links to elements (click action)
To provide your visitors with the best experience on the site, you should make the elements clickable — for example, buttons, navigation menu, social icons, phone numbers, etc. For that, you should link them accordingly. Adding links to the elements There are lots of different elements available in our gallery. As for now, you have a possibility to set a click action for the text, buttons, images and icons on your site.
File download feature allows your visitors to download a file straight from your site by clicking on a particular element. Files can be downloaded to the visitors’ devices or also can be opened in the new browser tab. File download Click on the needed element you'd like to add a link to and press on the "gear" to access its settings:
Global social links
You can set up global links to the social networks in the site settings. This way, when you add social icons to the blocks, the links are applied automatically. Besides, you can add custom links for the particular block on your site. Follow the instructions below to add global social links and customize the style of social icons. Global social links Open the Settings of your site and navigate to the Social links tab: !(https://storage.crisp.chat/users/helpdesk/website/fa84b4
Adding apps buttons
In order to give your site visitors the opportunity to download a mobile app, you can use a special button on our platform. Adding apps buttons Hover over the place in the block where you'd like to add the buttons and click on the "plus" sign: In the pop-up window choose the Apps Buttons element: !(http
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 three dots on the toolbar and navigate
Header is a top block on a site that is typically displayed on all site pages. It's used to present the branding of the company and help create smooth navigation on the website. Our team designed a fully customizable and user-friendly header with a wide range of settings. It allows you to add rows and elements of your choice as well as setting up the animation and proper background. In this article you can find the detailed instructions on how to: add a header to your site; change the he
Global blocks — header and footer
Global blocks are a great way to save time during editing and make your design look more full-fledged. It makes it easier to manage and update all post-click landing pages in a single click. In simple words, if you make your block global, the changes made on one page will automatically apply to other pages. Global header
Making the header sticky
You can fix your header on the top of the page so it stays there even when the page is scrolled. Click on the "gear" icon in the top right corner of the block to access the Header settings: !(https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50
Making the header transparent
You can make your header become the next block's part. This way, the next block will overlay the header's background to save space on the page. Making your header transparent Firstly, open the Header settings by clicking on the "gear" icon in the top righ
Menu bar settings
If you add a new page to the pages menu, it will be accessible only by a direct link. To make a page visible to the site visitors, you should add it to the navigation menu as well. The site menu is a part of a header or a footer block that serves for easier site navigation. With the help of the menu, your site visitors will be able to switch pages on a multi-page site or scroll to the blocks on a long single-page site. Follow the instructions below to set up a menu on your site. Adding
Adding an anchor menu
The anchor menu helps to create quick access to different blocks of your page. Once a visitor clicks on the menu item to which an anchor link has been added, the page is automatically scrolled to the desired block. It will come in handy if you want to create smooth navigation on your landing with lots of content. Follow the instructions below to set an anchor menu on your site. Adding an anchor menu Hover over the menu element in your header or footer and click on the "gear" to access i
Adding a logo
Logotype is a text or graphic representation of a company name, trademark, abbreviation, etc. Adding a logo to the header or footer helps you to create an authentic design for your website and become more recognizable among others. In this article, you can find detailed instructions on how to add a text or an image as a logo for your site. Adding a text as a logo To add a logo to your header or footer, hover over the empty box and click on the "plus", then choose the element Logo in t
Adding a language menu
Language menu is a specific component that allows your visitors to switch between languages on your multilingual site. By clicking on this element, it redirects users to the chosen language version of your site.
Footer is a block that is placed in the bottom of your site. It is a great way to organize a lot of site navigation and add additional information about your company. Our team designed a fully customizable and user-friendly footer with a wide range of settings. It allows you to add rows and elements of your choice as well as setting up the animation and proper background. In this article you can find the detailed instructions on how to: add a footer to your site; change the footer layout
Weblium allows you to add icons from the integrated services — Icons8 and 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
Adding a table
A table is a data structure that organizes information into rows and columns. It is commonly used for representing scheduling or contact information on the site. Adding a table To set up a table on your site, open the editor and add wireframe-series-7-contacts or wireframe-series-1-schedule block from the gallery: Adding rows to the table Hover over to the row in the table
Adding a countdown
Countdown block serves for displaying backward counting to indicate the time remaining before an event that is scheduled to occur. Use countdown to show your visitors the discount period or special offer, estimate the time left before the launch of a new product, etc. Follow the instructions below to see how you can set up the countdown on your site.
Adding a divider
Divider allows you to separate elements and blocks with a visual line. It can also be used just for design purposes. Here' s a good example of using the divider elements: Adding a divider Choose a place between elements or blocks where you'd like to add a divider, click on the "plus" and choose the Divider element in the pop-up menu: !(https://storage.crisp.chat/users/helpdesk/we
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 Elements tab: !(https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/tem
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 completel
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. Before you begin: Request the code from the developers. Bear in mind that custom HTML scripts can reduce the score for your site performance. We still encourage you to us
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 a particular page Open the blocks gallery and choose the Embed block to place your script on a particular page: !(https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image
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, op
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. Paddings
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. Different languages on the subdomain
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 pot
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.
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.
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.
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.