How to Work with Site Elements

You can create multi-page websites with different sections, columns, and widgets using SendPulse’s visual website builder. We will talk about what elements sites consist of and how to add, move, or edit them.

Introducing Website Elements

You can use the following elements to create a website: block, section, column, and widget. Blocks, sections, and columns will help you structure your website content, and widgets will help you add functional elements.

Block

A block is an element where all other same-style elements can be added. You can use it to organize content by its purpose. For example, you can place a menu in one block and add some information about your company in another.

To add a new block, hover over the top or bottom border of the block, and click + (Add block).

In the block settings, you can add an ID to quickly navigate to the block when creating an anchor link. You can also change your block name, but don't forget to change its ID in all the links that help you navigate to this block.

Section

The “Section” element allows you to place a new row of columns in one block. Hover over the bottom line below the columns or the top line above the columns, and click + (Add Section) to it.

With this element you can only add a new row of columns in a block, but not customize, copy, or delete it. You need to work with each column separately.

Column

The “Column” element allows you to place widgets vertically. You can add up to 6 columns in one row for each section.

Hover over the left or right border of an element, and click + (Add Column) to add a column.

Widget

Widgets are functional website elements designed to add information and interact with visitors.

For example, you can create a section about your service or product benefits and value using the "Text", "Button", and "Picture" widgets. Use the "Form" or "Chatbots" widgets to collect subscribers. You can answer users’ frequently asked questions if you add the "FAQ" widget. Also, you can create an online store using the “Payments” widget.

Read more: Adding Elements.

Click + (Add Widget) to add a widget.

You can add an unlimited number of widgets to one column.

Moving Site Elements

You can drag the widget inside one column vertically, move it to another column when it is placed horizontally, and drag it to a section (to a different vertical row) or a block.

To move an element, hover over it in the upper right corner, hold down the corresponding icon, and move the element to the desired location.

You can move the columns in a row horizontally or move them to another section or block vertically.

You can move blocks up or down vertically.

Duplicating Site Elements

Once you have set your block or column style, you can duplicate this element and use it as a template in the future.

To create a duplicate of an element, hover over the three dots in the top right corner, and select “Dublicate.” A new element will be added next to the current element, and you can move it around on the page.

You can dublicate all your site elements with all their content and settings (blocks, columns, and widgets).

Duplicating Blocks

Once you set your block style, you can duplicate it, save it to the gallery, and use it as a template in the future.

Copy to the Current Page

To create a block copy, click the three dots in the upper right corner, and select “Duplicate.”

Copy to Other Website Pages

To copy a block to another site page, hover over it, click the three dots in the upper right corner, and select “Copy to page.” Then, select a page name in the modal window that appears.

Save to the Gallery

You can save a frequently used block to the gallery and add it to your current or other site pages. To do this, hover over the block, click the three dots in the upper right corner, and select "Save to gallery."

Once your block is successfully saved to the gallery, it will be displayed on the sidebar. To use this block, click "Add block" in the required place, and select it in the "Saved" section.

Deleting Site Elements

You can delete site elements. To delete a block, or column, hover over the element in the upper right corner, and select “Delete”.

To remove a widget, hover over it in the upper left corner, and select “Delete”.

Last Updated: 29.11.2023