Adding & Editing Content

Pages are built from sections (full-width, pre-designed parts such as a hero or FAQ) and blocks (single elements such as a heading, image or button). Add them from the Add Element pane, then edit them on the canvas and in the Selection pane.

Add a section or block

1. Click + in the left sidebar to open Add Element.
2. Hover a category to see its designs.
3. Drag a design onto the canvas (a line shows where it will land), or click it to add it.

Use the search box at the top of the pane to find an element by name.

Category	What's inside
Sections	Hero, Features, Courses, Testimonials, FAQs, CTA, Forms, Logos, Blogs, Events, eBooks, Test Series, Playlists, and Header and Footer designs.
Layout	Stack, Grid and Spacer: containers for arranging other blocks.
Typography	Heading, Paragraph, Text, Blockquote and List.
Media	Image, Icon, Video, YouTube and Vimeo.
Buttons	Button, Button pair and Link.
Advanced	Accordion, Carousel, Ticker, Form, Search, Divider and Custom HTML.
Product Kits	Only on the Product page: Product hero, Course modules, Tutor, Ratings and reviews, Course information card and Course details.
Custom	Custom sections and snippets your team created in Code mode.

Edit content

• Text: click the text on the canvas and type.
• Images: select the image and choose a new one from the Asset Library (JPG, PNG, SVG or WEBP, up to 5 MB), or paste an image URL.
• Everything else: select a block and use the Selection pane. Settings are grouped into sections such as Configuration, Size, Padding, Margin, Typography, Appearance, Border, Effects and Hover.

Links

For a button or link, choose System to pick one of your pages from a list, or Custom to type any web address (https://…).

Layout mode

Containers such as Stack have a Layout mode:

• Flex: items in a row or column.
• Grid: items in rows and columns.
• Normal: free positioning. Use Layer in the right-click menu to bring items forward or send them back.

Theme styles

Colors, fonts and button styles follow your site-wide Settings by default. If you change one on a single block, that block keeps its own value. Click Use global theme next to a setting to link it back to the site theme.

Show your courses and products

Course, eBook, test series and playlist sections pull items live from your catalog. Select the list and set:

• Product Type: Courses, eBooks, Test Series or Playlists.
• Course Selection: Manual to hand-pick items, or Filtered to show everything matching filters such as category, instructor, language or price (newest first).
• Columns and Gap: control the layout.

On the Product page, use the course dropdown in the top bar to preview the page with any of your courses. On the live site, each course link opens this page with that course's details.

Forms

The Form block has first name, last name, email and message fields. You can change each label and placeholder, the button label, and the button colors. Submit URL is where submissions are sent; leave it empty to post back to the same page.

Right-click actions

Right-click a block on the canvas for:

• Copy, Paste, Duplicate
• Move Layer: Move One Up, Move One Down, Move To Top, Move To Bottom
• Layer (Normal layout only): Bring to front, Bring forward, Send backward, Send to back
• Stack selection / Unstack
• Hide / Show
• Delete

You can also press Delete or Backspace to remove the selected block.

Use the Layers pane

Layers shows the page as an outline. Click an item to select it on the canvas, which is handy for blocks nested deep inside sections. Use Collapse all layers to tidy the tree.

Edit for tablet and mobile

Use the device toggle in the top bar.

• Edits made in Desktop apply to every screen size.
• Edits made in Tablet or Mobile apply only to that screen size and override the desktop value.

To clear all tablet or mobile changes on a page, switch to that device and click Reset to Web. Desktop settings stay as they are.