Getting Started with the Website Builder
The Website Builder is a visual editor for your institute's public website. You arrange ready-made sections and blocks on a canvas, style them, and publish, with no code needed. Your courses, eBooks, test series and playlists appear on the site automatically, pulled live from your Edmingle catalog.
Open the builder
- Go to Settings → Website & App Setup → Website.
- On the Manage your website card, click Open Website Builder.
- The builder opens on your Home page. To return to the admin dashboard, click the back arrow (Back to Admin) at the top left.
A tour of the editor
Top bar
| Control | What it does |
|---|---|
| Undo / Redo | Step back or forward through your changes (Ctrl/Cmd + Z, Ctrl/Cmd + Shift + Z). |
| Visual / Code | Switch between the drag-and-drop editor and the theme code editor (advanced). |
| Page menu | Shows the page you are editing. Switch pages, Create new page, or Manage All Pages. |
| Device toggle | Preview and edit the page at Desktop, Tablet (768 px) or Mobile (390 px) width. |
| Preview (play icon) | Opens the current page as visitors will see it. |
| Restore | Roll back to your live version or the previous published version. |
| Save | Saves a draft. Visitors don't see it yet. |
| Publish | Makes your latest changes live on your website. |
Left sidebar
| Pane | Use it to |
|---|---|
| Selection | Edit the block you have selected. It is enabled once you click a block on the canvas. |
| Add Element (+) | Add sections and blocks to the page. |
| Templates | Apply a pre-built design to the current page. |
| Pages | Create, rename, duplicate and delete pages. |
| Layers | See the page outline and select nested blocks. |
| Header & footer | Edit the site-wide header, navigation menus and footer. |
| Assets | Upload and manage images and files. |
| Settings | Set site-wide colors, typography and button styles. |
| Marketing | Page settings, site SEO and page code. |
The canvas in the middle shows your page. Click anything on it to select it; right-click for more actions.
The basic workflow
- Pick a page from the page menu. Start with Home.
- Apply a template from Templates, or add sections from Add Element.
- Click text and images on the canvas to edit them, and fine-tune them in the Selection pane.
- Check the Tablet and Mobile views.
- Click Save to keep a draft, then Publish when you're ready to go live.
Set your logo, favicon and brand color first in Settings → Website & App Setup → Brand Settings, and your site-wide colors and fonts in the builder's Settings pane. Every section you add then picks them up automatically.