How to Upload a Printable Pdf to My Squarespace Website

Squarespace is a design lover'south dream – and if you're looking to apace build a website in the artistic manufacture, it'due south essential. Why? Because information technology offers the largest palette of creative tools around. And best of all, anyone can use it.

In this Squarespace tutorial, we're going to bear witness you lot how to use Squarespace, with enough of screenshots and videos to support you along the way. Here are the 11 steps nosotros'll cover:

How to Use Squarespace in eleven Unproblematic Steps

1. Get started (for free!)
2. Cull a template
3. Create a login
4. Add together/remove pages
5. Edit pages
6. Accommodate design and add together branding
7. Add site information and configure key settings
8. Preview your site
9. Choose a cost plan
10. Integrate marketing tools (optional)
11. Add together ecommerce features (optional)

ane

Get Started (for Free!)

If you haven't signed upwards for Squarespace yet, this is your get-go footstep.

Squarespace'south prices range from $12 – $40/month , or a niggling more if you pay on a rolling month-to-month basis. (You tin catch an actress 10% off with the code WBE, or 50% off if you're a student!).

But you don't have to think about that simply even so! Squarespace offers a 14-24-hour interval free trial, so but head to squarespace.com to sign up. You lot don't demand to enter any details for the time being – just click the 'Get Started' button to move on to the adjacent stride! Unproblematic.

Getting started on Squarespace is easy - merely head to the homepage and click the "Get Started" push!

Are You Fix to Start Building?

Jump on Squarespace's 14-24-hour interval free trial to outset creating your very ain website. No pesky payment details needed!

2

Cull a Template

After you've clicked 'Get Started', you'll exist prompted to select a blueprint for your website:

The first footstep of edifice your site is to option a design. Click the image to browse Squarespace's templates.

You can browse by industry (everything from 'Online Stores' and 'Restaurants' to 'Weddings' and 'Photography'), or by popular designs.

Y'all can filter templates by category and preview designs to aid you choose. Click on the paradigm to cull your design.

Hover over a template and select 'Preview' to have information technology for a spin.

The template you selection will act as your website's design springboard, so it's worth previewing a few to find the one that feels most 'yous'.

Good to know: Found the perfect design, simply it's missing a folio or feature your site needs? Don't worry! Squarespace seven.1 lets yous add new pages and elements to your template. Certain, it's a time saver if your template already has everything you demand – but this doesn't need to exist a deal breaker!

A bit of advice at this phase: Squarespace's designs are nice. In fact, they're actually squeamish – the best nosotros've always tested! This is obviously corking, but can also brand it hard to settle on i template – you're really spoiled for selection, and information technology'south like shooting fish in a barrel to go overwhelmed and give up altogether.

But don't practise that! Here are our tiptop tips for picking your template:

1. Stick to your industry – this is a simple mode to narrow down your options, and likewise make sure you're post-obit manufacture best practice.
2. 'Favorite' your favorite templates by clicking the eye – these will then be saved under the 'My Favorites' category for you to come back to with fresh optics.
3. Merely… selection one! – You can customize your template however you like, then don't get besides hung upwardly on your decision at this stage.

One time y'all've chosen your template, hover over information technology and select the selection 'Start with [template proper noun]'. Nosotros're going to go with the template Atlantic from the restaurant category.

Are Y'all Fix to Become Creative?

Squarespace offers a range of stunning templates for y'all to customize. Browse designs, choose your favorite, and get creating!

3

Create a Login

At this point, you'll need to sign up with an email accost, or log in with your Google business relationship:

Signing up to Squarespace but requires an email and countersign - no payment details are needed. Click the paradigm to go to the Squaresace homepage.

Adjacent, requite your site a name. This will display along the tiptop of your website, although information technology tin be edited.

During setup, yous can requite your website a name.

Squarespace will then evidence yous a few quick slides on editing your site. You tin can skip through these, confident in the fact that y'all already have (probably) the all-time tutorial on the net equally your trusty guide!

This is your main Squarespace menu, and it's from here that yous'll carry out all the steps to bring your site to life.

You edit your pages using Squarespace's editing menu.

4

Add/Remove Pages

If you lot moved into a house that needed a lot of work, you'd make sure the bigger things – bathrooms, kitchens etc. – were in place before you started painting the walls.

The same applies here. Don't get sucked into designing merely yet – focus on your site'southward structure.

Adding Pages

Have a look at the menu. Is there annihilation missing?

For our restaurant, The Test Kitchen, we want a web log to share some recipes people can copy from their kitchens, updates on our Covid-19 precautions and policies, and dispatches from the team.

Hither'due south how we added a blog to the site:

Go to 'Pages', where you lot'll see all the current pages on your website:

You tin can view the pages of your website on the left-hand side of the editor.

Click the + and select 'Blog' from the list.

You can choose which pages y'all desire to add to your website. Hither, click the "Blog" page.

Next, cull your preferred layout:

Which layout is your favorite? View each one and selection the layout that all-time suits your design!

Later on y'all've chosen a layout, click onto whatsoever of the 4 'dummy' blog posts to sub in your own content, and delete any you lot don't need for the time being.

Creating a Submenu

Likewise many pages to fit into your site carte? Pop your pages in a folder to make them easy to navigate.

To group pages together in a submenu, become to Pages, then click again on the cross above the list of pages. From the menu, select 'Folder'.

Become to Pages, click the + icon, select 'Folder' and and so set the name for your menu.

You lot can then set the name for this carte du jour, as well as adding pages to sit down within information technology.

Removing Pages

Need to get rid of a page or folder? No problem. Just hover over the page on the carte du jour and a garbage emoji will prove upwards to the left. Click this icon, then 'Confirm'.

Got the Basics Downwardly?

Squarespace isn't the fastest architect around, only with a little patience you'll shortly exist building like a pro. Leap in and give it a become!

v

Edit Pages

One time y'all have the right pages in place, it's time to adjust their content to fit your brand. This means replacing the placeholder copy, rearranging sections, and adding in new ones.

To flip into editor mode, become to the page y'all want to edit and click 'Edit' in the summit left hand corner.

You edit your pages using Squarespace'due south editing carte du jour.

In this case, we're editing the homepage. Squarespace works in 'strips', or 'sections'. To get a experience of how this looks in existent life, check out the video below, where we've played around with adding sections and switching out content.

In brusque, you tin can edit any section by hovering over it and so clicking on the pen icon. To add together another department, hover between two sections and click on the blueish '+' icon which appears in the heart.

Here's a selection of the types of sections you can add:

In that location are plenty of sections to cull from, and you can fifty-fifty edit your page lodge once you've added new sections to your site.

Not a fan of the page lodge? Simply click and hold to option up a department, then drag it higher or lower on the folio.

Once you're done adding, editing, and moving sections, be sure to click 'Done' in the top left manus corner, then 'Save'.

Got the Basics Down?

Squarespace isn't the fastest builder around, but with a petty patience yous'll soon be building like a pro. Jump in and give it a get!

half-dozen

Adjust Design and Add Branding

Now the layout of your pages is roughly in place, we're going to tweak your design and add together some branding to make your site look more than 'you'.

From the main menu, head to 'Design'.

Head to 'Design' to modify your styling options such equally colors and fonts.

Change Fonts and Colors

Become into the section called 'Fonts' to choice a font 'pack' (essentially a font pairing) to curl out across your site, and also change the gear up font size. Under 'Global Text Styles', click into any text blazon (headings, paragraphs etc.) to tweak the weighting and spacing of a font. And so click on 'Assign Styles' (within Fonts) to classify different fonts to different parts of your site.

Skillful to know: Quick heads upwards that Version seven.1 (the about recent version of Squarespace) doesn't support custom Adobe fonts.

In the Colors section, Squarespace has a selection of pre-made color palettes to choose from, or the selection to upload a color (by six-grapheme HTML code), or even to upload an image and have Squarespace pull out the central colors from it.

Animations and Styling

Under 'Animations', you tin can set animations to appear on your site. Animations are when content appears to 'pop' 'fade' or 'autumn' into place. It's a great and stylish way to jazz up your site!

Fancy animation effects on your site? No problem!

Nether Spacing and Image Blocks, you tin can brand minor tweaks to the spacing and alignment of your content sections and images. And nether Buttons, you tin modify the fashion of your CTAs.

Top tip: In 2020, merely over 50% of spider web traffic worldwide came from mobile devices. Be sure to regularly toggle over to the mobile version of your site to make sure everything works besides on desktop as it does on mobile:

Switch to the mobile view to see how your website looks on different devices.

The Effectively Details

By this phase, your site is looking pretty adept. Content? Check. Images? Check. On-brand colors and fonts? Check. Fun animations? Check.

Just a corking website should be consistent across all possible touchpoints, and that'southward why it's crucial to sweat the small stuff:

Design > Browser icon – Also known as a favicon, the browser icon is what will appear next to your site name when your website is in a tab. At the moment, ours is the default blackness cube – most brands would opt to upload a logo here instead:

Design > 404 page – This is the content that will display if readers effort to access a page inside your site which doesn't exist. There's some default copy here, but we propose swapping it out for something more on-brand. Hither's our 404 page, for example:

Y'all tin can edit your 404 page and then that it reflects your brand, to keep visitors on your website longer.

Checkout Page and Production Items

These sections are all about customizing your product pages and checkout pages. No products to sell all the same? Skip these for at present!

Adding a Logo and Social Logo

You tin upload a social logo (i.e. the epitome that represents your content when shared over social media) under Blueprint > Social Sharing.

To upload a logo to actually feature across your site, go back into Edit mode on the homepage. Hover over the header, and click the 'Edit Site Header push', then 'Site Title and Logo', where you'll run into space to upload your logo.

7

Add Site Information and Configure Key Settings

Before we can get on to paying for your site and publishing it, at that place'due south a bit of admin to level out first. Y'all'll discover a ton of different settings in the Settings section – nosotros've covered the essentials for any website beneath, but yous may find others are relevant for yours!

Language and Business Data

Go to Settings > Language & Region to choose a location, language, and time zone.

Under Settings > Business organization Information, make full in your contact details, location, and opening hours (if applicative).

If you're building a business website, here you can enter contact details, location, and opening hours.

Domain Name

Your domain name is your site's address – ours is websitebuilderexpert.com. Yous have some options when it comes to getting your own domain name:

1. Purchase from another domain registrar and transfer to your Squarespace site. Go to Settings > Domains > Use a Domain I Ain, and Squarespace will walk yous through the steps to calculation this.
2. Get a domain name through Squarespace. This volition cost upwards of $20/year (and then slightly more expensive than ownership elsewhere, but a flake more than user-friendly). Go to Settings > Domains > Get a domain to find an bachelor i.
3. Buy an almanac Squarespace plan and get a domain costless for the first year. We'll comprehend plans in the adjacent section, simply if you're happy to commit to an annual plan, you'll go a domain name thrown in free for the first yr, likewise as a saving on the 'cadre' cost. To merits this, sign up to a paid program, so go to Settings > Domains > Get a domain.

Social Media

Link your social media accounts by going to Settings > Social Links. Whatever accounts yous add together here will be accessible from icons within your header, unless yous remove them.

What Will Your Website Be Chosen?

Y'all want your domain to be unique, simple, and catchy. Don't expect for someone else to claim your domain – in one case it's gone, information technology'due south gone!

viii

Preview Your Site

When you lot're still inside your ii week Squarespace trial catamenia, your site will exist private by default. That means nobody will be able to access information technology just by googling your concern, for instance. Even if you have a domain name configured and send someone a straight link, they'll just meet a login page.

But having friends and family run across your website is an important step in ironing out any kinks before your site goes alive. That's why we recommend setting a sitewide password. Anyone with this countersign will be able to access the nigh recent edit of your website. If zilch else, this can exist a useful way for you to preview the site 'in real life' across unlike devices.

How to Set a Sitewide Countersign

From the home carte, go to Settings > Site Availability. And then, change the default setting from 'Public' to 'Password Protected', and enter your chosen password. But remember to switch it back to public once you've signed upwardly for a paid programme!

9

Choose a Price Plan

Squarespace has iv cost plans. Click on the image to compare each programme on Squarespace'southward pricing folio.

Before your free trial ends, brand sure you subscribe to a paid plan. Squarespace has four price plans:

• Personal – $16/month (or $12/month billed annually)
• Business – $26/month (or $18/month billed annually)
• Ecommerce Basic – $30/calendar month (or $26/month billed annually)
• Ecommerce Avant-garde – $46/month (or $xl/month billed annually)

Of class, the plans all differ in the features they provide (the following 2 steps of this guide are only possible if you have a business organization plan or higher up, for instance). You tin save between 13% and 30% if y'all sign up for an almanac plan.

Call up we also have an sectional offer code for our readers that will salvage you x% on the cost of any Squarespace plan! All yous need to do is enter lawmaking WBE at the checkout.

But what do they provide? Well, equally you would expect, yous go more than if you pay more. For instance, the Personal Plan is perfect for portfolios and blogs, but isn't right for users with concern ambitions, because it cannot sell items for yous. Information technology as well doesn't provide 3rd political party integrations like Mailchimp or OpenTable, or promotional popular-ups.

The ii ecommerce plans offer zero transaction fees, while Business charges y'all 3%. So think nearly your budget and what yous'd like your website to be capable of.

We've developed a handy tool to point y'all in the direction of the right plan for you lot – only click the 'Kickoff Now' button below to respond a few questions.

Once y'all've selected a program and paid for information technology, your site is now live. For some websites (portfolios etc.), your work may well now be done. For anyone on the Business program or higher up, at that place are a couple more optional steps, which we'll cover beneath.

Did You Spot Your Perfect Plan?

Compare prices and features, and then save x% with our exclusive offer code – simply enter WBE at checkout to relieve!

10

Integrate Marketing Tools (Optional)

Firstly, to add together marketing tools, y'all'll need to be on the 'Business organization' plan at the very least. How do you upgrade? You won't exist surprised to hear that Squarespace have idea of that – there's a strategically placed 'Upgrade Now' push at the foot of every page during your gratuitous trial.

Of class, these tools aren't necessary for every website. So if yous're not planning to sell online, y'all can skip Steps 7 and viii.

Y'all tin easily upgrade your Squarespace plan anytime during your free trial

Past clicking 'Marketing' on the master carte, you'll see everything you need for promoting your Squarespace site. See the epitome below for the marketing options.

Squarespace offers a broad range of brilliant marketing tools

From hither you lot tin can add together popular-ups, prove social media buttons, integrate your Facebook page, link your Instagram feed, and more, all with just a couple of clicks. Y'all tin can even create a new email campaign with Squarespace Email Campaigns. For such a creative website architect, Squarespace doesn't skimp on the business side.

Y'all can even see how your site is performing with the 'Analytics' option on the abode panel. It lets yous view traffic, search for keywords, and essentially go on track of how your Squarespace website is doing.

11

Add Ecommerce Features (Optional)

62% of US consumers now shop online more than than they did before the pandemic, so ecommerce may exist something y'all want to add to your site.

Like to adding marketing tools, you'll need to be on at least the 'Business' price plan to sell stuff. That said, we would still recommend the 'Commerce' plans for more aggressive online stores.

So, in one case y'all've upgraded (only hit the blueish 'Upgrade Now' button), click 'Commerce' on the habitation panel, and you tin offset selling.

You lot tin can at present integrate these sales features:

• Online orders
• Inventory management
• View your customers
• Add discounts

Note, y'all'll have to add together a 'Products' page before managing your stock. But don't worry, just revisit the 'Adding pages' steps and repeat the process. It'southward really easy.

Squarespace has an integration with Square, the payments processing giant. This allows you to have bill of fare payments offline, as well every bit online – all you need is the Square Commerce app, one of Foursquare's small bill of fare readers ($49), and yous're good to go. Check out this video to see more about how this could work for your store:

In terms of fees, offline payments will be subject to Square's own transaction and processing fees. This varies depending on several factors (including location), but in the The states you can await to pay:

• 2.6% transaction fee + $0.10 processing fee for swiped/dipped/tapped transactions
• 3.five% transaction fee + $0.xv processing fee for keyed transactions

Although it'southward ever worth checking this directly on Square'south website. You won't incur any extra fees from Squarespace for selling offline, or selling online using its Commerce plans.

Getting Ready to Sell Online?

Y'all've had your dandy idea, you might even have products lined upward ready to get. Now all you demand is a Squarespace shop – beginning today!

Further Reading

Thinking of building an online shop only not sure that Squarespace is for you? Compare information technology against other online store builders in our guide on the Best Ecommerce Platforms.

Are y'all interested in starting a dropshipping business? Take a look at our footstep-by-step guide on How to Dropship on Squarespace to get started.

How to Use Squarespace: Recap

Creating a website with Squarespace is more than satisfying than virtually other builders. Why? Because while it needs more than intendance and attention, it's still like shooting fish in a barrel to use.

It may seem similar a lot of data to absorb, just the procedure is really quite simple. To jog your memory, let's recap the eleven uncomplicated steps for making a cute Squarespace site:

How to Use Squarespace in 11 Simple Steps

1. Get started (for free!)
2. Cull a template
3. Create a login
4. Add/remove pages
5. Edit pages
6. Adjust design and add branding
7. Add site information and configure key settings
8. Preview your site
9. Choose a price plan
10. Integrate marketing tools (optional)
11. Add together ecommerce features (optional)

With Squarespace, you accept and then much creative flexibility – much more with most website builders. Sure, it'due south ideal for users with loads of design flair, but information technology'southward likewise easy enough for anyone to create a professional quality website.

And so get started with Squarespace today, and see where the creative journeying takes you.

Are you Excited to Get Started?

We've shown you lot how, now all that'southward left is for you to grab Squarespace by its costless trial and create your dream website.

FAQs

Aye! Squarespace has a 14-mean solar day costless trial for you to utilize, so you tin can endeavor it without committing to a paid plan straight away. All you need is an e-mail and password to become started – no payment details are needed until you actually want to sign up to a program.

No! Squarespace hosts your website for you, and the toll of hosting is included in your price plan. This means y'all don't need to detect, sign up, or pay for web hosting separately. In fact, you can't sort out your own hosting, even if y'all wanted to. Instead, you just begin building, without any technical hassle.

Yep! Although you tin can buy your domain directly from Squarespace, you can too utilise a domain you already own. For instance, yous tin proceed a domain purchased from GoDaddy and point it to your new Squarespace website. Get to Settings > Domains > Use a Domain I Own to start this process.

mayoandeat.blogspot.com

Source: https://www.websitebuilderexpert.com/website-builders/how-to-use-squarespace/