Create Your Own Website – Launch Your Website in 12 Easy Steps

Create your particular person web page – Launch Your Website in 12 Easy Steps

If it is worthwhile to assemble an eye fixed mounted-catching web page in your portfolio, weblog, or on-line retailer, it’s laborious to go earlier Squarespace. With its prolonged-standing standing as the web page builder for designers, artists and creatives, Squarespace’s fashionable templates are behind a number of of the web’s most visually hanging internet sites.

So, how easy is it to assemble an web website with Squarespace? As we’ll current you in this Squarespace tutorial, making a surprising Squarespace web page may very well be comparatively quick, easy and fulfilling – as long as you’ll have a few suggestions up your sleeve.

Able to get started? Let’s leap correct in!

Who’s that this Squarespace Tutorial for?

This Squarespace tutorial is sweet if:

  • You’re new to Squarespace (or web page builders in widespread), and desire a step-by-step walkthrough on discover ways to use it
  • You’d select to have a low-repairs web page that’s quick to rearrange, and don’t ideas giving up some administration over design to get this (in another case, Webflow is maybe a better selection to try)
  • You’ve gotten an sincere assortment of extreme-determination footage to work with (each your particular person or stock footage – you can license footage from Getty Photographs straight by way of Squarespace)
  • Your web page could be on the smaller side (as an example, a personal or enterprise web page that gained’t have an unlimited amount of content material materials)
  • You’d like in order so as to add a portfolio or a weblog to your web page (we’ll take you via how to try this)

This tutorial will current you discover ways to assemble a relatively simple Squarespace web page, nonetheless will be begin line for those who want to add further superior choices (e.g. a membership area or on-line retailer). To be taught the best way in order so as to add these choices to your web page, I’d advocate making an attempt out Squarespace’s Knowledgebase.

Step-by-Step Squarespace Tutorial

Our video presents an in depth demo of discover ways to organize a Squarespace web page. It’s possible you’ll adjust to our step-by-step data below:

Attempt Squarespace freed from cost proper right here.

Step 1 – Select your template

In our tutorial, we’re going to be establishing a portfolio web page for a (fictional) graphic designer named Elli, to promote and showcase her suppliers.

Step one is to flick via the completely totally different templates accessible, which you possibly can discover proper right here. You’ll uncover over 100 to pick from, and should browse by class (Portfolio, Images, Weblog and so forth). Hover over a template and in addition you’ll see two decisions: 1) Begin establishing your web page using that template, and a few) Preview that template.

Because it’s not doable to change templates using the latest mannequin of Squarespace, I’d advocate clicking the second selection and previewing the template completely sooner than deciding on one.

squarespace templates

I’d advocate deciding on a template that’s aesthetically in line with the positioning you want – e.g. comparable fonts, colors, imagery. Layouts are fairly easy to change with Squarespace – altering styling nonetheless takes a bit further work.

When you’re settled on a template, click on on on the ‘Begin with’ selection. For Elli’s web page, we’re going to resolve on the ‘Novo’ template beneath ‘Portfolios’, as a result of it has the identical development and aesthetic to what we want to perform.

novo template

Step 2 – Join Squarespace (freed from cost!)

The next show will quick you to enroll in Squarespace, using each your Google, Apple or e mail account.

There’s no financial institution card required, and you will really try Squarespace out freed from cost for 14 days (supplying you with a great deal of time to resolve whether or not or not or not it’s finest for you).

Whereas you can assemble a web page freed from cost all through the 14-day trial interval, you’ll should enhance to thought of one among Squarespace’s plans to really publish your web page. We’ll cowl that in the ultimate step of this tutorial.

After providing your particulars, you’ll be requested what you’d prefer to name your web page. You’ll be able to enter a repute proper right here, or simply skip this step and revisit it later.

Squarespace tutorial - welcome screen

There may additionally be a few quick animations on discover ways to make modifications to your web page, equal to modifying, creating and styling pages, which you can view or skip.

Step 3 – Get to know Squarespace

You’ll then be taken to this subsequent show, the place you can start making modifications to your web page. Right here’s a quick summary of the completely totally different sections of the show:

squarespace editor

1. This primary half is the Web site Preview. It lets you preview the content material materials and construction of each of your web page’s pages – textual content material, footage, sections, and further. Clicking the ‘Edit’ hyperlink in the best left will take you on to your Editor, and it’s proper right here the place you’ll be making nearly all of your web page’s modifications. Proper now, you’re your web page’s homepage. You’ll be able to navigate to totally different pages by clicking on the hyperlinks inside this view (merely as you’d in the occasion you had been viewing a keep web page).

2. If the first half takes care of internet web page-diploma modifications, you can take into account the Dwelling Menu on the left as taking excellent care of ‘the bigger picture’. That consists of your web page’s design, pages and navigation menu, internet optimization, and analytics. It’s moreover the place you deal with any further choices (on-line retailer, member pages, weblog and so forth). It’s possible you’ll navigate to your web page’s pages by clicking on the ‘Pages’ selection in this menu.

3. This Assistant presents a helpful intro video to Squarespace (which I prefer to suggest making an attempt out), in addition to taking you via the steps of modifying your web page. As we’ll be masking them in this tutorial, you can shut this window by clicking the X button on the underside correct (after you’ve watched the video).

Be happy to click on on spherical and uncover these completely totally different sections, to get an considered the best way all of it works.

The predominant points to remember about Squarespace’s Editor are:

  • Sadly, there is not a autosave perform. You need to manually save modifications after you’ve made them. This may very well be accomplished by hovering over ‘Completed’ in the best left, and deciding on the ‘Save’ selection.
  • Likewise, there is not a undo button (although you can undo textual content material modifications by using your regular keyboard shortcuts, e.g. CTRL/CMD + Z). You’ll be able to choose to ‘Discard Modifications’ (moreover accessed by hovering over ‘Completed’ in the best left), nonetheless this will likely undo the entire modifications made since your remaining save (with no option to redo) – which is why it’s needed to avoid wasting a number of your work generally

Step 4 – Edit the header of your homepage

Let’s start making modifications to our homepage by clicking the ‘Edit’ hyperlink, on the prime left of your Web site Preview (half 1).

We’re first going to focus on making modifications to the content material materials of the positioning (textual content material, footage and so forth). We’ll save design modifications for later.

As you can see, Squarespace has routinely inserted the positioning establish you equipped earlier into the header of your web page. In case you’d like to change this, merely hover over the header, and click on on the ‘Edit web page header’ button that appears.

You’ll see a model new window popup. Select the ‘Web site Title & Brand’ selection, the place you’ll have the flexibility to vary the positioning title, and even add your particular person emblem. Squarespace affords a free emblem maker, by one of the best ways.

squarespace site header

As soon as accomplished, click on on ‘Again’ in the equivalent window. It’s possible you’ll edit totally different elements of your header, along with elements displayed in the first navigation (your web page’s menu, seen in the best correct of this template). As an example, in the occasion you click on on ‘Parts’, you’ll have the flexibility to pick which elements you want to present in your predominant navigation (e.g. social hyperlinks, title-to-movement buttons, procuring cart or account login) by toggling ‘on’ or ‘off’.

squarespace header elements

In Elli’s case, we’re going to remove the Vimeo and Instagram hyperlinks, so to do that, choose ‘Edit social hyperlinks’, then click on on on one among many hyperlinks you want to take away. A model new popup will appear – click on on ‘Take away’.

squarespace instagram

We want to preserve the Dribble hyperlink nonetheless substitute it to hyperlink to Elli’s Dribble portfolio. So merely select the Dribble selection, then substitute the URL in the popup. Click on ‘Save’ when accomplished.

squarespace dribble

Any edits made to the header will apply to the header displayed all via the whole web page – not merely the homepage. So, you’ll solely ever have one mannequin of the header in your web page. You’ll moreover uncover that the footer will routinely stand up up to now with the social media hyperlinks you’ve edited in your header.

Step 5 – Add a model new half to your homepage

Whereas Elli likes the final development of her homepage, she does want to make a few modifications to the construction. Particularly, she wishes to add a textual content material introduction to the best of the online web page, to point out above the prevailing gallery of images (which we’ll be modifying a bit later).

To do that, we’re going to hover over the place we want to add this new half. A model new button, ‘Add half’ will appear – go ahead and click on on that.

squarespace add section

That is the place thought of one among Squarespace’s strongest matches comes into play. You’ll have the flexibility to choose from dozens of prebuilt layouts, ranging from headlines, lists and galleries, to further superior efficiency equal to contact varieties, e-publication signups, and appointment bookings.

squarespace sections

We merely want to add a bit little little bit of introductory textual content material, so we’re going to pick from one among many layouts in the ‘Textual content’ half.

Don’t identical to the half you’ve merely added? Don’t concern – all it is worthwhile to do is hover over it, after which click on on the trash can icon that appears in the best correct.

squarespace delete section

In any other case, in the occasion you’re joyful to keep up it, click on on on the textual content material and make your edits as needed. As soon as accomplished, hold in thoughts to hit the ‘Save’ button by hovering over ‘Completed’ in the best left of the editor.

squarespace save

Step 6 – Edit present ‘Initiatives’ half

Let’s switch on to modifying the next a part of the online web page – the gallery of portfolio footage (Squarespace calls these ‘Initiatives’).

We want to alternate these with footage of Elli’s private work, so let’s hover over the half and click on on the ‘Handle initiatives’ button that appears.

squarespace projects

Be aware you possibly can moreover edit the seems of this half – as an example, for those who want to present 3 columns of images in its place of two. Simply hover over the half, click on on on the pencil icon that appears (‘Edit Part’), and regulate as needed.

Within the Dwelling Menu on the left, you’ll see a list of the prevailing initiatives on the net web page. We’re going to delete a few of them as Elli solely has 4 initiatives she wishes to showcase – so hover over one among many initiatives, then click on on the ellipsis (‘…’) that appears. Click on ‘Delete’.

squarespace projects

So as to add (considerably than delete) further initiatives, merely click on on the ‘+’ icon that appears in course of the best of this pane.

To vary the photographs that appear in this half, hover as quickly as further over the associated enterprise, hit the ‘…’ icon, then click on on ‘Settings’.

Within the model new popup, click on on ‘Take away image’, and alternate it with thought of one among your particular person. Make optimistic to change the title and the URL slug (the online web page URL) too, to make it associated to your web page. Click on ‘Save’ in the best left of the popup when accomplished.

squarespace edit project

Repeat this for each of the alternative initiatives. As soon as accomplished, you can attempt the best way all of it appears to be. In case you’re happy with it, good – let’s switch onto the next step.

squarespace portfolio

Squarespace’s templates rely on extreme-prime quality, extreme-determination footage to work properly. With out them, the design truly begins to disintegrate. It’s worth investing the extra work (or money, in the case of stock footage) into guaranteeing you’ll have a big selection of these to utilize.

Step 7 – Edit ‘Initiatives’ pages

Every one among many footage in your ‘Initiatives’ half outcomes in its private internet web page, too. You should utilize this to embody particulars about your enterprise, or in order so as to add further footage. To edit this internet web page, merely click on on on the enterprise in the Dwelling Menu on the left, after which ‘Edit’.

squarespace tutorial

First, change the header background image by hovering over the half, then clicking the pencil icon that appears (‘Edit Part’). Within the model new popup window, select the ‘Background’ selection and click on on ‘Change’.

squarespace replace image

You possibly can make edits to the rest of the online web page by clicking to edit, or by together with sections, as we’ve accomplished beforehand.

squarespace text highlight

To delete a bit, hover over it, and click on on the trash icon that appears in the best correct.

squarespace delete block

As soon as accomplished, click on on ‘Completed’ then ‘Save’ in the best left, and repeat with the remaining ‘Initiatives’ pages.

Step 8 – Edit ‘Contact’ internet web page

We’re happy with our homepage and our ‘Initiatives’ half, so let’s switch on to modifying one different internet web page. Our template has a ‘Contact’ internet web page included, which we want to preserve in order that potential purchasers can get in contact with Elli. To edit that, click on on on the ‘Pages’ hyperlink in the best left of the Dwelling Menu.

squarespace tutorial

Then, click on on on the ‘Contact’ internet web page (highlighted below). The ‘Contact’ internet web page will appear in the Web site Preview on the suitable, so click on on ‘Edit’ to begin out making modifications to it.

squarespace tutorial contact

First, we’re going to interchange the first image with thought of one among Elli. To present it some design aptitude, we’re moreover going to change the image format so a textual content material subject overlaps it. To that, click on on on the image, after which the pencil icon to edit. After altering the image, select the ‘Design’ tab, then choose the ‘Collage’ selection.

squarespace collage

Click on in the textual content material area to edit the textual content material. It’s possible you’ll change font sizes by highlighting the textual content material and deciding on a particular textual content material type (e.g. Heading 1, 2 and so forth).

squarespace headings

As soon as accomplished, you’ll have one factor that seems like this:

squarespace tutorial

We’re then going to change the prevailing textual content material, as we’ve accomplished in earlier steps, by clicking and modifying. It’s possible you’ll change textual content material formatting (e.g. daring or italic styling) by using the toolbar that appears above the textual content material.

squarespace tutorial contact

Lastly, we want to alternate the prevailing ‘Let’s Work Collectively’ button with a model new contact type. So delete this by clicking on it, then clicking the trash icon.

squarespace tutorial block

We’ll then add a model new half (as we did beforehand in Step 6). Hover over to the place you want to add the form (in our case, on the bottom of the online web page), click on on ‘Add half’, then select the ‘Kind’ selection. You’ll see a group of completely totally different type layouts to pick from – we’re going to scroll down, and choose one which exhibits an image subsequent to the form.

squarespace form

As soon as your type is inserted, change the image (you’ll understand how to try this pretty properly by now!), and edit the textual content material above the form as needed.

squarespace form fields

To make modifications to the form fields, click on on on the form and select the pencil icon to edit. You’ll be able to edit/take away present fields, and add new ones.

(*12*)

Subsequent, you’ll should define the place the data from any type submissions will go. Click on the ‘Storage’ tab – you’ll have the flexibility to pick to acquire them as e mail updates, or for the data to go on to a Google Drive spreadsheet, Mailchimp, or another e mail promoting gadget (using Zapier). In our case, we’ll merely be deciding on the e-mail selection.

squarespace form connection

As soon as accomplished, click on on the ‘Apply’ button. Examine that each half in your internet web page appears to be okay. In case you’re happy with it, let’s switch onto the next step – together with a weblog.

Step 9 – Including a weblog

You’ve seen discover ways to edit present pages in a Squarespace template. However what for those who want to add a model new internet web page? Or a set of current pages (as an example, a weblog)?

It’s really less complicated than it’s possible you’ll suppose. Within the Dwelling Menu on the left, make sure you’re in the ‘Foremost Navigation’ menu (in the occasion you’re not already there, you can entry it by clicking on ‘Pages’). Click on the ‘+’ button that appears subsequent to ‘Foremost Navigation’ (or, in the occasion you don’t want this new internet web page to be accessible out of your web page’s predominant navigation, click on on the ‘+’ that appears subsequent to ‘Not Linked’).

squarespace add page

Though you’ll most certainly want most pages to be linked to from the first navigation, conditions the place it’s possible you’ll want to use the ‘Not linked’ selection embody password-protected pages, members-solely areas, and advert-pushed landing pages – principally, one thing that you just wouldn’t want a standard buyer to see.

You’ll see diversified decisions for together with a model new internet web page, along with the selection in order so as to add a clear internet web page, or start with a construction/template. We’re going to resolve on the ‘Weblog’ selection.

squarespace new page

Subsequent, select the weblog construction you want to use (we’ll be deciding on ‘Weblog 2’):

squarespace blog layouts

As soon as it’s been added, you can edit the menu title for the weblog in the left pane. This is able to be the title that appears in your web page’s menu/predominant navigation, so to keep up it transient and sweet, we’re merely going to name it ‘Weblog’.

squarespace blog

Subsequent, click on on on the ‘Weblog’ menu merchandise you’ve merely edited, and in addition you’ll be taken to a list of the demo weblog posts that embrace the template.

squarespace blog settings

These may very well be edited in the equivalent method as you beforehand edited your ‘Initiatives’. Click on on the ‘…’ that appears subsequent to each weblog title to each delete or duplicate the weblog publish.

Likewise, you can click on on on ‘…’ and choose ‘Settings’ to:

  • Change the standing of the publish (e.g. ‘Draft’, ‘Wants Overview’, ‘Publish’ and even ‘Schedule’ posts)
  • Add tags and courses
  • Allow/disable commenting
  • Change the first image of the weblog (beneath the ‘Choices’ menu merchandise)
  • Edit internet optimization settings (title, description and URL)
  • Hyperlink to social media or e mail campaigns

To edit the content material materials of the weblog posts, merely click on on on the weblog title in the left, then click on on on ‘Edit’ in the editor half.

squarespace edit blog

As with the ‘Challenge’ pages, you’ll have the flexibility to edit present headings, footage, textual content material, and add/take away sections.

squarespace blog post

As soon as accomplished, you’ll end up with a predominant weblog internet web page which can look a bit this – pretty cool, huh?

squarespace blog view

Step 10 – Customise your web page’s design

We’ve taken care of the content material materials of the positioning. Now, let’s make sure the design and styling is strictly as we want it.

Squarespace’s templates have a unified design all via the whole web page – each internet web page makes use of the equivalent color scheme, fonts and so forth. This helps Squarespace web sites protect the extreme-design aesthetic they’re renowned for.

You possibly can make small adjustments to the templates by following these subsequent steps. It’s most interesting to not stray too faraway from the distinctive design – nonetheless, you can inject a bit little little bit of your/your small enterprise’s character into it.

It’s possible in order so as to add personalized code (HTML, CSS and Javascript) for those who want to enlarge modifications. I wouldn’t truly advocate this as a) Squarespace’s templates are glorious as they’re and b) Squarespace gained’t current assist spherical these modifications, nonetheless the selection is there.

First, hit the ‘Dwelling’ selection in the left pane to navigate once more to your Dwelling Menu. Then, choose ‘Design’. You’ll uncover a total differ of decisions for customizing your web page – fonts, colors, animations, buttons, and further.

squarespace design menu

Customizing fonts

Let’s start by clicking on ‘Fonts’. Squarespace makes use of font packs – pairs of fonts which will be matched to most interesting match alongside along with your template. You’ll be able to swap between font packs, change the fonts inside packs, and even make adjustments to peak, weight, and spacing. So, choose the font pack that works most interesting in your web page by clicking on the ‘Change’ selection.

squarespace fonts

We’re going to resolve on the font pack ‘ITC Avant Garde Gothic Professional’ – you can click on on on it and preview the best way it’s going to look in the editor on the suitable (all headings and textual content material could be routinely updated with the model new font pack).

squarespace font selection

To make adjustments to your font pack (e.g. fonts, peak, spacing and so forth), hit ‘Again’, and click on on on one among many ‘International Textual content Kinds’ decisions as highlighted below. Under these you’ll moreover uncover the ‘Assign Kinds’ selection, which may can help you specify the place each textual content material mannequin must be used in your web page.

squarespace itc avant garde

Customizing colors

Possibly your small enterprise’s branding has some colors that you just’d like mirrored in your web page’s design. Or maybe you want daring and vivid colors to the template’s minimalistic color scheme. If that’s the case, you can regulate your web page’s theme by navigating once more to the ‘Design’ menu in the left pane, and deciding on the ‘Colours’ selection.

Subsequent, click on on on ‘Edit’, which appears above the color palette. You’ll be able to choose from thought of one among Squarespace’s present color palettes. To pick personalized colors, and even select colors from an uploaded image, click on on the chevron/arrow icon (highlighted below).

squarespace color palettes

To start making use of those colors to your web page, click on on the chevron subsequent to ‘Part Themes’:

squarespace colors

You’ll uncover an inventory of auto-generated color themes you possibly can start making use of to your web page (these will change background, textual content material, hyperlink, button colors and so forth). You’ll be able to choose to depart them as they’re, or customise them by clicking on the pencil icon that appears when you hover over a theme.

Within the Web site Preview window on the suitable, you’ll moreover see the color themes utilized to each a part of the online web page you’re viewing. As you can see, we’re using ‘White Minimal’ all via the homepage.

squarespace section theme

Colour themes can solely be modified on a bit-by-half basis. By default, the header will inherit the color theme of the first half on that internet web page, although you can change this by deciding on ‘Edit web page header’ > ‘Colours’ > toggling the ‘Clear’ swap. Colour themes utilized to the footer will apply to the whole web page.

To start making modifications, click on on on ‘Edit’ in the Web site Preview, then hover over the half you want to substitute, deciding on the pencil icon. Then, in the popup window, navigate to the ‘Colours’ tab, and choose your hottest theme (we’re going to associate with ‘Accent Darkish’ for the best half).

squarespace colors

Browse to totally different pages of your web page and repeat in the occasion you’d want to make further modifications:

squarespace portfolio

When you’re accomplished, click on on ‘Completed’ in the best left, then ‘Save modifications’.

In fact, there are a ton of various design elements you can regulate, equal to buttons, spacing, and so forth. Nonetheless, I imagine you’re pretty properly-acquainted with the system by now, so in the occasion you’d want to make further modifications, be completely satisfied to try it out your self 🙂

Step 11 – Replace titles, navigation menu and internet optimization settings

We’re getting so close to the top line! Let’s merely preserve a few housekeeping devices first.

We’ll start by guaranteeing that each internet web page:

  1. Shows pages in the order we want them in the navigation menu,
  2. Makes use of titles which will be advisor of each internet web page, and
  3. Has the right internet optimization settings.

A. Within the Dwelling Menu, click on on ‘Pages’. Below the ‘Foremost Navigation’ menu, rearrange the pages as needed by dragging them in order. You’ll see modifications mirrored in the Web site Preview on the suitable.

squarespace navigation

B. If there are any titles that you just want to change, that’s moreover the place you do it. As an example, we want to change ‘Work’ to ‘Portfolio’. Within the Dwelling Menu on the left, hover over the ‘Work’ internet web page, then click on on the settings/gear icon that appears.

squarespace menu

Replace the ‘Web page Title’ and ‘Navigation Title’ (plus the ‘URL slug’ in the occasion you’d like), then hit ‘Save’ in the best left.

squarespace portfolio settings

C. Now will be different to substitute your internet optimization settings for each internet web page, in case you’d prefer to give attention to specific key phrases on Google. Once more, hit the settings/gear icon subsequent to the online web page you want to edit, then navigate to the ‘internet optimization’ menu. Edit ‘internet optimization Title’ and ‘internet optimization Description’, and hit ‘Save’. I’d advocate repeating this for each internet web page, along with in your portfolio initiatives and weblog posts.

squarespace seo

For further tips on discover ways to optimize your web page for internet optimization, attempt our Squarespace internet optimization data.

Subsequent, let’s make sure we’ve obtained your web page settings precisely organize. Within the Dwelling Menu, navigate to ‘Settings’, then choose ‘Language and Areas’.

Then, assure you’ll have the suitable timezone, space, language and measurement regular (this could be associated in the occasion you’re selling merchandise) chosen. Click on ‘Save’ when accomplished.

(*12*)

Again in the ‘Settings’ menu, select the ‘Enterprise Data’ selection, and enter the entire associated particulars. Relying in your template, a number of of those might routinely get inserted into your web page. Once more, hit ‘Save’ when accomplished.

squarespace business info

Step 12 – Ultimate confirm, space organize, and launch!

Up until this degree, your web page is just seen to you. Now that we’ve updated our web page’s content material materials, design and internet optimization settings, it’s capable of share with the world – so let’s go ahead and publish it!

Though you’ve been using Squarespace’s free trial up until now, you’ll should enhance to a paid plan to publish your web page – so make sure you’re 100% joyful alongside along with your Squarespace web page sooner than you resolve to doing this.

First, make sure you’re happy with how each half appears to be by checking each internet web page in the Web site Preview.

Here’s the site we built for Elli – we’re pretty happy with the consequence!

Be optimistic to moreover attempt the cell mannequin of your web page by clicking the cell icon (all Squarespace web sites could be cell-optimized by default).

squarespace mobile

Subsequent, you’ll should enhance to thought of one among Squarespace’s paid plans. You’ll be able to each hit the ‘Subscribe’ button displayed on the bottom of your show (that’s the only option!), or return to the Dwelling Menu, choose ‘Billing & Account’, then ‘Billing’, and ‘Improve your plan’.

You’ll then have the flexibility to select from thought of one among Squarespace’s 4 plans, and to resolve on between a month-to-month or annual subscription. In case you want help deciding on the appropriate plan for you, attempt our Squarespace pricing data.

squarespace plans

When you’ve equipped your price particulars, and clicked ‘Affirm and Buy’, you can go ahead and publish your web page! First, return to the Dwelling Menu, choose ‘Settings’, and assure your ‘Web site Availability’ is ‘Public’ (considerably than ‘Personal’).

Lastly, it’s time to hyperlink your web page to a website establish. Once more, that’s accomplished in the Dwelling Menu on the left by deciding on ‘Settings’, then ‘Domains’.

squarespace domains

You’ll see three decisions:

  • Get a website – choose this choice in the occasion you don’t presently have a website and want to purchase one straight by way of Squarespace. Squarespace moreover affords a website freed from cost for the first 12 months, for those who purchase an annual Squarespace subscription
  • Use a website I private – choose this choice once you’ve obtained an present space with one different provider (e.g. Namecheap, GoDaddy). You’ll be able to each a) change it to Squarespace or b) be a part of it to your Squarespace web page (in case you want to preserve it alongside along with your present provider)
  • Constructed-in space – that’s an autogenerated space assigned to you by Squarespace (which you can change). It’s going to look one factor like this: yoursiteid.squarespace.com. This doesn’t alternate your personalized space – you can take into account it as an inside space that solely you can see

Select the selection that applies to you, and adjust to the steps involved.

And that’s it – you now have a printed Squarespace web page, ready to point off to the world! 🎉

Squarespace Tutorial: Conclusion

Squarespace affords among the many finest web page builders for establishing a portfolio or weblog, and this tutorial has lined the steps for putting collectively a simple (however fashionable) Squarespace web page that options these choices. However Squarespace holds its private in totally different courses too, equal to ecommerce and member areas – you possibly can discover out further in our full Squarespace evaluation.

Prepared to supply Squarespace a go? Attempt it out freed from cost proper right here.

Like Squarespace’s design focus, nonetheless craving further administration? Webflow is maybe a greater choice for you – be taught our Webflow vs Squarespace comparability proper right here. You might even see the best way it stacks up in the direction of Wix in our Wix vs Squarespace comparability.

Create your particular person web page – Launch Your Website in 12 Easy Steps