• 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. — so that they direct your visitors to relevant sections. For that, you should link them accordingly. There are lots of different elements available in our gallery. As for now, you have a possibility to set a click action for texts, buttons, images, and icons on your site.Popular

• Changing the design of a block

  As soon as you add a block, you can start editing it to adjust the layout and match it to the overall design of your site. Most of our blocks are easily customizable, so you can change the settings of each particular element in them — 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. In this article we will cover such topics as: Changing the blocks's layout; Changing the block'sPopular

• Managing elements

  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.Popular

• 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 type form, 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 and customizing a pop-up

  Pop-up is a window that appears to the visitors when they perform a certain action on a site (for example, click on a button, scroll a page, or just open a site). It basically covers the website and doesn't allow to do anything until the visitor closes the pop-up. Follow the instructions bPopular

• Adding elements

  Most blocks in our editor are fully customizable. Therefore, you can enrich the look of your blocks by adding new elements to them — for example, icons, dividers, lists, etc. 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/usersPopular

• Header settings

  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. 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 toSome 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. Follow the instructions below to change the design of a button. You can also watch our short video tutorial: Step 1. Changing the design of a button in the global settings For that, click on the Site Style icon in the toolbar in the editor: Navigate to the ButtonsSome readers

• Changing site's font

  Once you pick a template, it will come with a pre-defined site font which you can change to your liking. allows you to change a font family for the whole website or set a specific font for various typography (e.g. headings, titles, etc.). Changing the font set You can choose a completely different font set for your website, provided by Google Fonts. Once you do so, the font will be updated throughout the website and will remain consistent whichever block you adSome 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. You can add CSS classes to most of the elements on your website: buttons, images, icons, text, site menu,Some readers

• Hiding a block on a page

  In case you may need a particular block in future, but don't want to show it on a published site, you can hide it in the settings. This way, the block will remain in the editor, but won't be visible to your visitors. For that, hover over the needed block, click on the three dots at the top right corner and select Hide: Publish your site (https://support.devellp.com/en-us/article/publishing-a-sitSome readers

• Menu bar settings

  If you add a new page to the page 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 a 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. Also, you cSome readers

• 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.Some readers

• Uploading your own font

  offers a variety of fonts that you can add on your website with a single click. However, if you have a custom brand font, you can upload it and use it throughout your website. Before you begin, bear in mind that: fonts are a third-party code that may slow down your site's loading speed. We can not predict the behavior of the custom font since it wasn't created by . That being said, questions regarding custom fonts troubleshoSome readers

• Collection items settings

  In our editor, you can build your site with the help of the ready-made blocks and enrich their look by adding new elements. You can manage the settings of these elements separately.Some readers

• File download

  The 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 visitors’ devices or be opened in a new browser tab. Click on the needed element and press on the "gear" to access its settings:Some readers

• Adding a custom block

  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 your layout from scratch. Check our quick video guide on how to work with empty custom block: Adding a custom block to your site For that, hover over the page in the editor and click the "plus" icon: (https://storage.crisp.chat/uSome readers

• 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. Here are the possible cases when this will come in handy: You can place educational materials on specific pages and show them to your students only. You can sell some resources and give access to them only after the payment is made. You can determine different levels of access to the content on your website. Place this content on different pages, set different passwordsFew readers

• 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 a gallery by general topics, organize your company's products and services, and much more. 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/25aFew readers

• 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 linked to an anchor, the page is automatically scrolled to the desired block. Hover over the menu element in your header or footer and click on the "gear" to access its settings: (https://stFew readers

• Global blocks — header and footer

  Global header and footer allow you to create convenient site navigation, add your logo, social networks just once, but apply the settings across all site pages. All global blocks are marked with a yellow icon in the top right corner: There're two ways of making your header or footer global.Few readers

• Footer settings

  Footer is a block that is placed at the bottom of your site. It allows you 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 set 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 layFew readers

• Setting the pop-up frequency

  After adding and customizing a pop-up, you can decide how often it will be shown on the published site. The conditions of frequency are stored in the browser cookies. If the user deletes the browsing data (or uses another browser), we will consider him/her as a new visitor and will display a pop-up again.Few 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. Click on the "gear" icon in the top right corner of the block to access the Header settings: (https://storagFew readers

• 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. Firstly, add a block which contains a map from the Contact tab in our gallery: ...or as a standalone element from the Elements tab: Also, youFew readers

• Hiding a block on smaller screens

  If you want to prevent a particular block from showing on mobile devices and tablets, you can hide it in the settings. This is useful if you'd like to share certain info with desktop viewers only, or make the website shorter on small screens. For that, open the editor, navigate to the block you want to hide and open its settings by clicking on the "gear": In the Layout tab toggle on the option DFew readers

• Pop-up scenarios and limitations

  Increase your lead counts and convert visitors into paid clients with refined tactics for the pop-up display. To reach its maximum effectiveness, the window should be shown at the right time and in the right place, where the visitors are the most susceptible to your message.Few readers

• Creating a Thank You page

  Once your site visitors submit a contact form, they will see a pop-up with a Thank You message by default. However, you can create a dedicated Thank You page that will open automatically after the form is sent. This page will give you more space to confirm the action, deliver useful content or even upsell. A Thank You page can be used to: Show your gratitude. Since this is a separate page, you have complete control over it: insert a heart-warming text or even a GIF with a cute cat.Few readers

• 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: 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/website/25a5d2630f870800/iFew readers

• Changing text color

  By formatting your text, you can make your site more visually appealing, grab visitors' attention, and point out key information. Follow the instructions below to change the color of the 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/25aFew readers

• 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. Adding global social links Open the Settings of your site, then Integrations and navigate to the Social links tab. The last step is clicking theFew 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

• 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. (https://support.devellp.com/en-us/article/adding-sites-background-fw74jx/) Adding a video as an element In moFew readers

• 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 create an authentic design for your website and become more recognizable among others. In this article, you can find detailed instructions on adding text or an image as a logo for your site. You can also watch our short video tutorial about logo settings: Adding a text as a logo To add a logo to your header or footer, hover over the empty box andFew readers

• Setting the pop-up triggers

  Pop-up is a window that appears to the visitors when they perform some action on a site — mainly after the trigger action you've set (for example, click on a button, scroll a page, or just open a site). With pop-ups, you can promote your business, engage a new audience, and get more leads.Few readers

• Google Maps not displaying on the live site

  Google Maps is an external service that lets you display your business's location in an interactive way. You can add a Map element to any block on your website. However, if it appears to be not working properly on the live site, this article will help you troubleshoot most common issues. 1. Check that you added a Google Maps API key For the Map to work, you have to add a unique API key obtained from Google. This key basically authorizes your website to use the Map and lets your visitors inteFew readers

• Mobile view of the site

  One of '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. 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 upFew readers

• Adding a countdown

  A countdown block serves for displaying backward counting to indicate the time remaining before an event that is scheduled to occur. Use countdown to announce 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.Few readers

• Adding a language menu

  A language menu is a specific component in the header and footer that allows your visitors to switch between languages on your multilingual site. When a user clicks on the language menu, it redirects them to the chosen language version of your site. To set a language menu on yourFew readers

• Icons settings

  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. 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:Few readers

• Working with the text rotator

  A text rotator element lets you put an eye-catching short message in any place of your website. You can have a text rotator as a part of the cover block, or add it as an additional element to any existing block. To add a block which already comes with a text rotator, click on the “plus” icon in the editor: (https://storage.crisp.chat/users/helpdesk/website/25a5d2630f870800/imageFew readers

• Adding the API key to Google Maps

  After you have added Google Maps to your 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 maFew 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. And, if you have a multilingual site, you can set separate texts for each language version. Open Site settings, go to the Multilingual site section, and a little lower is the needed Translate parts of the text on the site section: (https://storFew readers

• Changing the burger menu color

  All sites on are automatically adapted to different screen sizes. The editor creates a mobile version automatically based on all the blocks and elements you've added to the site.Few readers

• Adding apps buttons

  Use a special apps button to give your site visitors the ability to download a mobile app. Adding apps buttons Hover over the place in a 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: (https://storage.crisp.chat/users/helpdeFew readers

• List items settings

  Some blocks on contain list items — a set of elements in a row that are fully interconnected. That said, if you delete a button in one item of a list, it will be deleted from others too. This simplifies the editing process because you don't need to individually adjust each element — the overall shape and design remain identical. List items line up horizontally and can be used for organizing content on your page. For example, if your site has a large amount of simiFew readers

• 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. 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 a table Hover over a row in the table and click on + Row in the bottom rightFew 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 — 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.Few readers

• Advanced text settings

  In order to increase site loading speed, we've disabled the publishing of the some rarely used characters in text by default — for example, in the alphabets such as Greek or Polish. If you need to enable the extended language font, follow the instructions below. Advanced text settings Click on the Site style icon on the toolbar in the editor: Navigate to the Text tab in the pop-up windFew 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 workFew 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: For that, open the site Settings and proceedFew 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 (or "Under Construction") page to give your site visitors an idea of what to expect next. This page will act as a teaser for the upcoming website and will allow you to capture leads even if the work isn't done yet. Some use cases for the Coming Soon page: It gives your clients a better undeFew readers

• Customizing text fonts for different devices

  While automatically adjusts the fonts you see on desktop to mobiles and tablets, you may want to set different values for smaller screens. This may come in handy if you'd like the mobile version to look slightly different or if the automatic font adjust doesn't work properly for you. Сlick on the Site style icon on the toolbar in the editor: (htFew 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 exampFew readers

• Changing the tab color on mobile Chrome

  Mobile traffic is growing rapidly. To stand out from other sites viewed on mobiles, you can change the tab color of your website in Chrome. This is how it looks on the mobile version: The color for the tab on mobile Chrome is taken from the palette of your site. To change it, click on the Site style icon onFew 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 site. 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 Style icon on the toolbar: (https://storage.crisp.chatFew readers

• Hiding a block on a desktop

  If you want to show a particular block only on mobile devices and tablets, you can hide it on desktops with the help of a custom code. Step 1. Getting a block's anchor name or ID To hide a regular block, you need to know its anchor, and to hide the header block - its ID. For that, hover over the block and click on the "gear" to open its settings: (https://storage.crisp.chat/users/helpdesk/website/Few readers

• 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. Open the editoFew 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. To add a new button, hover over the block and click on the "plus" sign where you'd like to place it: Choose the Button or Two buttons element from the pop-up menu: Click on the buttoFew readers

• 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. 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, hover over the buttons and click onFew 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. 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: If you want tFew readers

• Making the header transparent

  Site header can inherit the background of the block that follows. The way, the header and the next block will share the same background color/image and the header will look "transparent". Making the header transpFew readers