15,000+ Templates Website Templates Website Designs WordPress Themes Joomla Templates HTML Templates Website Templates Website Designs WordPress Themes Joomla Templates Website Builders HTML Website Builder WordPress Website Builder Joomla Page Builder HTML Website Builder WordPress Website Builder Joomla Page Builder Help Video Tutorials Documentation Contact Support Video Tutorials Contact Support EN EN DE NL FR IT ES PL PT TR RU HU CS SV Explore the powerful features you can use to build and customize stunning, instantly mobile-friendly websites and themes with no coding. Build websites faster with smart AI tools. Use the AI-powered page builder and block builder to create layouts in minutes, get helpful text suggestions for your content, and protect your forms with an intelligent spam filter. Nicepage AI Page Builder is a tool that helps you quickly create a web page by entering a topic. It generates page ideas, layouts, blocks, and text that you can then edit with Nicepage’s drag-and-drop, no-code editor. It is designed to speed up the first draft of a responsive website page. AI-Powered Block Builder helps users quickly create website sections. You enter a site topic, optionally add images, then choose from generated block design ideas. Filters let you refine results by image count, text volume, or function type. You can fully customize the selected block idea in the Nicepage's visual editor. The AI-Powered Text Builder helps you generate text ideas for your design. These text ideas become a quick and easy start. Also, it is a good alternative to dummy texts or lorem ipsums. You can quickly personanize website content with AI. Nicepage can modify an existing page or block design or wireframe by updating its text and images based on the site topic. Users can then customize the generated content manually in the powerful Nicepage editor. Supported Systems Download and install the Nicepage Application for Windows or Mac OS, WordPress Plugin, and Joomla Extension, or work with Nicepage Online to build mobile-friendly websites and themes. Download the Nicepage Application for Windows to get all the powerful features in one package. Design websites and themes, build blog and eCommerce templates. Download and install the Nicepage Application for Mac OS to start building and editing websites and themes on your computer. Use user-friendly intuitive editor, modify properties and options, blog, and eCommerce templates easily. Use Nicepage directly in your WordPress. Build design, add Images, edit Content - all from your favorite CMS. Add the power of modern responsive layouts to your web pages and templates. Work directly on your WordPress. Add the beautiful design to your Joomla articles. You can use the Nicepage Joomla Editor Extension the same way you work on your desktop. Our Joomla Extension helps create modern responsive web pages with rich texts, images, and layouts directly on your Joomla website. Get started and work with Nicepage Online from anywhere easily. You get the Web Application with hosting to begin designing your unique mobile-friendly websites with no coding and as you want. Web Page Elements The Web Elements are the essential components of any website used to create the structure of a page and present content and information in various ways. For example, you can use Text, Images, Buttons, Hyperlinks, Grid, Gallery, and tens of other elements in your web design without coding. Calendar Element With the Calendar Element, you can book Appointments or Schedule Events on specific dates and times. It is particularly useful for service-oriented sites such as barbershops, dance classes, and yoga studios. You can manage Appointments on the Site Dashboard. With the Calendar Element, you can book Appointments or Schedule Events on specific dates and times. It is particularly useful for service-oriented sites such as barbershops, dance classes, and yoga studios. You can manage Appointments on the Site Dashboard. Grid Element The Grid is a container element that you can use to place web page elements in cells. We recommend using the Grid Element, as it is good for responsive designs, as cells move one under another automatically on smaller screens. The Grid is a container element that you can use to place web page elements in cells. We recommend using the Grid Element, as it is good for responsive designs, as cells move one under another automatically on smaller screens. Image Gallery Element Add a collection of your favorite images to your web designs using the Gallery Element. Add text titles, apply hover effects, and styling. Add a collection of your favorite images to your web designs using the Gallery Element. Add text titles, apply hover effects, and styling. Language Element Build Multi-Language Websites with Nicepage by adding the Language Element. It allows website creators to translate Texts, Menus, Buttons, etc., into other languages and to switch languages on live websites. Build Multi-Language Websites with Nicepage by adding the Language Element. It allows website creators to translate Texts, Menus, Buttons, etc., into other languages and to switch languages on live websites. Your browser does not support HTML5 video. Grid Repeater Element Design one column and the Grid Repeater will automatically repeat your design to other columns, including a set of elements, styling, and positioning. Specify text, images in each column to finalize your design. It will save time, allowing you to focus on creativity. Your browser does not support HTML5 video. Design one column and the Grid Repeater will automatically repeat your design to other columns, including a set of elements, styling, and positioning. Specify text, images in each column to finalize your design. It will save time, allowing you to focus on creativity. Box Element Unlike grouping, you can use the Box Element to add the Background and Border under the grouped elements. You can also move, resize, and add background, border, and effects around the Box element in the Context and Property panels. Unlike grouping, you can use the Box Element to add the Background and Border under the grouped elements. You can also move, resize, and add background, border, and effects around the Box element in the Context and Property panels. Your browser does not support HTML5 video. Slider Element Add Slider as an essential interaction element to any place on your web page. You can set a different width for your slides, unlike the Full-Width Slider. And you can use various sets of Elements on slides adding variety to your web blocks. Your browser does not support HTML5 video. Add Slider as an essential interaction element to any place on your web page. You can set a different width for your slides, unlike the Full-Width Slider. And you can use various sets of Elements on slides adding variety to your web blocks. Contact Form Element You can easily build the login, contact, subscription, and other types of forms with the Form Builder Element to communicate with your website visitors. All forms are fully responsive and ready to use. You can easily build the login, contact, subscription, and other types of forms with the Form Builder Element to communicate with your website visitors. All forms are fully responsive and ready to use. Your browser does not support HTML5 video. Video Element Insert Videos the same way you add images and icons. You can expand a video to make a video background. You can use links to YouTube, Vimeo, and your hosting and upload videos. Your browser does not support HTML5 video. Insert Videos the same way you add images and icons. You can expand a video to make a video background. You can use links to YouTube, Vimeo, and your hosting and upload videos. Your browser does not support HTML5 video. Carousel Element The Carousels are very popular and work best in many aspects of web design. You can refer to the Carousel Element to any circularly rotated content like Images, Columns, etc., that you can use as a Slider, slideshow, or gallery. Your browser does not support HTML5 video. The Carousels are very popular and work best in many aspects of web design. You can refer to the Carousel Element to any circularly rotated content like Images, Columns, etc., that you can use as a Slider, slideshow, or gallery. Social Icons Element Add Icons with links to your social networks on your web pages to connect with your audience. You can use the preset icons and also select your own if needed. Add Icons with links to your social networks on your web pages to connect with your audience. You can use the preset icons and also select your own if needed. Audio Element Use the Audio Element to insert audio files into your website pages and blocks. The supported formats in the Audio Element are MP3, WAV, FLAC, M4A, WMA, AAC, AIF, and AIFF. Use the Audio Element to insert audio files into your website pages and blocks. The supported formats in the Audio Element are MP3, WAV, FLAC, M4A, WMA, AAC, AIF, and AIFF. Your browser does not support HTML5 video. Accordion Element Add the Accordion to present tabbed data in the form of expanding and collapsing panels. You can see only one panel of the Accordion open and can expand only one panel at a time. Your browser does not support HTML5 video. Add the Accordion to present tabbed data in the form of expanding and collapsing panels. You can see only one panel of the Accordion open and can expand only one panel at a time. Your browser does not support HTML5 video. Tabs Element Add the Accordion to present tabbed data in the form of expanding and collapsing panels. You can see only one panel of the Accordion open and can expand only one panel at a time. Your browser does not support HTML5 video. Add the Accordion to present tabbed data in the form of expanding and collapsing panels. You can see only one panel of the Accordion open and can expand only one panel at a time. Table Element Organize your text data in Tables. Unlike the Grid Element, the Table can contain only texts and icons in the text. You can use the Table element to create pricing tables, time tables, schedules, and more. Organize your text data in Tables. Unlike the Grid Element, the Table can contain only texts and icons in the text. You can use the Table element to create pricing tables, time tables, schedules, and more. Modal Popup Element Promote your offers with the Modal Popup dialog. You can add the link to the popup dialog for the Hyperlink and Button dialog and trigger it on an event. Promote your offers with the Modal Popup dialog. You can add the link to the popup dialog for the Hyperlink and Button dialog and trigger it on an event. Google Maps Element Allow your visitors to find faster and easier offline. You can specify the exact location of your business or yourself with Google Maps. Allow your visitors to find faster and easier offline. You can specify the exact location of your business or yourself with Google Maps. Your browser does not support HTML5 video. Countdown Element The Countdown is an excellent Element to show the dynamics of changes on your website for your visitors, who will see a countdown to a special date, time, or number, which will give more information about the future sale, anniversary, etc. The Countdown Element allows you to calculate the time automatically and stylize it for your web design requirements. Your browser does not support HTML5 video. The Countdown is an excellent Element to show the dynamics of changes on your website for your visitors, who will see a countdown to a special date, time, or number, which will give more information about the future sale, anniversary, etc. The Countdown Element allows you to calculate the time automatically and stylize it for your web design requirements. Your browser does not support HTML5 video. FAQ Element Organize your questions and answers with the FAQ Element into the one Frequently Asked Questions structure. Your users can click on the question's row to expand and collapse it to see the answer. Your browser does not support HTML5 video. Organize your questions and answers with the FAQ Element into the one Frequently Asked Questions structure. Your users can click on the question's row to expand and collapse it to see the answer. Your browser does not support HTML5 video. Counter Element Present your personal and website achievements in numbers and figures. You can improve the building of trustful relationships with your visitors. Your browser does not support HTML5 video. Present your personal and website achievements in numbers and figures. You can improve the building of trustful relationships with your visitors. Your browser does not support HTML5 video. Back To Top Element Allow your site visitors and users to scroll back to the top of the page smoothly. It's a minor detail that enhances the navigation experience on a website or long landing page. Your browser does not support HTML5 video. Allow your site visitors and users to scroll back to the top of the page smoothly. It's a minor detail that enhances the navigation experience on a website or long landing page. Visual Page Editor Use the Visual Page Editor to edit content like text, images, grids, and other elements using the powerful drag-and-drop positioning. It is very time-saving as it requires no coding to design any websites, themes, eCommerce templates, and blog posts. Visual Gradient Editor You can edit the Gradient property visually on the bar, allowing you to add and move stops as bar points for the Gradient. Add the Gradient Stop by clicking on the Gradient Bar. You can drag to the point on the Gradient Bar to move the Gradient Point. You can edit the Gradient property visually on the bar, allowing you to add and move stops as bar points for the Gradient. Add the Gradient Stop by clicking on the Gradient Bar. You can drag to the point on the Gradient Bar to move the Gradient Point. Multi-Layer Background You can use the Multi-Layer Background on Blocks, Boxes, Grid Cells, and Grid Repeater Items. This option allows you to add creative effects, including masking and shading. You can change the Opacity of the Color Fill layer. You can use the Multi-Layer Background on Blocks, Boxes, Grid Cells, and Grid Repeater Items. This option allows you to add creative effects, including masking and shading. You can change the Opacity of the Color Fill layer. Your browser does not support HTML5 video. Freehand Drag-And-Drop Design your web pages and templates by drag and drop. Enjoy your works while building beautiful websites in a playful manner with no coding. Design and customize your design with our revolutionary freehand Editor. It is intuitive, visual, easy-to-use, freehand, drag-and-drop. Using Nicepage is similar to working in Microsoft PowerPoint, Apple Keynote, and professional design systems like Adobe Photoshop and Adobe XD. Your browser does not support HTML5 video. Design your web pages and templates by drag and drop. Enjoy your works while building beautiful websites in a playful manner with no coding. Design and customize your design with our revolutionary freehand Editor. It is intuitive, visual, easy-to-use, freehand, drag-and-drop. Using Nicepage is similar to working in Microsoft PowerPoint, Apple Keynote, and professional design systems like Adobe Photoshop and Adobe XD. Your browser does not support HTML5 video. Smart Magnetic Guides Use the Smart Magnetic Guides to align and perfect the position of elements in the design. You can see the quick guides while moving an element that snaps to other elements and containers. They are very helpful for the alignment, editing, and transforming elements relative to other elements and containers when you design a website. Your browser does not support HTML5 video. Use the Smart Magnetic Guides to align and perfect the position of elements in the design. You can see the quick guides while moving an element that snaps to other elements and containers. They are very helpful for the alignment, editing, and transforming elements relative to other elements and containers when you design a website. Your browser does not support HTML5 video. Grid Columns The Grid Columns are a useful layout tool for graphic and website editors. They facilitate the positioning and alignment of web design elements on a web page. Grid Columns are visible throughout the page. You can enable them by clicking the CTRL+SHIFT+4 hotkeys or selecting in the right-click mouse menu or Page's and Block's сontext toolbar. Your browser does not support HTML5 video. The Grid Columns are a useful layout tool for graphic and website editors. They facilitate the positioning and alignment of web design elements on a web page. Grid Columns are visible throughout the page. You can enable them by clicking the CTRL+SHIFT+4 hotkeys or selecting in the right-click mouse menu or Page's and Block's сontext toolbar. Your browser does not support HTML5 video. Move Blocks Switch Block Positions easily in the Page Navigator. You can also use the Arrows in the Block Sidebar and Content Toolbar to move Blocks up and down in the Editor. Your browser does not support HTML5 video. Switch Block Positions easily in the Page Navigator. You can also use the Arrows in the Block Sidebar and Content Toolbar to move Blocks up and down in the Editor. Your browser does not support HTML5 video. Distances Between Elements You can measure the Distances between elements in a Block while dragging and aligning by the Smart Magnetic Guides. You see the Distances while measuring the spacing between, Texts, Images, Icons, Shapes, etc., and inside Groups and Grids, and other container elements. Your browser does not support HTML5 video. You can measure the Distances between elements in a Block while dragging and aligning by the Smart Magnetic Guides. You see the Distances while measuring the spacing between, Texts, Images, Icons, Shapes, etc., and inside Groups and Grids, and other container elements. Your browser does not support HTML5 video. Resize Elements Drag markers for images, texts, and other Elements to resize. You can hold the SHIFT key to resize proportionally and the ALT key for fixing the center. You can follow and snap to the red magnetic guides for precision. Your browser does not support HTML5 video. Drag markers for images, texts, and other Elements to resize. You can hold the SHIFT key to resize proportionally and the ALT key for fixing the center. You can follow and snap to the red magnetic guides for precision. Your browser does not support HTML5 video. Group Elements By Pressing CTRL+G Grouping is a very common operation that allows combining relative elements and minimizing the load of controlling each element separately while moving, aligning, etc. To group multiple Elements, select area elements or select each by clicking and holding the SHIFT key, and then press the CTRL+G combination. Your browser does not support HTML5 video. Grouping is a very common operation that allows combining relative elements and minimizing the load of controlling each element separately while moving, aligning, etc. To group multiple Elements, select area elements or select each by clicking and holding the SHIFT key, and then press the CTRL+G combination. Your browser does not support HTML5 video. Drag Elements To Move Group Drag any grouped element to move the entire Group. You can group elements in a web block and then manipulate them as a single unit by selecting and dragging a group with its inners elements. Your browser does not support HTML5 video. Drag any grouped element to move the entire Group. You can group elements in a web block and then manipulate them as a single unit by selecting and dragging a group with its inners elements. Your browser does not support HTML5 video. Paste Image From Clipboard You can copy and paste images from the clipboard. This feature is supported only in the Nicepage Desktop applications. You can copy images from any graphic editor and paste them into the Nicepage Editor. Your browser does not support HTML5 video. You can copy and paste images from the clipboard. This feature is supported only in the Nicepage Desktop applications. You can copy images from any graphic editor and paste them into the Nicepage Editor. Your browser does not support HTML5 video. Resize Block Resize Blocks by simply clicking and dragging the bar markers on the top or bottom of any Block. While resizing, you can see the distances before and after the Elements placed inside a Block. Your browser does not support HTML5 video. Resize Blocks by simply clicking and dragging the bar markers on the top or bottom of any Block. While resizing, you can see the distances before and after the Elements placed inside a Block. Your browser does not support HTML5 video. Reset proportions for images May images get their proportions changed during the creative process by zooming and fitting them while building a web page. Therefore, you can reset the proportions to the original by clicking the icon on the Context Toolbar. Click on the Image element, Box, or Grid Cell, and click the Reset Proportions icon. Your browser does not support HTML5 video. May images get their proportions changed during the creative process by zooming and fitting them while building a web page. Therefore, you can reset the proportions to the original by clicking the icon on the Context Toolbar. Click on the Image element, Box, or Grid Cell, and click the Reset Proportions icon. Custom Border For Each Side You can add Groups, Shapes, and Images and specify Borders for each side separately. It gives you the additional freedom to realize your creative ideas. Select your Shape, for example. Then go to the Property Panel. Find the Border section, and click the Options Icons. Select the sides for which to show the Border. You can add Groups, Shapes, and Images and specify Borders for each side separately. It gives you the additional freedom to realize your creative ideas. Select your Shape, for example. Then go to the Property Panel. Find the Border section, and click the Options Icons. Select the sides for which to show the Border. Width In Percentage The Grid, Grid Repeater, generally all full-width container elements, and the Text element are always 100% wide. You can see the real 100% in the value field of the Property Panel for the selected element. You can also set the Width value in percent. However, the Height can only be 100 percent. The Grid, Grid Repeater, generally all full-width container elements, and the Text element are always 100% wide. You can see the real 100% in the value field of the Property Panel for the selected element. You can also set the Width value in percent. However, the Height can only be 100 percent. Your browser does not support HTML5 video. Change Value With Mouse Move Many popular graphic and mockup editors can change values with the Mouse Scroll or Move. You can do the same as the parameters and properties illustrated with icons. Go to the Property Panel, hover the mouse over the icon near the property input field and move the mouse right to increase the value and the left to decrease it. Your browser does not support HTML5 video. Many popular graphic and mockup editors can change values with the Mouse Scroll or Move. You can do the same as the parameters and properties illustrated with icons. Go to the Property Panel, hover the mouse over the icon near the property input field and move the mouse right to increase the value and the left to decrease it. Your browser does not support HTML5 video. Block Boxed And Wide You can change the Content Width by selecting the value from the dropdown list for the Block Width. Select a Block, then go to the Property Panel. In the W (Width) property, click the small arrow to open the dropdown list with options. Click the options to change the Content Width from Boxed to Wide. Your browser does not support HTML5 video. You can change the Content Width by selecting the value from the dropdown list for the Block Width. Select a Block, then go to the Property Panel. In the W (Width) property, click the small arrow to open the dropdown list with options. Click the options to change the Content Width from Boxed to Wide. Your browser does not support HTML5 video. Lock Elements In Outline You can lock and unlock the Elements, Containers, or Blocks in the Outline by clicking on the Lock icon on the Element Layer. It makes your design work more convenient especially working with multiple details. Your browser does not support HTML5 video. You can lock and unlock the Elements, Containers, or Blocks in the Outline by clicking on the Lock icon on the Element Layer. It makes your design work more convenient especially working with multiple details. Your browser does not support HTML5 video. Double-click to edit elements in a Group Even though you can move and select grouped elements as a single unit, you can edit every one of them — double-click to access a grouped element and edit its properties in the context toolbar or the Property Panel. Your browser does not support HTML5 video. Even though you can move and select grouped elements as a single unit, you can edit every one of them — double-click to access a grouped element and edit its properties in the context toolbar or the Property Panel. Your browser does not support HTML5 video. Select Multiple Elements You can select multiple elements by clicking and dragging a cursor around the area. You can move, align, duplicate all multi-selected elements together, and convert them into a Group or Grid Repeater if needed. Your browser does not support HTML5 video. You can select multiple elements by clicking and dragging a cursor around the area. You can move, align, duplicate all multi-selected elements together, and convert them into a Group or Grid Repeater if needed. Your browser does not support HTML5 video. Group & Ungroup Elements The Group Operation creates a Group Element, which allows you to assemble several elements and use them as one piece in the Editor. As a Group, you can do several operations and add actions, including adding Background and moving Elements and applying various animation effects to a Group and its Elements. Your browser does not support HTML5 video. The Group Operation creates a Group Element, which allows you to assemble several elements and use them as one piece in the Editor. As a Group, you can do several operations and add actions, including adding Background and moving Elements and applying various animation effects to a Group and its Elements. Your browser does not support HTML5 video. Hide Elements In Outline While working in the Editor, you can hide Elements, Containers, or whole Blocks in the Outline. It is helpful to focus on some details while hiding the overlapping or hindering ones. Your browser does not support HTML5 video. While working in the Editor, you can hide Elements, Containers, or whole Blocks in the Outline. It is helpful to focus on some details while hiding the overlapping or hindering ones. Your browser does not support HTML5 video. Rename Blocks in Outline To organize and manage Blocks, you can rename them in the Outline. Select the Page Navigator to the left switch to the Outline Tab. Double-click or select the Rename option in the Options. Change the Block Name to make your process of designing a website more manageable and convenient. Your browser does not support HTML5 video. To organize and manage Blocks, you can rename them in the Outline. Select the Page Navigator to the left switch to the Outline Tab. Double-click or select the Rename option in the Options. Change the Block Name to make your process of designing a website more manageable and convenient. Page Options In Editor Page Options are very important for website building, as this list contains the essential operations for the page. You can enable the Grid Columns, use the copy and paste, import and export page operations, and access the Settings. You can access the Page Options from the Right-click Menu by clicking on the Options icon to the top right of the Editor. Page Options are very important for website building, as this list contains the essential operations for the page. You can enable the Grid Columns, use the copy and paste, import and export page operations, and access the Settings. You can access the Page Options from the Right-click Menu by clicking on the Options icon to the top right of the Editor. Design Elements Design your great-looking pages with essential web design elements, like Text, Image, Hyperlink, Icon, Shape, and Button. You can place all design elements freely in the Editor with the powerful drag-and-drop. Insert the Text Element to define a text. You can use the standard formatting to emphasize the part of the text in Bold, Italic, and others. You can apply the uppercase and choose various colors and sizes for pieces of the text. The Button is the primary call-to-action element of your web pages. You can stylize each Button State separately and align Buttons in one row. You can also use the Button Presets, copy and paste the Button Styles. Embed the images into your web pages with the Image Element. You can drag images from the desktop. The Image Elements supports all the primary formats for the pictures, including SVG and WEBP. Icons are small vector or raster images illustrating and explaining your text ideas. They improve the design of your web pages. You can choose from the library of 1’000’000+ icons or upload your own icon. The Hyperlink is a text working similar to the Button to call action or go to a specified destination. The Hyperlink, like the Button Element, has States. However, you can stylize it more similar to the Text Element, and add Icons. Shapes allow improving the graphics of your web pages by adding various modern vector figures. You can resize the Shapes without distortion, add the Fill, and use the Gradient and Shadow on basic shapes, like Rectangles and Circles. Contact Form Builder Build contact forms with the best free website creator. With no coding required, it is easy to create forms for collecting feedback, leads, or data for mailing lists, registrations, and sign-ups on your website. You can create custom contact forms in minutes with drag and drop, customize them visually, and instantly preview them in all responsive modes for mobile devices. Contact Form Presets Apply form presets, adding blocks with the most popular forms in a click. You can add a contact, subscription, and other form presets and customize blocks easily after the insertion. Apply form presets, adding blocks with the most popular forms in a click. You can add a contact, subscription, and other form presets and customize blocks easily after the insertion. Your browser does not support HTML5 video. Move Contact Form fields You can easily change the position of the form inputs and other elements by dragging and dropping them into the predefined positions in the Form Builder. You can also transform the form fields horizontally and vertically, as well as put them in a row while positioning in the Editor. Your browser does not support HTML5 video. You can easily change the position of the form inputs and other elements by dragging and dropping them into the predefined positions in the Form Builder. You can also transform the form fields horizontally and vertically, as well as put them in a row while positioning in the Editor. Contact Form Field Types Select from more than 10 form field types while building your Forms, including input, text area, radio button, selection, and all other popular used on the modern forms. Select from more than 10 form field types while building your Forms, including input, text area, radio button, selection, and all other popular used on the modern forms. Form Input Styling The Form Inputs can have various Styling, and now it is popular to have inputs only with the Bottom Border marking the Input Field. You can stylize the Font, Fill, Border, and more for the Contact Form Element added to a Web Page. Select a Form then in the Property Panel click on the Input Style link. Change the look of the Form Inputs previewing your changes in the Editor. The Form Inputs can have various Styling, and now it is popular to have inputs only with the Bottom Border marking the Input Field. You can stylize the Font, Fill, Border, and more for the Contact Form Element added to a Web Page. Select a Form then in the Property Panel click on the Input Style link. Change the look of the Form Inputs previewing your changes in the Editor. Your browser does not support HTML5 video. Contact Form Layout You can easily change the Layout of the Contact Form from placing form inputs and fields from vertical to horizontal and vice versa. Select the Contact Form, go to the Property Panel, and find the Layout section. Click the Layout icons to place inputs in a row or one under another on a web page. Your browser does not support HTML5 video. You can easily change the Layout of the Contact Form from placing form inputs and fields from vertical to horizontal and vice versa. Select the Contact Form, go to the Property Panel, and find the Layout section. Click the Layout icons to place inputs in a row or one under another on a web page. Your browser does not support HTML5 video. Move Fields In Contact Forms Together with the dragging and dropping fields in the Contact Form Builder, you can use the Context Toolbar arrows to move fields. Select A Form in the Editor, select a Field, then click on the Up or Down Arrows to move the Form Field accordingly. Your browser does not support HTML5 video. Together with the dragging and dropping fields in the Contact Form Builder, you can use the Context Toolbar arrows to move fields. Select A Form in the Editor, select a Field, then click on the Up or Down Arrows to move the Form Field accordingly. Contact Form Submit Options Nicepage uses the standard HTML Form element to collect the data from the fields. The Form is always linked to a special script that receives the input data and tells the server what to do with the data entered in the fields: send an email, add the data to the database, etc. To implement sending emails from the server, Nicepage provides the following SUBMIT options: Google Sheets, URL, Send Email with PHP Script, Contact Form 7 (WordPress), Joomla Form (Joomla), MailChimp, and Email only for the Online. Nicepage uses the standard HTML Form element to collect the data from the fields. The Form is always linked to a special script that receives the input data and tells the server what to do with the data entered in the fields: send an email, add the data to the database, etc. To implement sending emails from the server, Nicepage provides the following SUBMIT options: Google Sheets, URL, Send Email with PHP Script, Contact Form 7 (WordPress), Joomla Form (Joomla), MailChimp, and Email only for the Online. Your browser does not support HTML5 video. Multi-Step Contact Form You can build Multi-Step Contact Forms to create questionnaires, complicated Order Forms, etc., and communicate with users and potential buyers more informatively, interactively, and, therefore, productively. Your browser does not support HTML5 video. You can build Multi-Step Contact Forms to create questionnaires, complicated Order Forms, etc., and communicate with users and potential buyers more informatively, interactively, and, therefore, productively. Calculation Formulas Add Calculation Formulas to the Contact Form Element, which allows you to use formulas to get Costs, Spaces, Squares, etc., and send quotes from website pages to your customers. Add Calculation Formulas to the Contact Form Element, which allows you to use formulas to get Costs, Spaces, Squares, etc., and send quotes from website pages to your customers. Your browser does not support HTML5 video. Show Or Hide Field Condition You can make Contact Form Fields dependent, allowing you to hide or show Fields while selecting Items with Values in other ones. For example, you can show the Dropdown for the selected option in the Radios. Your browser does not support HTML5 video. You can make Contact Form Fields dependent, allowing you to hide or show Fields while selecting Items with Values in other ones. For example, you can show the Dropdown for the selected option in the Radios. Contact Form Leads In marketing, Leads refer to contacts with potential customers, that potentially lead to your sales. Now you can gather user data from Contact Forms and review your site Leads to improve your marketing results. In marketing, Leads refer to contacts with potential customers, that potentially lead to your sales. Now you can gather user data from Contact Forms and review your site Leads to improve your marketing results. Your browser does not support HTML5 video. Image Gallery Checks Illustrate the selection choices in your Contact Forms by adding the Image Gallery Checks. You can specify the selection type by choosing either Checkboxes for multiple options or Radio Buttons for a single one. Your browser does not support HTML5 video. Illustrate the selection choices in your Contact Forms by adding the Image Gallery Checks. You can specify the selection type by choosing either Checkboxes for multiple options or Radio Buttons for a single one. Contact Form Rating Building a Contact Form with the Rating Field allows you to identify the level of satisfaction from your customers or visitor, giving feedback on your overall marketing performance. Building a Contact Form with the Rating Field allows you to identify the level of satisfaction from your customers or visitor, giving feedback on your overall marketing performance. Form Label Styling Since you can enable Labels to be shown together with the Form Inputs, you can easily modify them in the Property Panel. Select your Form, go to the Property Panel, change the Layout the show the Labels. Click the Label Style link to go to the Label Style Panel. Modify the Labels. Since you can enable Labels to be shown together with the Form Inputs, you can easily modify them in the Property Panel. Select your Form, go to the Property Panel, change the Layout the show the Labels. Click the Label Style link to go to the Label Style Panel. Modify the Labels. Email Submit For Nicepage Hosting You can use the Email Submit for the Contact Form Element added in the Nicepage Applications for Windows or Mac OS. You can quickly get a working HTML website or fully-functional prototype to present to your visitors or potential customers using this feature. Select the Contact Form Element in the Editor, click on the Submit link, and choose the Email in the list. Please enter the Email under the list. This option works only for websites published to the Nicepage Hosting. You can use the Email Submit for the Contact Form Element added in the Nicepage Applications for Windows or Mac OS. You can quickly get a working HTML website or fully-functional prototype to present to your visitors or potential customers using this feature. Select the Contact Form Element in the Editor, click on the Submit link, and choose the Email in the list. Please enter the Email under the list. This option works only for websites published to the Nicepage Hosting. Your browser does not support HTML5 video. Form Spacing You can easily change the Spacing both to the Form Inputs and Fields and Between Fields. Select a From in a Web Block then go to the Property Panel. Scroll down to locate the Spacing Section. Drag the Sliders or use the input fields at them to change the Spacing Values. Your browser does not support HTML5 video. You can easily change the Spacing both to the Form Inputs and Fields and Between Fields. Select a From in a Web Block then go to the Property Panel. Scroll down to locate the Spacing Section. Drag the Sliders or use the input fields at them to change the Spacing Values. Google ReCAPTCHA Use Google's advanced risk analysis and adaptive challenges engine to keep your websites away from abusive activities, allowing regular users to fill your forms without limitations. Use Google's advanced risk analysis and adaptive challenges engine to keep your websites away from abusive activities, allowing regular users to fill your forms without limitations. Accept Terms Checkbox You can add the Accept Terms Checkbox, a special checkbox for the Accept Terms option on a Form. You can insert this checkbox together with wording, which you can modify. You can add the Accept Terms Checkbox, a special checkbox for the Accept Terms option on a Form. You can insert this checkbox together with wording, which you can modify. General Form Settings In the General Form Settings, you can specify the Name, After Submit page action, and the messages. Select a Form, then go to the Property Panel To the right. Clock in the Settings link. Edit the Name, After Submit, Success, and Failure Messages on the Settings Panel. In the General Form Settings, you can specify the Name, After Submit page action, and the messages. Select a Form, then go to the Property Panel To the right. Clock in the Settings link. Edit the Name, After Submit, Success, and Failure Messages on the Settings Panel. Form Button Styling The Button is usually one of the main elements in web design. That is why it is also very important on your website's Contact Forms. To modify the Button, its Position, and Alignment, select a Contact Form, then in the Property Panel, click the Button Style link. Modify the Fill, Border for all Button States, Alignment, and more on the Button Style Panel. The Button is usually one of the main elements in web design. That is why it is also very important on your website's Contact Forms. To modify the Button, its Position, and Alignment, select a Contact Form, then in the Property Panel, click the Button Style link. Modify the Fill, Border for all Button States, Alignment, and more on the Button Style Panel. Start your E-Commerce by editing Products, setting up Elements, and designing Page Templates for your online stores built with Nicepage to sell goods or services instantly. You can make a unique E-Commerce design of an HTML website, a WooCommerce theme, or a VirtueMart template to stand out from your competitors. You can create the E-Commerce website in Nicepage, export HTML, and upload it to your hosting. Manage Products and use the Product Elements and Page Templates to output them on your HTML websites easily. Manage Products for your E-Commerce websites on the Products Panel in the Quick Access Pane. You can add, edit, and delete Products and export them to HTML, WordPress, and Joomla. Add the Categories Element to the Product List on a page and Product List Page Template to help visitors of your online store find necessary Products faster by filtering a Product Catalogue. Use the Nicepage Products in WordPress and Joomla. You have the working Product List and Product Details pages and the payment for the set Products and can create E-Commerce websites with Nicepage without installing WooCommerce and VirtueMart. If you prefer WooCommerce and VirtueMart, you can continue using them. You can use the new Payment button, supporting Payments via PayPal. You can add to websites built with your Nicepage Desktop Applications, WordPress Plugin, Joomla Extension, and Online Builder.

You can accept payments via Stripe on your websites created with Nicepage. Connect your Nicepage website to Stripe and start selling and getting your orders processed immediately. Shopping Cart for Nicepage E-Commerce You can use the Shopping Cart for your E-Commerce website made with Nicepage. Add the Shopping Cart Icon to the Header to easily enable the Shopping Cart for any Nicepage E-Commerce website without installing WordPress WooCommerce and Joomla VirtueMart. You can use the Product List Page Template to add the Store Page to your E-Commerce website. It makes a Catalog of goods or services and is built from the Products of the Products Panel or outputs data from WooCommerce in WordPress or VirtueMart in Joomla. Use the Product Details Page Template to output detailed info about an individual Product selected from the Catalog on your website. It outputs the Product information entered in the Products Panel in Nicepage or outputs it from WooCommerce in WordPress or VirtueMart in Joomla. Product Variations in Nicepage is an element used to add product options such as size, color, or configuration. Each variation can have its own price, SKU, availability, and default value. The Shopping Cart Page Template is the concluding page of any online store. It should include product summary, quantity, price, totals, other essential data, and most importantly, proceed to the checkout button. Design checkout pages for WooCommerce and VirtueMart. Edit the Checkout Page Template on the Templates Panel of the Quick Access Pane. When exporting your theme for your E-Commerce website, you will export the Checkout Page Template with all the other E-Commerce page templates. Show the latest Products on any page of your website, including the home page. You can specify layouts and choose the number of posts to display. Present the featured Product on your website pages. You can modify the layout and stylize the product block to give it a unique look. Add the Shopping Cart icon to your website header, which will show the number of added products to the cart and allow you to open the checkout page with a click. Media Libraries Use our rich media libraries to add images and icons to your pages. You can also use our fully responsive web templates as the easy start of your web design creation process and expand any of your websites with our designer-made blocks. Design your new website in minutes. Start with the collection of designer-made templates for web pages. All templates are fully customizable and mobile-friendly. You can create any kind of website you like or want to build for your clients. You can create websites from ready-made blocks. Enjoy your web design process, as you can now play with Blocks like with the Lego bricks for websites. Get access to millions of free and paid photos, vector illustrations, and cut-outs. Quickly search and find necessary images by topic and reuse them later from the My Images collection. You can also upload your photos and vector SVG images if needed. Use millions of beautiful icons perfect for any website design. All icons are vector-based, fully sizable, and adjusted to any web layout. The Icons come in various styles, including Colored, Solid Fill, and Linear. You can also upload your icons and apply icon presets. Element Properties The Element Properties make it easy to customize and fine-tune the web and design elements to control all details and aspects of your web design to build a professional website. Font Property The Fort Property is essential for styling any text Elements like Headings, Text, Hyperlink, Lists, etc. It sets the font family, boldness, variant, size, line height. And you can use this property to specify the overall Theme Typography and individual font properties of any Text Element. The Fort Property is essential for styling any text Elements like Headings, Text, Hyperlink, Lists, etc. It sets the font family, boldness, variant, size, line height. And you can use this property to specify the overall Theme Typography and individual font properties of any Text Element. 1700+ Google Fonts Use over 1300 Google Fonts on your web pages. You can add Google Fonts in the Nicepage Applications, WordPress and Joomla Plugins. Use over 1300 Google Fonts on your web pages. You can add Google Fonts in the Nicepage Applications, WordPress and Joomla Plugins. Color Presets Color Presets help you to get the variety of Shades of the selected Palette. You get the shades automatically for any new Color you modify in the Palette. Color Presets help you to get the variety of Shades of the selected Palette. You get the shades automatically for any new Color you modify in the Palette. Color Picker Use the Color Picker to select custom colors and create color schemes for your themes. It is an essential feature of any graphical user interface. Use the Color Picker to select custom colors and create color schemes for your themes. It is an essential feature of any graphical user interface. Your browser does not support HTML5 video. Background Property Add Background to your Shape, Icons, Groups, and even Page. You can choose between the solid Fill, Gradient, Image, and Video. Your browser does not support HTML5 video. Add Background to your Shape, Icons, Groups, and even Page. You can choose between the solid Fill, Gradient, Image, and Video. 80+ Grid Layouts Get the widest variety of Grid layouts for your web design. The Grid Elements helps you to make your designs mobile-friendly automatically. Get the widest variety of Grid layouts for your web design. The Grid Elements helps you to make your designs mobile-friendly automatically. Your browser does not support HTML5 video. Video Background Add videos as background to Groups, Cells, and Blocks. You can use the link to YouTube and Vimeo, your server links to videos, and upload video files. Your browser does not support HTML5 video. Add videos as background to Groups, Cells, and Blocks. You can use the link to YouTube and Vimeo, your server links to videos, and upload video files. Shadow Property Apply the Shadow to the Text, Image, Group, Basic Shapes, and others. You can use many Shadow Presets, customize, copy and paste the Shadow effect on your web pages. Apply the Shadow to the Text, Image, Group, Basic Shapes, and others. You can use many Shadow Presets, customize, copy and paste the Shadow effect on your web pages. Your browser does not support HTML5 video. Animation Effects Animation is an effect used on all kinds of web components. It can occur as visitors scroll through your web page, which draws their attention to an element by adding some entertainment and engagement. Nicepage offers all the basic Animation Effects to help you make Text stand out. Select an Element and choose a desired Animation Effect on the Property Panel. In addition, you can control it by defining the start time of the playback and its duration. Your browser does not support HTML5 video. Animation is an effect used on all kinds of web components. It can occur as visitors scroll through your web page, which draws their attention to an element by adding some entertainment and engagement. Nicepage offers all the basic Animation Effects to help you make Text stand out. Select an Element and choose a desired Animation Effect on the Property Panel. In addition, you can control it by defining the start time of the playback and its duration. Your browser does not support HTML5 video. Transparency Property Transparency is the opposite of opacity, and it shows the percentage of visibility of content behind an element. It is a very popular effect in modern web design. Your browser does not support HTML5 video. Transparency is the opposite of opacity, and it shows the percentage of visibility of content behind an element. It is a very popular effect in modern web design. Your browser does not support HTML5 video. Border Property The Border is an essential and very popular effect in web design. You can add the Border to Shapes, Icons, Groups, and Grids. Your browser does not support HTML5 video. The Border is an essential and very popular effect in web design. You can add the Border to Shapes, Icons, Groups, and Grids. Your browser does not support HTML5 video. Radius Property Use the Radius property to define the radius of the Element's corners. This property allows you to add rounded corners to Shapes and Containers. Your browser does not support HTML5 video. Use the Radius property to define the radius of the Element's corners. This property allows you to add rounded corners to Shapes and Containers. Your browser does not support HTML5 video. Add Header Row And Presets In Property Panel The Header rows make it convenient to puy multiple navigation elements, helping to reorganize them in the Responsive Modes automatically. To simplify the work with Header rows, you can click the header and find the Header Row Presets and the Add Header Row icon in the Header properties in the Property Panel. Your browser does not support HTML5 video. The Header rows make it convenient to puy multiple navigation elements, helping to reorganize them in the Responsive Modes automatically. To simplify the work with Header rows, you can click the header and find the Header Row Presets and the Add Header Row icon in the Header properties in the Property Panel. Download Free Website Builder Download the best website builder for Windows and Mac OS today for free. Start generating mobile-friendly websites and themes that look great on any browser and device. Mobile-friendly web design Mobile-Friendly Web Design allows you to adapt the web design of web pages to all main sizes of the device screens and browsers of the mobile devices. Responsive Web Design becomes more and more significant since the number of mobile device users grows every day. Your browser does not support HTML5 video. Design your websites for all screens at once. Switch Mobile Views to see how your websites look on Desktops, Laptops, Tablets, and Phones, and edit each Responsive Mode separately. Since larger screens have become more popular, you can select the Large Devices Responsive Mode for monitors and devices with large screens from 1400px. You can still modify the layouts and designs for all other screen widths. You can switch to Large Devices Mode on the Top Bar. Your browser does not support HTML5 video. Edit each Mobile View to customize for your needs, move cells, change the size, and make each mode of your site stand out. Use the Grid Element to make the Responsive Modes easily. On the smaller screens, the Grid Cells move one under another automatically. You can change the width of all Responsive Mode by editing the Content Area Width in the Property Panel. To access the Content Width properties click the Edit link on the Responsive Mode tooltip or the link in the Theme Settings Panel of the Quick Access. Your browser does not support HTML5 video. Transform Cells and Items automatically to adapt layouts for Responsive Modes. You can use the Grid, List, and Gallery, and other Elements for that. Your browser does not support HTML5 video. Easily hide Elements, Boxes, Grid Cells, and Blocks for any Desktop or Mobile Views separately instead of deleting them in Responsive Modes. Animation Effects Add the Animation Effects to your website, which is a powerful way to draw visitors' attention to essential aspects of your web design. Animation can improve the emotional experience by bringing delight to your web design. Your browser does not support HTML5 video. Your browser does not support HTML5 video. The Animation On Scroll is the basic effect of loading and scrolling web pages. You can add it by selecting an Element and then going to the Property Panel. Click on the On Scroll link and check the Animation checkbox. Select a Preset and customize the On Scroll Effect if needed. Your browser does not support HTML5 video. The Hover Effect for an Element is its appearance change when you hover over it. The Hover Animation automatically draws visitors' attention to the Content and improves the engagement and interaction on a website. In the Property Panel, you can change the hover for Color, Border, Radius, Shadow, etc., and set the Duration. Your browser does not support HTML5 video. The Element Animation on hovering a Box or a Grid Cell is also interesting. Such animation effects look elegant and natural. Choose an Element in a Box, click on the Property Panel's Hover section link, and select the Hover checkbox. Select a Preset and then modify the properties to achieve the designed effect. Your browser does not support HTML5 video. For Elements in Groups or Grid Cells, you can set the Start Position option to change the start for the Elements, like, Text, Image, Icon, Button, etc., the Move, Scale, Rotate, and Transparency properties On Hover. To modify the Start Position, go to the Property Panel to the right. Click on the Start Position link and edit the needed properties. Your browser does not support HTML5 video. You can add interaction to the Image Galleries and Image Backgrounds to attract and retain visitors' attention. There are several popular presets for the Image Background Hover Animation, including Zoom In and Out, Resize, and Slide, that you can apply to Image Backgrounds. Choose those on the Image Hover Panel while editing Properties to the right. Your browser does not support HTML5 video. The Hover Slider is an Element with a slide appearing when you hover the mouse on a Group for some time without clicking. It adds interaction to Groups and Grid Cells as you can show different sets of Elements for normal and mouse-hover states. To add the Hover Slide, select a Group. Modify the needed properties in the Hover Slide section of the Property Panel. Header & Footer The Header and Footer are special blocks shared among all the site's pages. The Header usually contains the logo and menu, and the Footer contains the links and copyright information. Use the Header, the top shared Block on website pages. It usually contains a logo, a menu, a call to action, contact information, etc. The Header can overlap the next Block and can be sticky on scrolling. The Footer is a bottom block of any website shared among all web pages containing data common to other pages. The information in footers may include links to pages, posts, or external resources, references, and copyright notices, as well as links to the social accounts, contact and subscribe information, and more. The menu is the essential navigation element of any website. You can add the menu only to the Header and Footer and create subitems if you have many web pages on your site. The Mega Menu is the most popular Layout used in modern menus containing Submenu Items. It allows adding Subitems in Columns, also adding images and other Elements to a Menu. To add a Mega Menu, you can select a Menu in the Header, go to the Property Panel to the right, then switch its Layout to the Mega Menu by clicking the corresponding icon in the Layout section. Add your company or personal logo to differentiate your website on the web. The logo is an image that can be in any modern graphic format, including SVG and WEBP. Combine several Header blocks at the top of your pages into one large Header. It allows placing more information than into the classic one-row Header. You can add Menu, Search Field, Shopping Cart, Social Icons, and Contacts into two and more Header blocks. Usually having different colors for the block backgrounds. It is the most popular on eCommerce websites. Stick the Footer down to the bottom of any web page. You can apply this option to snap the Footer to the screen's bottom if you do not have enough content to push the Footer down. Allow your users to find the required information on your website using the Search Element in the Header. Please note that the Search uses the standard functions of WordPress and Joomla, and to enable it for the HTML website, you will need to write the code. Your browser does not support HTML5 video. You can hide and unhide the Header in the Property Panel for a Page by clicking on the gray area beyond the Editor and going to the Property Panel. In addition, you can click on the link to the top right of the Editor near the Options icon to unhide the hidden Header at any time, which is very convenient, quick, and easy to find. Insert the Нeadline Element into the Header, which you can use as a Title for your website. You can use the Headline instead of the graphic logo and stylize it as any text in the Editor. Insert the Login link to connect to the sign-in page on your website. You can stylize the link if needed. Set up the properties essential for your website's SEO or search engine optimization. It allows increasing the quantity and quality of your website's traffic and the higher ranking and presentation in search engine results, using organic, in other words, non-paid, methods. The SEO Properties in the Page Settings allow you to increase your content's chances to appear in the search engine results by adding the appropriate metadata, including Title, Description, Keywords and Canonical if needed. As an option, you can export a minimal CSS file for each page, containing only the styles necessary to display that page. By default, the option is disabled, and you can enable it in the Site Settings. Each CSS file is about 10 times more compact. It improves page loading score, which is important for Google SEO. Your browser does not support HTML5 video. The Image Lazy Loading allows you to load the page images gradually on a page scrolling. It decreases the web page's loading speed since the pictures are not loaded all at once, which is good for SEO. The Headings in the text are the critical part of SEO, as they provide the structure and context for your content and break up the text making them scannable for search engines. Also, it is advisable to use keywords in the Headings. Use the Alt Text property for Images to add keywords and key phrases relevant to the topic of your website. This text allows search engines to crawl and rank your website better, which is good for SEO. Emphasize your keyword and key phrases with the highlights in the text. It boosts your keywords importance, which ranks better, and gets better scores in the results of the search engines. Design websites for WordPress fully compatible with the SEO plugins, such are Yoast and RankMath. These plugins are the most popular WordPress tools used for SEO analysis. Customize your websites by implementing connectivity among various third-party components. If you need, you have the tools to build the integration between applications, databases, or other systems, and the data you need to use or output. Custom HTML Element Expand the layouts with custom HTML. You can use HTML and CSS code to add functionality that has not yet been implemented in Nicepage. Expand the layouts with custom HTML. You can use HTML and CSS code to add functionality that has not yet been implemented in Nicepage. Your browser does not support HTML5 video. Custom CSS Code Add the CSS code as classes for any Element expanding the functionality. You can write the CSS code in the Page Settings and assign a Class in the Property Panel. Your browser does not support HTML5 video. Add the CSS code as classes for any Element expanding the functionality. You can write the CSS code in the Page Settings and assign a Class in the Property Panel. Custom PHP Element Write the custom PHP code for your websites if needed. You can add the required programming modules using the powerful web design editor. Write the custom PHP code for your websites if needed. You can add the required programming modules using the powerful web design editor. Shortcode Element Customize your website by adding a link to third-party code to your website. You can place the Shortcode Element into a post or page and immediately see it on the live view of your website. Customize your website by adding a link to third-party code to your website. You can place the Shortcode Element into a post or page and immediately see it on the live view of your website. Widget Area And Position Element Expand your websites with WordPress widgets and Joomla modules by adding those into the Position and Widget Area Element to your web pages. Expand your websites with WordPress widgets and Joomla modules by adding those into the Position and Widget Area Element to your web pages. Application Features Use the powerful Application Features to work with your projects more efficiently. You can work in ten languages, auto-save, export and import your projects, search for any element, block, document, presets, anything available in the Application, do the backups, and much more. Use Nicepage Applications and Plugins to design websites and templates in your native language. We have translated the Nicepage User Interface into ten languages, including English, French, German, Spanish, Dutch, Italian, and others, and we plan to add more. You can switch the User Interface language anytime at the top right on the Top Bar. Switch the Nicepage User Interface to the Dark Mode to make your work comfortable, as people may prefer dark environments while working before monitors. Export your works as Project, Page, or a single Block to save and reuse for yourself and share with other Nicepage users. Import the exported parts or the whole Project back and enjoy the flexibility of working with Nicepage. Your browser does not support HTML5 video. Instantly publish your design to the Nicepage Hosting. You can specify the name of the subdomain and custom domain and then click the Publish button. Click the links or the Open button to see the working website on the Nicepage Hosting in your default browser. Save your works automatically not to lose any idea or important detail. You can disable this option in the Preferences. You can restore the Deleted Sites by clicking on the link on the Dashboard, which opens the folder, where you can navigate and recover needed projects. The sites are stored for 30 days. AI Translations translates your Nicepage website text into multiple languages with just a click. It preserves the original layout, design, and formatting, helping you quickly create multilingual pages and reach a wider international audience. When translating, you can add the Language Element. Type the beginning of your search query any time you need to find anything in Nicepage. Select the required Element, Block, or Documentation article from the results. Your browser does not support HTML5 video. Edit texts, change images and icons. Preserve your designs from accidental damage. It is especially useful for the Client Roles in WordPress and Joomla. Your browser does not support HTML5 video. Quick Access allows you to easily navigate all the main areas of the Nicepage's User Interface. It contains the Add Panel, Pages Panel, Posts Panel, Modal Popups Panel, Theme Panel, Templates Panel, Media Panel, Settings Panel, and Help Panel. Restore your Projects with the Backup since Nicepage stores them in a folder specified in the Preferences. You will never lose your works, roll back if necessary, and, therefore, save your time and efforts. Site & Page Properties The Site Properties are global parameters that you can use to specify configuration values for the whole website. In addition, you can apply Page Settings to set the specific values for a web page. This feature lets site owners invite team members or clients to work on a website and assign User Roles such as Content Viewer, Content Editor, Designer, or Data Manager. To prevent conflicting changes, a page being edited is temporarily locked for others, while updates are saved automatically. You can use the Website Transfer feature to easily transfer an entire website project from one Nicepage account to another. This function is designed to simplify collaboration and project handover between designers, clients, and team members. You can protect your website pages with a password. For this, click on the gray area around the Editor to select the Page. Go to the Property Panel, and scroll down to the Password Protection section. Set your password. Preview. Accessing such a page will open Password Protection. The Custom Domain is a unique name that you have purchased for your website or brand from one of the popular registrants. You can assign this Custom Domain to one site designed instead of the auto-generated subdomain name by the Nicepage Online Builder. You can set the Custom Domain online in the Site Settings and the Export Dialog in the Desktop Applications. Add your website's Favicon in the Site Settings. The modern browsers usually have the Favicon support and display it in the browser's address bar, tabs next to the page's name, and the bookmark list. Usually, the Favicon has the ICO format. Use the Social Share tab in the Page Settings to specify how your web page will be presented in the social media. You need to enter the Title, Description, Image, and URL. Connect your sites to Google Analytics, Google Tag Manager, and Google Optimize Container to gather data and get a deeper understanding of your site audience. You get all analysis tools for free and in one place for any personal or business tasks. On the Dashboard, it is required to instantly see the published web pages. Therefore, there is an icon, that indicated this. If you publish a website you will see the blue Globe icon to the left of the website's project name. You can generate the Sitemap for the HTML Export and websites published and hosted on Nicepage. The Sitemap includes the links to all site Pages and the language-translated Pages, Posts, and Product Pages. Theme Settings allow you to set the global styling for Colors, Fonts, and Typography applied to all Pages and Blocks. You can also edit the Header with the Menu and Footer and modify the EU Cookie Popup in this section. The Font Schemes are a pair of fonts presented as Font Presets, which you can select for all text on a website. The first font corresponds and is applied to all Headings and Titles of a website, and the second font fits well and is used for all regular texts and paragraphs. Typography sets the styling of all text elements on a whole website. It allows pages and blocks to look in one style, which is essential for a good web design. It helps stylize such elements as Title, Heading, Text, Hyperlink, Button, Quote, and Lists. You can modify the Font, Size, Weight, Color, Indents, and Spacing between text lines and letters. To simplify your work, we have prepared the ready-made Presets. It is recommended to use not more than five main colors throughout the website, making a good web design. It gives your web pages a consistent and professional look. Set five colors for your Color Scheme or select one from ready-made Presets. Nicepage automatically generated more colors with different brightness based on the main scheme. You can also add custom colors as many as you want. In WordPress and Joomla, Blogs are stylized with the Theme Templates. The Blog Template is used to display briefs of several posts, and the Post Template outputs the content of a single post. You can modify and fine-tune those templates to get a unique look and make the Blog pages consistent with the rest of your web design. Additionally, you can create custom blog templates to assign them to different post categories. Export HTML Websites, WordPress Themes, and Joomla Templates from the Nicepage Application for Windows or Mac OS. Share projects with other users and show screenshots to your existing and potential customers. If several people work on a website, there is a problem that someone with less experience can break design or content. Or you are a design studio, and you want to prevent your customers from modifying the website and want to do the editing only by yourself. To separate editing capabilities, you can use the User Roles, like Design Editor or Content Editor. To add an editor in WordPress, you can register a new user and assign a needed role. The White Label feature allows you or your company to re-brand websites and themes produced with Nicepage for WordPress and Joomla to appear like yours. It will build your brand credibility, strengthens your customer loyalty, saves you a lot of time and money. Many design studios and digital marketing agencies enjoy having the White Label option. Having your branding on plugins helps build awareness and a stronger sense of trust with your customers. Add the Cookie Popup compliant to the EU's General Data Protection Regulation requirements. The law regulation on data protection and privacy is required for the European Economic Area. It also addresses the transfer of personal data outside the European Union. You can enable the GDPR Cookie Popup in the Site Settings. If you have an online store in WordPress or Joomla, you can modify the eCommerce templates with Nicepage. Use the Product List Template to show the product catalog with prices and short descriptions. The Product Details displays the information about each Product allowing your users to choose the quantity, variation, and slide through the Product images. By adjusting the layouts and colors of your eCommerce templates, you can keep them in style with other pages. Similar to other templates, you can create custom eCommerce templates for various Product categories. People may come to your website for a wrong URL or mistype it in the address bar of a browser. For that case, many websites show the special 404 Not Found page instead of the browser error allowing visitors to stay on your website and continue navigation. You can modify that page for your WordPress or Joomla website with the Nicepage Application by editing the 404 Not Found Template. Suppose you have a site in WordPress or Joomla, and you need your users to add content via a website's Administration. However, the standard login page offered by your content management system is not consistent with the rest of your website design-wise. In that case, you can stylize the layout of the Login Template in the Nicepage Application giving the Login Page a consistent but at the same time unique look for your particular website project. The Sidebar located to the right or left of the main content area of your website allows your visitors to access various information quickly. Usually, in WordPress Theme or Joomla Templates, you can assign the Sidebar to output widgets or modules, which require WordPress Widget Areas or Joomla Positions that you can add and modify in your website's Administration Panel. For WordPress and Joomla websites, there are many Login Designs available. To access them, go to the Quick Access Templates Panel. When you open the Login Template, click the blue Plus icon to open the Add Menu. You will see the list of the available designs for the Login Template, which you can start with or use on your web designs. Design, write, and maintain your web blog, focusing mainly on content written in the blog posts. Blogs are still popular on the Internet, and starting a successful blog on just any topic you can imagine has never been easier. Website Blog Add the Blog to start a discussion or put some interesting information on your website. A blog usually contains posts, which in some CMS may be also be called articles. Add the Blog to start a discussion or put some interesting information on your website. A blog usually contains posts, which in some CMS may be also be called articles. Blog Posts Element Add the Blog Posts element to any page of your site. You can use various layouts and the number of posts on each page. Add the Blog Posts element to any page of your site. You can use various layouts and the number of posts on each page. Your browser does not support HTML5 video. Blog Editor You can use the Blog Editor to produce your HTML, WordPress, and Joomla articles and illustrate them with images. Your benefits start from working offline, which means less distraction and more comfort. You can easily manage multiple blog posts and have backups - all in one place. Regardless if you are a PC or Mac user, you can use the Blog Editor in your application to enhance your productivity and save time and effort before publishing. Your browser does not support HTML5 video. You can use the Blog Editor to produce your HTML, WordPress, and Joomla articles and illustrate them with images. Your benefits start from working offline, which means less distraction and more comfort. You can easily manage multiple blog posts and have backups - all in one place. Regardless if you are a PC or Mac user, you can use the Blog Editor in your application to enhance your productivity and save time and effort before publishing. Blog On Nicepage Hosting You can publish Blog Posts from the desktop applications for Windows and Mac OS. Moreover, you can import them to the Nicepage Hosting. In the Publish Export dialog, check the Include Blog Posts on the Website Tab. You can publish Blog Posts from the desktop applications for Windows and Mac OS. Moreover, you can import them to the Nicepage Hosting. In the Publish Export dialog, check the Include Blog Posts on the Website Tab. Post Details Element Output the featured or any other Post from your Blog to a web page. You can specify the style and the particular post to show. Output the featured or any other Post from your Blog to a web page. You can specify the style and the particular post to show. WordPress Widgets The WordPress Widgets are the default widgets presented in WordPress, including Calendar, Categories, Tag Cloud, etc., to provide a simple and easy-to-use way to design and maintain your WordPress Theme. You can use widgets anywhere on a web page, including the Header, Footer, and Sidebar. Аnd it requires no coding. Add the Text WordPress widget directly in Nicepage. You will see the result after you export and import the Theme and content. Show the most Recent Posts with titles, thumbnails, authors, categories, dates, etc., on your WordPress websites. You can specify whether to show the dates with your posts or not and the number of posts to display. Create and add custom navigation links to ensure your WordPress website is easy to use with the Menu Widget. You can make a vertical menu by placing it in the added widget areas to help your visitors and readers. Implement the simple search functionality with the Search WordPress widget in the Application. You will see it on your web page after exporting and importing. Use the Archives Widget to make your monthly/daily archives look like a calendar, usually on the sidebar of your WordPress websites. Insert a handy list of default links for showing on your WordPress site with the Meta Widget. The main benefit is that this widget contains main links for your site, including a login link, as some new users don't know where to find it. Add your user reviews with the Comments Widget to display those right after the main content of your particular web pages. This widget is usually placed in the Widget Area of the Sidebar. Use the RSS Widget to pull headlines from RSS feeds of WordPress sites, blogs, other news sites, and sources that offer RSS feeds. You can use this tool to gather and aggregate information from syndicated RSS-feed sources to display on your websites. Show a list of all the tags assigned to your WordPress pages and posts with the Tag Cloud Widget. This widget gives your readers an immediate idea of your favorite topics you post most frequently. You can display the most common tags in the largest font size. Display your WordPress website’s pages in your widget areas with the Pages Widget. It makes it easier for visitors and readers to navigate and find information around your web pages. Organize your WordPress pages and posts by category on the widget area with the Categories Widget. It can be beneficial for your readers who want to find more information on specific topics. Insert the Calendar WordPress widget in the Application. After the export and import to WordPress, you will see the Calendar already added to your widget list and web page. Download and Install Free Website Designer Get the best free website maker for Windows or Mac OS by downloading and installing it today. Start designing modern and fully responsive websites and themes visually with no coding. Free Website Templates Select any popular template page category and create creative agencies, music stores, car repair services, fitness gyms, legal companies, and other websites easily and quickly. Templates Block Categories Select any popular template page category and create creative agencies, music stores, car repair services, fitness gyms, legal companies, and other websites easily and quickly. Best Block Designs Choose from our awesome multi-purpose block templates hand-picked by our designer community. Create and customize them with our powerful free website generator. Your browser does not support HTML5 video. Free Website Builder with 200+ Features License Agreement Contact Support Affiliate Program Website Templates WordPress Themes Joomla Templates HTML5 Templates One Page Templates Website Builder HTML Website Builder WordPress Website Builder Joomla Page Builder WYSIWYG HTML Editor Static Site Generator HTML Code Generator Website Designs Web Page Designs Homepage Designs