Manage elements – Digibiz24 Help

With the page builder, you can create the elements sections, rows, columns and components.

This allows you to customize the structure of the page.

What are sections, rows, columns, and components?

Sections form the basic framework of the page. Sections allow you to divide the page into different areas, such as the header, body, and footer. You can also set the page width and a background image for each section.
Within a section, you can add rows. Rows divide the page into horizontal areas, and you can stack multiple rows on top of each other.
When adding a row, you define its columns (e.g., 1 column, 2 columns, 3 columns, etc.). This allows you to display content side by side within a row, such as different offers or text blocks.
Inside a column, you add content using components. Digibiz24 provides a variety of components, ranging from text and images to buttons, forms, or testimonials.

How to manage elements:

Open a landing page, website page or a course theme in the page builder.

Manage the elements.

You have the following options:

If you want to manage sections and rows:

Click on My Page in the sidebar.

The My Page section offers the following functions:
- You can add new sections and rows.
  
  You have the following options:
  - Click + Add Section below the existing sections.
  - Click + Add Row below the existing rows.
  - Click the three-dot menu on a section or row, then select Add section below or Add row below.
- You can edit existing sections and rows to adjust spacing or position.
  1. Open the edit view.
    - Click + Add Section below the existing sections.
    - Click + Add Row below the existing rows.
  2. Switch to the Manage tab.
  3. Click the icon to edit a section or row.
- You can duplicate existing sections and rows to reuse content or use it as a base for new content.
  
  Click the three-dot menu on a section or row, then select Duplicate.
- You can move sections and rows using the icon to reposition them on the page.
- You can name sections and rows to help organize elements more easily. The name is only visible to you.
  
  Click the three-dot menu on a section or row. Then, click in the text field and change the name.
- You can hide or delete sections and rows. The Hide function allows you to prepare parts of your page and hide them from visitors until they are ready.
  
  Click the three-dot menu on a section or row, then select Hide or Delete.
Tip
Many of these functions can also be used directly on the page builder page. However, the My Page section allows you to use them more quickly and easily.
If you want to manage columns:

Click on Columns in the sidebar.

The Columns section offers the following functions:
- You can edit columns by changing their position, spacing, or adding a background color.
  
  Click on the icon to edit a column.
- You can hide columns. The Hide function allows you to prepare page elements and keep them hidden from visitors until they are ready.
  
  Click on the icon to hide a column.
Note
In this section, you can edit existing columns.

However, if you want to change the number of columns, you need to add a new row with the desired column layout. You can do this either in the My Page section or on the page builder page.

If you want to manage components:

Click on Components in the sidebar.

The Components section offers the following functions:

In the New tab, you can drag and drop new components onto your page.

Learn more about components here.
In the Manage tab, you can edit existing components.
- Click on the icon to edit a component.
- Click on the icon or the icon to move the component to another position on the page.
- Click on the icon to hide a component. The Hide function allows you to prepare elements and keep them hidden from visitors until they are ready.
- Click on the icon to duplicate a component. This allows you to reuse existing content or use it as a base for new content.
- Click on the icon to delete a component.

Tip
Many of these functions can also be used directly on the page builder page. However, the Components section allows you to use them more quickly and easily.

When you click on the icon in the Manage tab, the component's settings open in the sidebar.

Tip
You can also access a component's settings directly on the page builder page.

The available settings vary depending on the component. However, the following settings can be adjusted for every component:

1	All The component is displayed on both mobile and desktop (see also Mobile and Desktop).
2	Mobile Only The component is displayed only on mobile devices.
3	Desktop Only The component is displayed only on desktop devices.
4	Hide The component is hidden. The Hide function allows you to prepare elements and keep them hidden from visitors until they are ready.
5	# Access CSS Info CSS information is needed for advanced use cases, such as integrating custom fonts (learn more).

Click on Preview in the header bar to see a preview of the changes in a new tab.
Click on Save in the header bar.