You want a website that looks good, functions properly, and is easy to set up.
Well, welcome to the golf club!
But why is things slightly trickier is that you aren’t a coder.
So does this particular mean you should give up on ideal of having a great website? Definitely not, especially when we have some really fantastic website builders.
Case in point: Squarespace.
Squarespace guarantees phenomenal-looking websites, thanks to its beautiful and modern templates. But there’s a hard-to-ignore learning curve included, which brings me to the stage of writing this article.
Below, I’ll offer you a step-by-step tutorial on how to make use of Squarespace to create a beautifully designed and functional website in no time.
What to Expect When you use Squarespace
Squarespace is undoubtedly one of the best website builders on the market. It’s feature-rich and has several modern and gorgeous templates that could be a delight for any website owner.
Here’s how you create a Squarespace website:
- Step 1 — Sign Up With Squarespace
- Step 2 — Style the Basic Look of Your Internet site
- Step three — Customize Your Website Homepage
- Step 4 — Optimize Your Website just for Mobile Phones
- Step 5 — Create Relevant Sub-Pages
- Step 6 — Make Your Squarespace Internet site Public
Squarespace has many things going for it.
As it is an all-in-one platform, \ to worry about extension or app compatibility. Plus, the knowledge bottom and customer support cover every potential troubleshooting topic very efficiently.
The template selection is contemporary and beautiful, and completely responsive, meaning your site style can adjust itself automatically to appear correctly on mobile devices, tablets, and desktops. You may also edit the templates in order to customize them according to your requirements.
Squarespace also has a logo designing app that lets you design logos from a list of symbols and typefaces.
Furthermore, the website builder takes complete care of website security, back up copies, and redundancy. This removes a lot of responsibility from your shoulders.
The Squarespace interface is slightly more complicated than its competitors. As there are so many features and benefits, putting together your website can be mind-boggling at times, especially where placement is concerned.
They will keep sending you notices about where you’re heading wrong with the editing or that you can unlock a specific function by upgrading to a compensated subscription. But they don’t move the extra step to make it simpler for you to make the required proceed.
The end result? Lots of trial and error.
Additionally you cannot add third-party applications and extensions to Squarespace. Your options are limited to the particular platform’s range of premium addons. As you may have guessed, these extensions—around 20 in number—are quite pricey.
Squarespace is also a more expensive option. It may not be simple for people with tight budgets or even those who want to launch a shop or multiple websites.
Step 1 — Sign Up With Squarespace
If you don’t already have an account with Squarespace, this is your first step. If you carry out, you can jump ahead in order to Step 2. The website builder offers a 14-day free trial, so you can try out the features before subscribing.
Head Over to Squarespace
Go to the Squarespace homepage and click on Get Started .
Type in the text about the objective of your sites. This will help you see a customized selection of recommended designs. If you don’t have everything specific in mind, you can always select Skip to move ahead.
Pick a Website Design Template
Squarespace provides modern and beautiful website templates, with every template as part of your standard Squarespace membership. Put simply, you don’t have to worry about any additional charges.
Within the left-hand side of the screen, the template catalog sits neatly organized by niche/purpose. For instance, ecommerce sellers can click on the Online Stores category. Every one of these templates has been optimized particularly to work for online stores.
Browse through these styles before committing to any template. You can also preview how a template will look like with some demo content.
Once you find some thing you like, click on Start with… , and enter your personal credentials. Click Create Account .
You will be logged in to your new trial site.
Step 2 — Design the Basic Look of Your Website
Squarespace takes you through the whole process of getting your internet site started. I recommend paying full attention at this stage, so you don’t miss out on any important stuff.
Name Your site
The first step would be to enter your website title. Following this, Squarespace will demonstrate ways to customize your site, like modifying pages, creating new types, and styling them.
Add Website Logo design
Let’s start with the logo first.
Adding a logo to the site is very simple. Float your mouse just below House until you see Edit Site Header . Click on it. Just upload the logo file, plus it’ll appear on the painting instantly.
Don’t have the logo yet? No worries, Squarespace will help you create one.
The website builder has a logo maker tool, together with basic editing features. You can even use stock icons to increase your logo. Alternatively, you can use third-party logo maker equipment like Wix, Tailor Brand names, and Canva as well.
Save your photo from the tool and upload this to the main Squarespace web site editor. Once the upload is definitely complete, the logo can look on the canvas.
Select Following .
Choose an Appropriate Font
Thought that adding a logo was easy? Customizing your site font is even simpler.
Squarespace offers you specific font pairings that will go well together instead of an endless list of individual types. All you have to do is choose whether you want to choose sans-serif, serif, or mixed fonts, which will save you lots of period.
Go to the primary dashboard, and select Designs . Click on any font pairing to see exactly how it looks in the Survey section. Additionally , you can adjust the base font size.
Select the font pairing you prefer, and click on Next to proceed.
Pick Your Website Colors
Color settings are similar to typeface settings. Again, Squarespace lets you pick your colors from your set of designer palettes (a set of colors that match) instead of choosing individually 1 by 1. They are presented as groupings of three colors:
- The primary colour (this is for standout components on your page, such as links, buttons, and other similar elements)
- The background color
- The secondary color (for secondary experience, links, and so on)
Considering these palettes are put together by a professional designer, you’re make certain everything will look good on your website, plus save period. You can also put together a custom made palette if you want.
Select a color palette that suits you best. Simply click Done to finalize these changes.
You will now see your logo, fonts, and colors added to your site.
Step 3 — Customize Your Website Homepage
You can customize your homepage and replace the demo content with your own.
Squarespace divides all of your content into separate series. Here’s how your home page design will look before you customize any aspect of the website:
Your website will have three various rows:
- The menu row
- The hero area row, which includes the image as well as the headline on top
- The text section row this is the lower part of your website
Every row has different options and customizations available. Hover your mouse over any element around the page to see options pop up. This can include replacing the logo, adding extra elements, and changing the header layout.
Pick the Edit button located on top of the canvas. A visible website editor will crop up on your screen, where you can change any element on the page, including adding and deleting options.
Keep in mind that any text you add or edit is saved automatically.
Deleting Site Elements
You can remove a whole row or some kind of individual element. Simply click within the part you want to delete, plus click the Trash icon.
Opening ‘Options’ Panel associated with Elements
Your site design consists of elements that have their own options panels. To get into these panels, click on the Pencil icon on the upper right-hand corner of the element in query. This will show you a set of additional options for the specific section.
Every element will have an alternative set of options concerning formatting, backgrounds, colors, and positioning. For instance, here’s how the additional options for the Hero line will look:
You can adjust the look for every row by clicking on the displayed choices.
Adding or even Realigning Website Sections
You can add a new area as well as realign existing areas.
Adding brand new sections lets you accommodate any kind of new content that you want to include in your pages. Pick the place where you want to add a brand new section and click on the related ‘ +’ buttons you’ll discover before and every content section.
In addition to adding standard content sections like headings, images, and quotes, you can even add specialized fields with regard to appointments, reservations, newsletters, Frequently asked questions, restaurant menus, and more.
Squarespace also allows you to realign sections by pulling around individual elements and dropping them into one more place on the canvas. You can move sections up and down or use the arrow button within the top-right corner of a given row to switch between sections.
Adding Images along with other Visual Elements
Squarespace has templates with regard to image gallery blogs, solitary videos and images, graphs, and music.
Important: Click on the ‘ +’ key next to where you want to place that content to add new content to your site—in this case, an image or video.
If you click on Images, you’ ll see a choice of different layouts for image presentation. Click on the Pencil image next to the image you want to change and then on the Trash image. You can also upload an original picture if you want.
But that is not it.
Squarespace offers editing equipment that let you edit your image and change some of the parameters. Click on the Image Editor button to crop, switch, add filters, change the factor ratio, and adjust the image’s brightness, contrast, and saturation.
Step 4 — Optimize Your Website for Cell phones
An unoptimized website can seriously harm your traffic and conversion rates.
Why? You observe, it’s more likely for customers to visit your website from a cell phone than a laptop or desktop. Mobile traffic has increased to more than 200% in the last 7 years.
Fortunately, Squarespace makes mobile marketing super easy.
It has a clever mechanism that predicts what the best mobile layout for your website design should be. Therefore, you don’t have to worry about mobile when utilizing this website builder.
Click on the Mobile Phone icon in the top right-hand corner of the Squarespace interface to view a preview of the mobile version of your site.
Squarespace already has plenty of features and abilities, but if you would like to extend it further, you can choose third-party integrations as well. For instance, you can add your preferred management software or an email marketing tool to your site.
Select the extension you want to increase your site, and then click on Connect to site .
Step 5 — Create Relevant Sub-Pages
Add a Blank Template
Go to the main Squarespace dashboard to add a page. Select Pages , and then click on the ‘ +’ button. You can click on possibly the Empty Page template or Page Layout .
Suppose you click on Page Layout . Following this, pick the category of the web page you want to build and then pick a specific page layout.
Customize Main Menu
Every newly additional page is automatically put into the main menu of your site. But you can tweak things to make the menu look precisely how you desire it.
Designed for customizing your menu, you’ll have to go back to the main Squarespace dashboard. Select Pages from there. You can then grab any of the web page links in the sidebar plus drag them up and down to place them where you want.
Adding Optional Pages
You can add a weblog or an online store aimed at your website at this stage. Both are optional, so only proceed using this if you really want to add all of them.
Click on Pages on the Squarespace dashboard, followed by the ‘ +’ button in the sidebar to add a new web page. Select Blog or Store according to what you want.
Action 6 — Make Your own Squarespace Website Public
Your Squarespace internet site is private at the moment. If you want to make it visible to the outside world, you have to activate this.
Here’s what you ought to do:
1 ) Go to the main Squarespace dash.
2 . Select Settings , followed by Site Accessibility .
3. Update to one of Squarespace‘s compensated plans to launch the website.
Choose the Right Subscription Strategy
I recommend opting for the personal plan that begins at $12 if you plan upon building only one website. Nevertheless , if you want to run an web commerce store, the Business or Business plans would be a better match. Compare plans to find the best a single for you.
Also, every plan comes with a totally free domain name, so you don’t have to pay extra.
Do you know what? You now have a live Squarespace website that’s available to the general public. Well done!