Site Editor & Page Builder

The Site Editor is Servycore's advanced page builder. It gives you full control over your portfolio layout with sections, columns, and a wide range of customizable modules. Place elements exactly where you want them.

Opening the Site Editor

You can open the Site Editor in two ways:

From the Projects list, click the Site Editor button on your project card
From inside your project, go to Customization > Open Builder

How the Page Builder Works

The page builder uses a hierarchy of sections and columns to organize your content. Each section spans the full width of the page and contains one or more columns. Modules are placed inside columns.

Page Builder

Sections

Sections are the top-level containers of your page. You can:

Add new sections to create distinct areas on your page
Reorder sections by dragging them up or down
Delete sections you no longer need

Columns

Each section is divided into columns. You can adjust the column width to control how much horizontal space each column takes. This lets you create layouts like:

Full-width single column
Two equal columns (50/50)
Sidebar layouts (30/70, 70/30)
Three columns (33/33/33)

Modules

Modules are the content blocks that go inside columns. Each module is fully customizable and can be repositioned freely within and across columns.

Adding Modules

Click the Add Module button to see the full list of available modules.

Module List

Available Modules

Module	Description
Heading	Section titles and headers
Paragraph	Text content blocks
Image	Image displays
Button	Clickable buttons with links
Gallery	Image gallery grid
Video	Embedded video players
Social Links	Social media link buttons
Card	Content cards with image and text
Icon List	Lists with icons
Accordion	Collapsible FAQ-style sections
Icon	Standalone icon display
Server Stats	Live server statistics
Spacer	Vertical spacing between sections
Linking	Account linking widget
Discord	Discord server widget
Blog Posts	Recent blog posts display

Editing a Module

To customize a module, hover over it and click the edit icon button that appears. This opens the module editor where you can configure all of its properties.

Module Editor

Each module type has its own set of configurable fields. For example:

Heading: text content, font size, alignment, color
Image: source URL, alt text, size, border radius
Button: label, link URL, style, color
Card: image, title, description, link

Available Fonts

Choose from 17 fonts for your portfolio: Sans-serif (default), Serif, Rubik, Bebas Neue, Monospace, Inter, Roboto Condensed, Open Sans, Lato, Montserrat, Poppins, Raleway, Playfair Display, Merriweather, Courier, Georgia, and Times.

Tips

Start with sections to define your page structure, then fill in columns and modules
Use the column width controls to create asymmetric layouts
Drag and drop modules between columns to reorganize content
Preview your changes by visiting your project's public URL
Combine the Page Builder with Custom CSS for even more control