ConvertexPages
Each Convertex project can contain multiple pages. It is like having several work tabs open in parallel: each with its own HTML, CSS, and JavaScript code.
Why Use Pages?
Pages let you work on multiple sections or components within the same project without mixing everything together. For example:
- One page per section: hero, features, footer, etc.
- One page per variant: test several designs side by side
- A draft page: experiment without touching finalized pages
Each page has its own HTML, CSS, and JavaScript. Modifying one page does not affect the others.
Creating a New Page
Open the Pages Dropdown
Click the active page name in the top bar. A dropdown menu appears with the list of your pages.
Create the Page
Click New Page at the bottom of the dropdown. A new blank page is created and selected automatically.
Give It a Name
Double-click the page name to edit it. Choose a descriptive name like "Hero Section" or "Contact Form".
Switching Between Pages
Open the pages dropdown and click the one you want to open. The editor content (HTML, CSS, JS) and the preview update instantly.
Renaming a Page
Double-click the page name in the dropdown to edit it. Press Enter to confirm.
Deleting a Page
Click the delete icon next to the page name in the dropdown. A confirmation is requested before permanent deletion.
Deleting a page is irreversible. The HTML, CSS, and JavaScript code for that page is permanently lost.
Reordering Pages
Drag and drop pages in the dropdown to reorder them according to your preferences. The order is saved automatically.
Auto-Save
Convertex saves your work automatically:
- Every 30 seconds in the background
- 2 seconds after each change in the editor
You never need to save manually. An indicator in the top bar confirms that everything is saved.
Saving is per page. Each page independently stores its HTML, CSS, and JavaScript.