The Page Panel displays a list of all pages in your project. Each page has action icons to manage and configure it.
Help wanted: Add screenshots for better illustration.
Related video: Unlocking Silex #3 | Bigger is better with symbols, pages and SEO settings
To add a new page:
+
icon at the top-left corner of the Page Panel.Click the gear (⚙️) icon next to a page to open its settings. Here you can:
The permalink for a page is automatically generated from its name by replacing spaces with dashes (-
).
Example: About Us
becomes /about-us
.
If you are using a CMS, permalink generation may differ — see the CMS documentation for details.
To delete a page:
Silex can generate dynamic pages from a CMS or any external data source. These are called Collection Pages.
When you connect a CMS:
Collection Pages have special settings, including how URLs are built based on the content fields.
For detailed instructions on setting up and using Collection Pages, see the CMS Documentation.
You can create links to other pages in your site (internal links), to external websites, or to sections inside a page (HTML anchors).
To link to another page in your project:
When an element becomes a link, its HTML tag changes to <a>
.
Only use container elements like text blocks or divs that can safely be turned into a link (<a>
).
Avoid applying links directly to images, videos, or button elements — instead, place them inside a container and link the container.
To link to an external website:
https://example.com
.You can also set the link to open in a new tab for better user experience.
Silex follows standard HTML behavior for links to specific sections of a page.
To create an anchor link:
my-section
). IDs must be unique and cannot contain spaces.Then, create a link:
#
followed by the ID (e.g., #my-section
).This will scroll smoothly to the target section when the link is clicked.
To link to a section on another page, include the page URL before the anchor, for example: /about#team
.