How To Set Up Store On Squarespace

Prefer to watch?

Here's that video!

Mentioned in the video:

• Squarespace Plans & Features Pricing Page

• Squarespace Ecommerce tutorial: Customizing your online shop (7.i)

• New to squarespace? You lot can sign up for a free trial here and I also got ya a little off the price! Use code PAIGE10 for x% off your beginning yr. (Yes, that's an affiliate link!)

Rather read about it instead?

Here it is written downwards!

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

In this tutorial, we'll exist covering the basics of calculation your shop to your site, creating your first production or service listings, setting up a way for people to pay you, and a look at which Squarespace plan to cull based on what you need your shop to do!

How to create an online shop using Squarespace 7.1

Step 1:

Adding a store to your Squarespace 7.1 site

And so earlier we can outset setting up shop, list our products, and tweaking our store'due south design, we need to physically add an online store to our site.

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

You'll exist able to tweak the style and layout of your shop one time you add information technology, then just option which example you feel looks similar the all-time starting point.

Step 2:

Navigating the backend of your Squarespace shop

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

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

A store page has even so capabilities as a regular page meaning you can add, drag, and drop whichever sections or content blocks yous choose.

There's but one teensy exception…and that is the special Store Section that your page automatically comes with.

This special collection section is built into your shop page to assist instantly display whatever products you add to the shop, and so information technology can't be deleted, or blocks added to it.

Only the display Department Settings can be tweaked to style the expect of the section.

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

Stride 3:

Editing your shop folio settings

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

This window is where you will edit:

• Store page URL

• Production categories & subcategories

• SEO championship & description: to brand your store easier to notice in a Google search

• Store preview paradigm: the image you desire to display when someone shares a link to your online shop

• Advanced settings: this is where yous become to enable quick view previews when someone hovers over your production thumbnail on your shop page, and besides to add production tags, which are just some other way to help organize your store

step 4:

Adding your shop categories & tags

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

Any category you add will be a visible, clickable category on your shop page, then you lot don't want to take any categories without actual products in them when y'all practise launch your shop!

To make a subcategory, but drag and drop one of your categories nether some other inside your shop page category settings. And to create a sub-sub-category, just elevate it nether another subcategory!

Let's apply a jewelry shop for example…

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

Tags are a trivial different, and can only exist added in an individual production's settings, just in one case they are added, they tin can also be managed here in your store folio settings.

Think of tags equally a way to organize your shop using not-production feature related descriptions, like "New Arrivals," "Best Sellers" or "Mother'south Day Gift Ideas."

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

step 4:

Adding product & services listings to your online store

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

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

• Physical products: y'all'll physically exist sending them a package when they brand their buy

• Digital Products: goods are delivered via electronic mail similar a link to a downloadable file or a password protected page on your site

• Services: rather than sending them anything electronically or in the mail, in guild to fulfill their purchase you're going to have to actually provide them with a service

• Souvenir cards: this are also electronically delivered, meaning they won't get a physical copy of their gift menu. Only they tin can utilize the balance of that virtual gift towards future purchases in your store.

(For more on how to use Squarespace 7.1 to sell souvenir cards online, bank check out this post: How to sell gift cards on your Squarespace site.)

step 5:

Editing your product description

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

Each has the same settings, simply in a slightly dissimilar location. The Classic Editor has all the settings you'll need sorted under specific tabs within the editor, whereas the New Editor volition take all the settings on 1 long scrolling page.

When y'all fill in the information under each of these settings, you lot are telling Squarespace what to include on that specific product's page!

Rather than having to build and design each product folio completely from scratch, Squarespace will have the info you put in your production editor and utilise your template'southward colors, buttons, fonts, and other site styles to automatically create you a product page.

Let's look at the beginning settings you'll want to tweak within each editor when setting up a product or service list…

• Product name, images & description

• Product visibility: whether your listing will be visible, scheduled to become live at a afterward date, or hidden from your storefront

• Categories & tags: you can create new categories or tags hither, or get-go typing to automobile populate one you've already created!

Looking for these settings in the classic editor? Check nether the Particular tab!

footstep 6:

Setting your production prices & creating variants

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

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

Say you lot sell a ring that comes in sizes half dozen-10. Yous'd want to add in a new variant for every size pick your customer has.

Only you also comport this aforementioned ring in silver and gold. Rather than creating a whole new production list, you would desire to add in separate line items for every unmarried size in gold, as well as separate line items for every single size in silver.

This will create a petty drop-down for your visitors to apply to select which options they want earlier ordering.

You can too upload a specific image to display when the customer chooses a certain combination of options and wants to preview your product.

This as well allows yous to set different prices for different options of that same product, and put some on sale but not others.

Step vii:

Additional product information & product settings

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

This could include the non-sexy stuff you wouldn't want in your super enticing description like where information technology was fabricated, the materials information technology'southward fabricated out of, etc.

Merely you can too utilise this area to go super fancy and detailed about your product or service, and you tin add, elevate and driblet content blocks within your Additional Info window but like y'all would on a normal page.

There are just a few more than settings your want to edit before hitting publish on your product:

• Product Class

  If the purchase requires you to collect information from your customer to fulfill it, similar if yous need to have the band custom engraved, or your a service provider who needs to learn more than about your client so you are prepared for their projection or appointment, and so you would add those questions to your production's form.

• Product URL:

  Squarespace will automatically generate a URL, only if yous desire to create a custom product URL, you lot can do that under the Options Tab in the Classic Editor , or under SEO & URL in the New Editor .

• Add to cart button:

  Want your "buy now" button to say something else? You'll detect 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 principal shop page feed. If you lot don't cull a custom thumbnail, Squarespace will automatically use the offset product picture you 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 you would want to appear when your link for that product is shared on social, or to automatically update any connected social accounts when that product is posted.

• Aircraft

  For concrete products, y'all'll need to permit Squarespace know the weight and dimensions of your product to be able to summate shipping rates. These numbers get entered into the Variants Tab in the Archetype Editor , or Advanced Shipping in the New Editor.

To fix up your storewide shipping options, y'all'll want to return to your Home Console and so select Commerce > Aircraft > Add Shipping Pick . Don't forget to add which zones your store will ship to!

Step viii:

Connect a payment processor to your online store

Let's add a style for customers to pay you lot, shall we?

Back at the Home Console , striking Commerce > Payments .

Click on the payment processor you want to add, and follow the prompts information technology gives you for filling in your info to create an business relationship. If you already accept an account with either, you lot should be able to login top right of that pop-upwardly window!

In one case continued, you tin choose whether or not your shop will accept Apple tree Pay. This is also where yous go to view any payment activity, without having to log in to your stripe account.

Y'all'll besides set your store's currency in your Payments Panel.

Fix to start selling?

You'll demand to upgrade your account to a programme that supports Ecommerce!

Not sure which Squarespace plan is right for you?

Check out: A guide to Squarespace plans & premium features

New to squarespace? You lot can sign up for a gratuitous trial here and I also got ya a little off the cost! Use code PAIGE10 for 10% off your first yr. (Yes, that's an affiliate link!)

---

---

You'll Also Love…

• How to make certain your Squarespace website is fix up to convert

• Squarespace Ecommerce tutorial: Customizing your online shop (7.1)

• 9 reasons people are bailing on your site earlier they buy or volume!

• What stuff practise I need on my website to meet Us legal requirements? Answered

• 5 steps to make your sites style and vibe appeal to your ideal customer

• Do this ane thing to ensure your website volition appeal to your platonic clients

• The one affair you lot need on every folio of your website to increment conversions

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

Share this post