A website is basically a group of webpages linked together. So when building your site, the first step is build your pages. This guide explains the basic concepts that you’ll need to understand when creating a page.
Your site is made up of pages, which are listed on the left under Pages.
To add a new page:
To delete a page:
Important! Don’t delete the Home page. Your site needs a home page.
To copy a page:
Many of the SEO components (including Slug, Title, and Meta description) for each page are in the Page Settings.
To open the Page Settings:
To learn more about SEO settings, check out Set Up SEO Tools.
All your pages are listed on the left, and you can change the names of pages in this list.
Note Keep in mind that this is the name that you see in the platform. You can also change the page title (shown in the browser) or the URL. Also, if you don’t set a page title, then your site will use the page name as the title.
Edit the Name in the Page Settings:
Each page has a title that search engines and browsers use when referring to the page. You can see this title is search engine results:
And at the top of each tab in your browser:
While each page has it’s own title, you can set a prefix and suffix that appear in every page title. For example, every page on this site has the suffix
— DevKit University.
Learn more about where titles are used, how to configure them, and get tips for writing titles in Set Up SEO Tools.
You can change the URL of page—called the page slug.
For example, the URL of your Home page is:
And so the Home page slug is:
Edit a slug in the Page Settings:
Note Since this is part of the URL, we recommend that you use lowercase letters, dashes (
-) instead of spaces, no symbols (like
?%*#), and no special characters (like
Important! Don’t change the slug for the Home page. Your site needs a page with a
For some more advanced uses of the page slug (like creating friendly URLs), check out Set Up SEO Tools.
Each page has several zones, which correspond to different areas. So when you add widgets, you’ll add them to a specific zone depending on where you want them to show up on the page.
So each page has a:
To see how a page is structured, at the top of the page, click the Page Structure button, which places borders and labels around each component on a page. These borders also appear once you start dragging a widget onto a page.
Once you start dragging widgets onto a page, you might have some questions about how to achieve more complicated layouts such as adding multiple columns or adding rows with different numbers of columns.
Read more about how to create columns and rows in Build with Widgets.
You can preview your page at any time in a couple different ways:
Without leaving the Studio, you can see how your page will look on different devices.
To preview your site at different resolutions:
Note This preview is a bit more accurate than you would get by just resizing a browser. For example, font and image sizes look closer to what you would see on an actual tablet or phone.
Of course, the only to really know what your site will look like on a specific device is to see it on that device. You can do that using the preview URL.
To preview your site in a browser or with a mobile device, use your site’s preview URL. Any changes you make to your site will show up here even before you publish.
So to see this this URL:
To see this preview on a phone:
The preview URL is a good way to test out changes without breaking your live site. Once you’re ready to take a page live, publish it.
While Moboom auto-saves as you're working, before anything goes live, you have to publish.
To Publish a page:
When publishing a page, you have three options:
You can view published pages at your Moboom domain:
example.site.moboom.com. (To use a custom domain, see Add a Custom Domain.)
Important! If your page uses page elements, you must also publish the page elements.
Of course, before you publish, you should always preview your changes.
Moboom auto-saves as you work, but if you accidently drag a widget into the wrong place or delete some important text, don't worry—you can undo.
You have a couple options for removing changes:
While most pages work the same way (they have a page slug, and if you want to see them, you have to navigate to them directly), other pages work a little differently.
Your site two special pages:
Your site needs a home page. When someone types in yourcustomaddress.com or yourcustomaddress.com/home, they see this page.
In general, 404 is the code on the Web that represents Page Not Found. So if someone types in your domain, but goes to a page that doesn’t exist (
yourcustomaddress.com/this-page-doesnt-exist), they are directed to your 404 page.
You can customize this page so they get a friendly message.
To add a 404 page:
404, and then click Add New Page.
Now whenever someone enters a page address that doesn’t exist (or yourcustomaddres.com/404), they’ll see this page.
Important! The key to this page is the page slug. For this page to work, its slug should always be
For example, here’s this site’s 404 page.