Page Builder
Open Settings > Page Builder.How The System Works
Edit theme content, logos, colors, widths, backgrounds, fonts, animations, navbar, and buttons. This page stores the records and settings used by the related admin workflow, storefront page, checkout flow, support area, theme, or integration. After saving, refresh the affected page and test the result from the user side when possible.Before You Fill The Form
Check that your admin role has permission for this page. If the form depends on a payment provider, server connection, theme module, or external account, configure that dependency before saving. If a selector is empty, create the related product, category, user, role, provider, server, or currency record first so it appears in the dropdown.How To Fill The Form
| Field | How to fill it |
|---|---|
| Team name | Enter the visible name users or admins will recognize in lists, cards, menus, or public pages. |
| Site title | Enter the visible name users or admins will recognize in lists, cards, menus, or public pages. |
| Login server | Select or enter the server that should handle delivery, commands, status checks, or display. |
| SEO tags | Enter search-friendly tags or descriptions that explain the page, product, or content. |
| SEO description | Enter the server IP address, domain, or host value exactly as it should be used. |
| About text | Write clear user-facing text. Keep it short unless this field is meant for an article, message, or policy. |
| Top text | Write clear user-facing text. Keep it short unless this field is meant for an article, message, or policy. |
| Bottom text | Write clear user-facing text. Keep it short unless this field is meant for an article, message, or policy. |
| Logo | Upload or select the requested file. Use a clear image and follow any size note shown in the panel. |
| Colors | Choose a readable color. If a hex value is used, enter a valid color value. |
| Width | Fill this field with the value requested by the label. If it is optional and you are unsure, leave it empty and test the result. |
| Background | Upload or select the requested file. Use a clear image and follow any size note shown in the panel. |
| Font | Fill this field with the value requested by the label. If it is optional and you are unsure, leave it empty and test the result. |
| Animation | Fill this field with the value requested by the label. If it is optional and you are unsure, leave it empty and test the result. |
| Navbar | Fill this field with the value requested by the label. If it is optional and you are unsure, leave it empty and test the result. |
| Buttons | Fill this field with the value requested by the label. If it is optional and you are unsure, leave it empty and test the result. |
Menu And Navigation Items
Menus are managed from the same visual area because they affect the public header, navbar behavior, dropdown structure, and modal links. Use this section when you want to add a header link, create a dropdown, or show a modal from the navigation bar. To create a menu item:- Open Settings > Page Builder.
- Go to the navbar or menu section of the builder.
- Click Add item.
- Enter the title that users should see in the header.
- Choose an icon if the theme supports menu icons.
- Select the menu behavior: normal link, nested dropdown item, or modal.
- Save the builder changes and check the header on the public site.
Menu Field Guide
| Field | How to fill it |
|---|---|
| Menu title | Enter the text shown in the header, such as Store, Support, Community, or Contact. |
| Icon | Select an icon only if it helps users understand the menu faster. Leave it empty for simple text navigation. |
| Link | Use a site path such as /store for internal pages, or a full URL for external pages. |
| Open target | Choose same tab for normal navigation and new tab for external resources. |
| Parent menu | Select a parent item when this menu should appear inside a dropdown. |
| Description | Add short helper text if the theme displays descriptions inside dropdowns or large menu panels. |
| Modal content | Use this when clicking the menu should open text, buttons, contact details, rules, or a quick information panel instead of loading a page. |
Modal Menus
A modal menu is useful when the user should read or choose something without leaving the current page. For example, you can create a quick contact panel, a short agreement, a server information popup, or a set of action buttons. For button-based modals, add each button with a clear label, destination link, and visual style. Keep modal content short so it works well on mobile screens.Nesting And Order
Use parent menus to create dropdowns. Keep the first level short and put secondary pages under a parent item. After changing the order, save the builder and test both desktop and mobile navigation.Create Or Update A Record
- Open the page from the admin menu.
- Click the add, create, publish, send, give, ban, upload, or generate action shown on the page.
- Fill the required fields first. Required fields are usually marked with an asterisk in the panel.
- Fill optional fields that affect display, delivery, pricing, limits, rewards, integrations, or visibility.
- Save the form and wait for the success message.
- Open the list or public page to confirm that the record works as expected.
Page Actions
- Edit section: Opens the selected record so you can change its saved values.
- Add layer: Opens the form for creating or publishing a new record.
- Move layer up: Runs this page action for the selected record or current settings.
- Move layer down: Runs this page action for the selected record or current settings.
- Delete layer: Runs this page action for the selected record or current settings.
- Save changes: Stores the current settings or list changes.
- Replay preview: Opens the detail view for the selected record.
After Saving
Return to the list and confirm that the record is visible. If the page supports ordering, drag the record into the correct position and click Save changes. Then test the affected user flow, such as checkout, login, support, content display, reward delivery, or integration sync.Important Notes
- Make visual changes one section at a time and preview before saving large changes.
- Use page builder for normal visual work before editing templates.