This video provides a Quick Overview of the main web elements you can add from the Add Panel. You can add elements by clicking, dragging, and pressing the hotkeys. Each Element has a Documentation Article, which you can access by clicking the How To Use link at the bottom.
| Previous | All Lessons | Next |
Explore Website Elements in the Add Panel
The Nicepage Add Panel gives you quick access to the main elements required to build modern web pages. You can insert an element with a click, drag it directly into the required position, or use available hotkeys to speed up your workflow. Most elements also include layouts, Block Presets, and ready-made designs. If you need detailed instructions for a specific feature, use the How To Use link to open the corresponding documentation article and learn more about its settings and customization options.
Add Text and Create a Clear Content Structure
Text is one of the most important elements on any website because it communicates information and structures each page. Nicepage lets you add headings, paragraphs, and other text elements individually. Headings are especially useful for organizing content into logical sections and improving readability. They can also help search engines understand the main topics covered on a page. You can customize typography, spacing, alignment, and other properties to match your website's visual style.
Manage Longer Content With Rich Text
The Rich Text Element is useful when you need to work with larger amounts of content inside one editable area. Instead of creating separate elements for every paragraph or subtitle, you can manage them together in a format similar to a traditional text editor. Rich Text can contain headings, paragraphs, links, and images. Text can also wrap around images, giving you more flexibility when creating articles, descriptions, informational pages, and other content-heavy website sections.
Create Actions With Buttons and Hyperlinks
Buttons and hyperlinks help visitors navigate between pages and perform important actions. You can use them to open another page, visit an external website, download a file, make a phone call, or display a Modal Popup. Buttons can also support conversion-focused actions such as subscribing, purchasing, requesting information, or contacting a business. You can customize their appearance to fit the overall design, while clear button labels help visitors quickly understand what happens after they click.
Add Images, Icons, and Decorative Shapes
Visual elements make pages easier to understand and more attractive. The Image Element allows you to upload your own graphics, drag files from your computer, or browse available image libraries. Icons provide compact visual symbols for services, benefits, features, and navigation items. You can choose from different icon styles, including Linear, Fill, Colored, Background, and Border. You can also add shapes and lines as decorative elements to create backgrounds, accents, separators, and more expressive compositions.
Organize Elements With Boxes
The Box Element works as a container that holds several other elements together. For example, you can place an icon, heading, description, and button inside one Box and then manage them as a single visual group. This makes complex layouts easier to organize and edit. You can move the complete container, apply a shared background, add borders, or adjust its spacing. Boxes are also useful for responsive layouts because related content stays logically grouped across screen sizes.
Build Responsive Layouts With Grids
Grid and Grid Repeater Elements help organize content into structured columns and rows. A regular Grid is useful for flexible page layouts, while a Grid Repeater is designed to repeat similar content such as services, features, products, or team members. When you change the styling of an element inside one repeated cell, similar elements can inherit that styling. Grid-based layouts also adapt to smaller screens, where columns can automatically stack to create a Mobile-Friendly presentation.
Display Multiple Images in Galleries and Sliders
When a page contains several images, an Image Gallery lets you manage them as one Element instead of positioning every image separately. Galleries can include captions and filters to improve presentation and navigation. Nicepage also provides different slider options. A large Block Slider can work as a hero section with prominent visuals and content, while a smaller Slider Element can be placed inside another block. It suits testimonials, featured content, portfolios, promotions, and similar rotating information.
Collect Leads With Contact Forms
Contact Forms allow visitors to send information directly from your website. You can build a simple form with a few basic fields or create more advanced forms containing multiple steps, calculations, and conditional dependencies. You can use submitted information for lead generation, requests, registrations, and customer inquiries. Nicepage can send notifications to selected email addresses and keep submitted lead information available in your account. Additional integrations can also help transfer collected data to supported external services and lists.
Engage Visitors With Modal Popups
Modal Popups display additional information without requiring visitors to leave the current page. They are commonly used for contact forms, special offers, announcements, subscriptions, and calls to action. In Nicepage, Modal Popups are managed as separate website objects and are available through the Modal Popups Panel in the Quick Access Pane. You can connect a button or another link to a popup and open it when visitors interact with that Element. You can also reuse the same modal popup on multiple website pages.