Topics covered in this section
First Home Page Overview
Building your first homepage in MadeDaily is an exciting step toward creating a professional, personalized web presence. Whether you're a beginner or have some experience, Madedaily’s user-friendly tools make it easy to design and launch a stunning homepage without needing to write a single line of code. In this guide, we’ll walk you through the essential steps, from setting up your layout and customizing elements to ensuring your page is responsive across all devices. Let’s dive in and start building your first home page!
When your first get started, you will see this page, click get started to start building your home page!
Getting Started
Your home page is the digital front door to your website. An effective home page will act as both an introduction to your business/service as well as a sales page. The home page often showcases featured content, promotions, or recent updates to engage visitors and guide them deeper into the site, as well as a prominent call to action to drive sales.
Page Information
Next you will enter some information about your brand, this text will appear in search results and help improve SEO.
Once you have added your text, click continue.
You can add, or modify this text at any point by visting the page infomation section!
Blank Start or Framework
When getting started, you can either choose a blank page to start building, or an existing framework page to get you started!
Click Select Layout to start building your page.
Design Containers
Design containers are empty container layout options for your page. Use containers to create new columns, rows, or grid sections. Just drag containers into your page.
Content Sections
Click “Content Sections” to open content sections for your page. Content Sections make it easy to organize page content. Close “Content Sections” to have more room to design.
Drag content sections up (or down) to reorder content sections on your page. Organizing your page content in sections makes it easier to move groups of content around, rather than moving individual items.
The content sections will render in the order the appear in the content sections list.
New Content Section
Click “Add New Section” to create a new section. Use sections to update the look and feel of your website quickly.
Adding Elements to a Content Section
Look through the list of MadeDaily Components, and drag any of your choosing onto the page and get creating! For more information on components click here.
Quick Tip
To copy and paste click on a component or container group. Hit “command + C” on your keyboard, and then hit “command + V” to paste. If you want to paste in a specific location on your page, click on an element in that section, then hit paste.
Focus
Click the “Focus tab” to hide editor controls.
Quick Preview
Use “Quick Preview” to review your website, with headers and footers, and see how it looks at each responsive breakpoint. Continue to refine your design or click “Done Editing."
Responsive Slider
Use the responsive slider to review your website at the responsive breakpoints and adjust your design as needed.
Publishing a Page
Once you have added all of the components, containers and elements to your page, checked the different breakpoints, and previewed your page. Click Publish to push those changes live!
Related Resources
- Publishing Your Page
- SEO What Is It and How to Use It
- Hover States on Buttons, Made Simple