SitePad

Edit pages, menus and widgets in SitePad

Add and arrange pages in SitePad, edit text and images with widgets, build sections, manage the navigation menu and check every page on mobile before publishing.

BeginnercPanel hosting3 min read

Once you have chosen a theme, most of your time in SitePad is spent editing pages. Everything works by clicking elements on the page and dragging widgets from the left panel, so there is no code to write. This guide covers the tasks you will use every day.

Before you start

  • Open SitePad from cPanel → Software → SitePad Website Builder and click to edit your site.
  • Have your text and images ready. Resize large photos to around 1920 px wide before uploading.

Add, rename and delete pages

  1. Open the Pages panel on the left.
  2. Click to add a new page. Choose a blank page or a pre-designed layout.
  3. Give it a clear title; the title is also used for the page's address, for example /services.
  4. Use the page's options to rename, duplicate or delete it, or to set it as the home page.

Edit text

Click any text on the canvas to start typing. A small toolbar lets you set bold, italic, links, lists and alignment. Use the element's options to choose the heading level: one main heading (H1) per page, then H2 for sections. This structure helps both readers and search engines.

Replace and add images

  1. Click an image and choose to replace it.
  2. Upload from your computer or pick from the media library.
  3. Fill in the Alt text with a short description, for example "Team meeting in our Berlin office". It helps accessibility and image search.

Use widgets

WidgetUse it for
Heading and textTitles and paragraphs
Image and galleryPhotos, portfolios, product shots
ButtonCalls to action such as "Get a quote"
Contact formEnquiries sent to your email
MapYour business location
VideoEmbedding a video from a streaming service
Icon and icon listFeatures and benefits
Social iconsLinks to your social profiles

Drag a widget from the left panel onto the page. A highlighted line shows where it will drop. Click it afterwards to edit its content and style.

Work with sections and columns

  • Pages are built from rows (sections) containing columns. Add a section, choose a column layout, then drop widgets into the columns.
  • Use the section's options to set a background colour or image and spacing.
  • Duplicate a section to reuse a design, then change its content.
  • Drag sections by their handle to reorder them.

Manage the menu

New pages are usually added to the menu automatically. Open the menu or navigation settings to reorder items, hide pages from the menu, create drop-down sub-items or add a link to an external site. Keep the main menu short and put less important pages in the footer.

Check mobile and tablet views

Switch to the mobile preview and check every page. Look for text that is too large, images that crop badly and columns that stack in the wrong order. Many widgets let you hide elements on mobile or set separate sizes per device.

Save and publish

Click Save often while working. Changes only reach your live website when you click Publish.

Troubleshooting

  • Changes not visible on the live site: you saved but did not publish, or your browser shows a cached copy. Publish again and refresh with Ctrl+F5.
  • Image upload fails: the file is too large; resize or compress it first.
  • Element cannot be selected: it may be inside a section; click the section outline first, then the element.

Next steps

Was this guide helpful?

Still stuck?

Ask MdmHost AI for a quick answer, or open a ticket and our team will take a look. We are here 24/7.