This article helps you get started working on your pages. Whether you're building your homepage from scratch or refining an existing page, the guidance below covers everything from planning to testing.
Page Editor Components
Your page is split into four key components:
The Four Components
- 1Header and navigation
- 2The layout of the page, broken into sections
- 3The content that goes into each section
- 4The footer
Your Starting Point
Before starting on your page, it's helpful to consider what you want to place into it. Here are some areas to think about:
Planning Considerations
- 1What do you want to show people about your business online?
- 2Have you already defined brand guidelines such as colours, fonts, and imagery?
- 3What kind of image are you trying to portray to your audience — professional, fun, creative?
- 4What does your site hierarchy and navigation structure look like? What pages and content do you need?
- 5What content do you already have? If you're stuck, get ideas from competitors you admire or consider engaging a copywriter
- 6What imagery do you have? Consider your own photography, hiring a photographer, or using stock image sites such as Pexels (available directly within Limecube), iStock, Adobe Stock, or Unsplash
Don't worry if you don't have everything ready. Pages are extremely flexible — content can be moved, changed, added, or deleted at any time as your site evolves.
Working on Your Home Page
For most sites, the home page defines the look and feel of the rest of the site and will be the most visited page. It's worth getting the home page right before moving on to other pages. What you start with depends on what you have ready — your header and navigation, your content and imagery, or your fonts and colours.
Header and Navigation
The header and navigation are amongst the most important elements on your site, as they're one of the most visible sections. This area contains your logo, navigation menu, and call-to-action. A well-thought-out navigation bar helps drive users to the most important pages.
When considering your navigation, aim for around five key menu items to keep things simple and easy to use. Sub-pages can be accessed as drop-down items from the main navigation or through links within each page, so you don't need to fit everything into the top-level navigation. See Navigation Menu for more detail.
Adding Content
When you first choose a theme, you'll have pre-populated layouts and content to get you started. You can follow these layouts, remove them and start with other pre-built layouts, or use empty layouts to build your pages exactly as you want them. Learn more about working with Elements and Plugins or Section Layouts.
Defining Fonts and Colours
If you're ready to start working on your fonts and colours, you can do this within the Style Editor. This gives you full control over the visual appearance of your entire site.
Testing on Different Devices
When working on your pages, it's important to ensure your site looks great on all devices. Limecube automatically makes your site responsive, meaning your content adjusts seamlessly across desktops, tablets, and mobiles without extra effort. To switch between device views, look for the icons at the top of your admin area and toggle between Desktop, Tablet, and Mobile.
Pay close attention to the size of your logo on mobile — this is one of the most common sizing mistakes. If your logo is too large, it stops visitors from seeing the most important parts of your page.
If you've added custom third-party code such as booking forms or newsletter sign-ups, check the third-party platform's settings for a mobile-friendly version to maintain a smooth experience across all devices.
Background Images
You can add background images to your entire page or to individual sections. This is a great way to add visual depth without cluttering the content area. See Adding and Editing Images and Files for more detail.
Your Footer
The footer appears at the bottom of every page and typically includes contact details, navigation links, and social media icons. See Footer Editing to learn more about customising yours.
Frequently Asked Questions
Was this helpful?
Related Articles
The Page Editor
Your central workspace for building pages — learn about page settings, SEO, social sharing, the sidebar, and how to preview your work.
6 min read
Page Layouts
Choose and customise page layouts in Limecube to create the right design foundation for each page on your website.
3 min readVideo
Sections Management — Page Layouts
Learn how to create, customise, and manage page sections in Limecube using pre-filled templates, empty layouts, flex sections, and saved sections.
10 min read
Still need help?
Submit a Support Ticket