How to create a website

Owned by Mariam Danielyan
Jul 12, 2024
3 min read

Ok, you know all of the details now. You have an account, select your template, and are ready to build your website. Hold on! It's likely best to grab a notebook and write down the high-level structure you feel your website needs to consist of. Is it just supposed to be a landing page? Does it require an About page, contact page, or services page? For every website we've created, identifying these requirements upfront was always much more efficient. Building a frame (you can use Miro), whether basic or advanced, will also help you save time later because you're establishing requirements and identifying what the website must consist of and can even include a scratch idea of what you may want the site to look like. Don't want to use an online tool? A notebook and pencil will do just fine. At this point in the process, you were likely taken into your newly selected website template screen. Let's now move on to describing the tool menus in edit mode, where you'll be spending most of your time.

Screenshot 2024-07-12 at 11.30.34.png

From left to right: 

  • Search the Editor (CTRL-K) - A great way to find any widget, text block, and more!

  • Info and Tools - Allows you to enable experimental features, get your preview link, stats, and more.

  • Checkmark - This icon changes to ellipses or when auto-save is occurring. The check means it's been saved.

  • Left Arrow - Quick undo button. Don't like your last change? Click here. It can be used to backtrack multiple changes.

  • Right Arrow - Redo button. This is the opposite of undo and lets you restore something you accidentally undone.

  • Preview - This option allows you to enter a preview mode to demonstrate your website's appearance on a browser, tablet, or mobile device.

  • Publish/Republish - Saves or commits your changes to the Internet.

  • Help - This will provide a link to access the knowledge base or open a new support ticket.

  • Home - The home button will take you back to your dashboard.

Screenshot 2024-07-12 at 11.42.39.png

From top to bottom: 

  • Theme - Access global site settings like fonts, buttons, backgrounds, mobile layouts, etc.

  • Pages - Open the pages and pop-up menu. You can also add other site languages from here!

  • Widgets - Super powerful, drag-and-drop website building blocks. Use these to create your content.

  • Content - Import content from your current website, manage images, files, and more.

  • Personalize - This is a powerful way to target users and generate leads.

  • Blog - Add a blog to your website, create posts, and more!

  • SEO&Settings - SSL, URL, favicon, header html, privacy, 404 settings. There's a lot to go through here.

In the top-most menu section, you'll notice 'Home' followed by three icons displaying a monitor, tablet, and phone. The Home drop-down button provides a simple way to switch into edit mode on different pages. This can save some time if you continually click on the Pages menu on the left and then select which page you'd like to open in the editor. Because this is a responsive website builder, it allows you to edit and customize the user experience on browser, tablet, and mobile. Using these three icons at the top, you will switch each page into these other modes to continue editing. Our recommended best practice is first to do ALL of your website design on the browser version. When you feel it's 100% done, move on to the tablet version. Then, finally, move on to the mobile version.

Here, you will find all the detailed guidance for the website builder tool