[XB] Page Builder: Visual Constructor for Custom & Landing Page 1.0.1 1

Documentation home

This walkthrough creates a simple guide with a welcome message and two questions.

1. Create the page​

1. Open Communication > Page builder in the ACP.
2. Click Add page.
3. Set URL portion to community-guide.
4. In the master content tab, set Title to Community guide and enter a short meta description.
5. Clear Enabled while you build. Leave the schedule off and user criteria empty for this example.
6. Save. The layout builder opens.

Create the guide with a readable URL and master title.

Keep the page disabled while preparing its content.

2. Add a welcome section​

1. Click Add row.
2. Use the first column created automatically with the row. Use Add column only when you need another column.
3. Open the column settings. Set its desktop width and narrow-screen width to 12/12, then save.
4. Open the column's Add block menu and choose the BB code/HTML content block.
5. Enter Welcome to the community as the title.
6. Select BB code and enter a welcome paragraph with links to your rules and introduction forum.
7. Keep the block enabled and save.

Use URLs from your own site for the example links.

3. Add the questions​

1. Add another row and set its automatically created column to 12/12.
2. Add a FAQ block with the question Where should I introduce myself?
3. Enter a complete answer and a link to your introduction forum.
4. Save, then add a second FAQ for Where can I find the community rules?
5. Leave one FAQ initially open and the other closed to compare the behavior.

Each FAQ block contains one question and answer.

The guide uses two rows with full-width content columns.

4. Publish and inspect​

1. Open page Settings, select Enabled and save.
2. Click View.
3. Check the title, links and FAQ toggles.
4. Inspect the page at a desktop width and a narrow phone width.
5. Open it as a guest if it is intended to be public.

The View button opens the real public page. A disabled or scheduled page is not automatically available to an administrator.

The published Community guide combines a welcome section and expandable answers.

Next steps​

• Add images or buttons using the block reference.
• Change widths and section styles in Layout builder.
• Configure translations and publishing rules.