Squarespace How To Set Up Store

Prefer to watch?

Here's that video!

<br />

Mentioned in the video:

Squarespace Plans & Features Pricing Page
Squarespace Ecommerce tutorial: Customizing your online shop (7.1)
New to squarespace? You lot can sign up for a free trial here and I also got ya a fiddling off the price! Use lawmaking PAIGE10 for x% off your showtime year. (Yes, that'south an affiliate link!)

Rather read about information technology instead?

Here it is written down!

Want someone to walk you through the step-by-step of setting up shop in the new version of Squarespace?

In this tutorial, we'll be covering the nuts of adding your shop to your site, creating your commencement product or service listings, setting up a mode for people to pay y'all, and a look at which Squarespace programme to choose based on what you demand your shop to practice!

How to create an online shop using Squarespace 7.1

Stride 1:

Adding a shop to your Squarespace 7.one site

So before we tin start setting up shop, listing our products, and tweaking our store's blueprint, nosotros need to physically add an online shop to our site.

To practise this, go to Pages , click on the Plus Sign to add a new page, then choose Shop .

Yous'll be able to tweak the style and layout of your store once you add together it, so but pick which example you experience looks like the best starting point.

Step 2:

Navigating the backend of your Squarespace shop

Once you've added and named your shop, become alee and click on it to open it!

To the right, you'll run across your Shop Page (the page your site visitors will meet when they click "shop" in your primary navigation and desire to browse through all your products or services).

A shop page has all the same capabilities every bit a regular page significant you can add together, drag, and drop whichever sections or content blocks yous choose.

In that location's just one teensy exception…and that is the special Shop Department that your folio automatically comes with.

This special collection section is built into your store page to assistance instantly brandish any products yous add to the shop, and so it can't be deleted, or blocks added to it.

Only the brandish Section Settings tin can be tweaked to style the look of the section.

On the left, you'll find your Store Panel (the BTS place where you go to add and manage all your products)!

Step 3:

Editing your shop page settings

To open your store folio settings, click the Gear Icon in your Store Panel .

This window is where you will edit:

Shop page URL
Product categories & subcategories
SEO title & description: to make your shop easier to find in a Google search
Store preview epitome: the image y'all want to display when someone shares a link to your online store
Avant-garde settings: this is where you go to enable quick view previews when someone hovers over your product thumbnail on your store folio, and also to add product tags, which are just another way to help organize your store

pace iv:

Adding your shop categories & tags

You tin choose to create all your categories and subcategories ahead of time past entering them into your store page settings all at once, or past creating them every bit needed when you are adding individual products to the shop.

Whatsoever category y'all add will exist a visible, clickable category on your shop page, so y'all don't want to have any categories without bodily products in them when you do launch your shop!

To make a subcategory, but drag and drop 1 of your categories under another inside your shop page category settings. And to create a sub-sub-category, just drag it under another subcategory!

Allow'due south apply a jewelry shop for example…

Your categories might be rings, necklaces, earrings etc. To help shoppers further narrow down their search, you might add subcategories like aureate, silver, diamond, cubic zirconia, etc.

Tags are a little different, and can only be added in an individual product'due south settings, merely once they are added, they can also be managed hither in your store page settings.

Retrieve of tags as a fashion to organize your shop using non-production feature related descriptions, like "New Arrivals," "All-time Sellers" or "Mother'south Day Gift Ideas."

For more on this, cheque out: How to apply Squarespace tags and categories to organize your site.

stride 4:

Calculation product & services listings to your online shop

To add together your first product or service, click the Plus Sign in your store panel.

Choose the category that best describes what you're trying to sell:

Physical products: you'll physically be sending them a package when they brand their purchase
Digital Products: goods are delivered via email like a link to a downloadable file or a password protected folio on your site
Services: rather than sending them anything electronically or in the post, in guild to fulfill their purchase you're going to have to really provide them with a service
Gift cards: this are also electronically delivered, meaning they won't get a physical copy of their gift card. But they can apply the remainder of that virtual gift towards future purchases in your store.

(For more on how to utilize Squarespace 7.ane to sell gift cards online, bank check out this post: How to sell gift cards on your Squarespace site.)

step v:

Editing your product description

Depending on when you created your online store, you may have the selection to use either the Classic Editor or the New Editor .

Each has the same settings, just in a slightly different location. The Archetype Editor has all the settings you'll need sorted under specific tabs within the editor, whereas the New Editor will have all the settings on one long scrolling folio.

When you fill in the information under each of these settings, you are telling Squarespace what to include on that specific product'due south folio!

Rather than having to build and design each product page completely from scratch, Squarespace volition take the info you put in your product editor and employ your template'south colors, buttons, fonts, and other site styles to automatically create y'all a production folio.

Permit's wait at the first settings you'll desire to tweak inside each editor when setting up a product or service listing…

Product name, images & description
Production visibility: whether your listing will exist visible, scheduled to become live at a later on date, or hidden from your storefront
Categories & tags: you can create new categories or tags here, or start typing to car populate one yous've already created!

Looking for these settings in the archetype editor? Check under the Detail tab!

step 6:

Setting your product prices & creating variants

(The following settings can be constitute under the Pricing or Value tab in the Classic Editor , depending on which type of product you've added.)

Adding a single production is pretty self explanatory here, simply if yous are selling a product or service with more than than one choice, rather than creating multiple listings, you'll create what are called Product Variants .

Say you lot sell a ring that comes in sizes 6-x. You'd want to add together in a new variant for every size pick your client has.

But you also behave this same ring in silver and golden. Rather than creating a whole new production listing, you lot would want to add together in carve up line items for every single size in gilded, too as separate line items for every unmarried size in silvery.

This will create a little driblet-downward for your visitors to use to select which options they want before ordering.

Yous can also upload a specific image to display when the customer chooses a certain combination of options and wants to preview your production.

This also allows you lot to set different prices for different options of that aforementioned product, and put some on sale but non others.

Step 7:

Boosted product information & product settings

The Additional Info tab or window is where you put in any information you want to appear under the product image and "Add to cart" area at the meridian of the page.

This could include the not-sexy stuff you wouldn't want in your super enticing description similar where it was made, the materials information technology'south fabricated out of, etc.

But you can also use this area to get super fancy and detailed about your product or service, and you can add together, drag and drop content blocks within your Additional Info window just like you would on a normal folio.

There are simply a few more settings your want to edit earlier hitting publish on your product:

Product Form

If the buy requires you to collect information from your customer to fulfill it, like if y'all need to accept the band custom engraved, or your a service provider who needs to acquire more most your client and so y'all are prepared for their project or appointment, so y'all would add those questions to your production'southward class.
Production URL:

Squarespace volition automatically generate a URL, but if you desire to create a custom product URL, you tin can do that under the Options Tab in the Classic Editor , or under SEO & URL in the New Editor .
Add together to cart button:

Want your "buy at present" push to say something else? You lot'll discover that setting under the Options Tab in the Classic Editor , or under Customize in the New Editor .
Product Thumbnail image:

This is the image that will brandish on your main store page feed. If you lot don't choose a custom thumbnail, Squarespace volition automatically apply the first product picture yous uploaded. (Once again, nether the Options Tab in the Classic Editor , or at the top of your product editor window in the New Editor.
Social Sharing & Social Accounts

Use these settings to swap out the preview image that yous would want to appear when your link for that production is shared on social, or to automatically update any connected social accounts when that product is posted.
Shipping

For concrete products, you lot'll need to let Squarespace know the weight and dimensions of your product to be able to calculate aircraft rates. These numbers become entered into the Variants Tab in the Classic Editor , or Advanced Shipping in the New Editor.

To gear up up your storewide shipping options, you'll desire to render to your Home Panel then select Commerce > Shipping > Add Aircraft Option . Don't forget to add which zones your store will ship to!

Footstep 8:

Connect a payment processor to your online store

Allow'southward add a way for customers to pay you, shall nosotros?

Dorsum at the Dwelling Console , hit Commerce > Payments .

Click on the payment processor you desire to add, and follow the prompts it gives you lot for filling in your info to create an account. If you already have an account with either, y'all should be able to login acme right of that pop-up window!

One time connected, you tin cull whether or non your store will accept Apple Pay. This is too where you go to view any payment activeness, without having to log in to your stripe business relationship.

You lot'll also fix your store'south currency in your Payments Panel.

Ready to showtime selling?

Y'all'll need to upgrade your business relationship to a plan that supports Ecommerce!

Non certain which Squarespace plan is right for yous?

Check out: A guide to Squarespace plans & premium features

New to squarespace? You can sign upward for a free trial hither and I too got ya a piddling off the toll! Utilize code PAIGE10 for 10% off your first yr. (Yes, that'due south an affiliate link!)

Yous'll Also Honey…

How to make sure your Squarespace website is set to convert
Squarespace Ecommerce tutorial: Customizing your online store (seven.1)
9 reasons people are bailing on your site before they purchase or volume!
What stuff practise I need on my website to meet USA legal requirements? Answered
5 steps to make your sites fashion and vibe entreatment to your ideal customer
Do this one matter to ensure your website volition appeal to your platonic clients
The one affair you lot need on every page of your website to increase conversions

Source: https://paigebrunton.com/blog/squarespace-online-shop/