How to Get Started With a Squarespace Website → Templates & Site Styles

Подписаться 2,2 тыс.

50% 1

In this video I'm walking you through how to create a new website in squarespace. I believe Squarespace is still the best platform in 2024 for beginners who want an easy way to build and maintain a website for small businesses or nonprofits.
This video is focused on the beginning of the process - how to choose a template, the three ways to start a website in squarespace (including a hidden option - linked below), and how to change your site styles in squarespace, including an explanation of the color themes and font styles. Even if you're familiar with Squarespace you might want to skip to the end to watch the section on colors because I only recently learned the method to the madness of color themes in squarespace and it was so helpful.
This video will be part of a series of Squarespace tutorial videos so if you're interested in learning more about how to build a website in Squarespace make sure to subscribe so you don't miss out on the next videos. I honestly only have the next video in the series planned haha so please let me know what other things you'd like to see videos on - what parts of making a website in Squarespace do you need help with? What parts are confusing? Let me know in the comments ↓🙏
link to the blank template: www.squarespace.com/templates...
if you want a web designer to make your website: www.jenwebbdesigns.com/contact
even though this entire video reads like a squarespace ad, it's not and I'll prove it by not even including an affiliate link. they wouldn't give me an affiliate link because I don't have enough subscribers 😑 the fact that I continue to make squarespace videos proves how much I love them and recommend them to others.
✿✿✿
WHERE TO FIND ME
/ jenwebbcreates
/ jenwebbcreates
art website: jenwebbcreates.com/
web design portfolio: www.jenwebbdesigns.com/
spoonflower shop (where I sell my patterns):
www.spoonflower.com/profiles/...
✿✿✿
FILMING GEAR
dji mic: amzn.to/3Tnucps
godox light: amzn.to/4ahOec2
lantern softbox: amzn.to/49X43VC
tripod: amzn.to/3TVXRaH
camera: amzn.to/449huQ1
✿✿✿
♫ music: artlist.io/referral/5698777/J...
✿✿✿
Chapters
00:00 what is this video
01:14 three ways to start a website
02:55 start with a template
04:53 build your own template
06:46 start with a blank template
09:48 site styles - colors
12:54 site styles - fonts
14:40 other site styles
✿✿✿
All opinions are my own. Some links listed are affiliate links which means I earn a small commission if anyone decides to purchase through them. Thank you so much for your support!
#webdesign #corporatedropout #squarespacetutorial

Наука

Опубликовано:

26 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 11

@emrealbayrak3893 Месяц назад

you made my day better little girl, thanks for your contents

@EvelinsAtelier 11 дней назад

I just saw your most recent video about your media fast and looked over your channel. Let me tell you, this series came to me at the perfect time. Thank you!!

@jenwebbcreates 9 дней назад

Ah amazing! Are you building a new website for yourself? Let me know if there’s any other web design related content that would be helpful! Trying to figure out what kind of video to make next 😊

@EvelinsAtelier 4 дня назад

@jenwebbcreates yes I am!! I’d like to have my coaching website + wellness blog up and running next month - we’ll see. I sometimes struggle with customisation and with imagining certain elements in use. For example I see a building block and don’t realise I could customise it in a way that would look great and also function the way I want.

@emmanuelfagunke6960 2 месяца назад

Great explanation for beginners👍

@bywyley 2 месяца назад

your videos are so well done!! perfect editing and so much detail. thanks for this!!!

@jenwebbcreates 2 месяца назад

aw thank you for saying that I appreciate it!

@faithrobert764 29 дней назад

Love your content. Curious how you add a custom brand font that isn't in the list of fonts Squarespace lets you choose from?

@jenwebbcreates 13 дней назад

okay I was holding off on responding to this comment because I wanted to make a video about it but I'm not sure when I'll get to it so I'm just going to respond here for now. You have to use custom CSS to add a custom font. if you are using an adobe font, the process is completely different so let me know if that's the case lol first upload the font to your website - in the custom CSS panel there's a "custom files" button where you can upload files to use in your CSS. in your CSS define the font family using this code: /* FONTS **********/ @font-face { font-family: 'Arial-Narrow'; src: url('static1.squarespace.com/static/62044b802cdfb52cc6a/t/63eadee84395f66a0deaa5/ArialNarrow.woff') format('woff'); } the url('...') part needs to be replaced with the font file you just uploaded. to get the url, click the "custom files" button again and click the file you just uploaded. It will copy the file's URL to the CSS window wherever your cursor is. copy that to inside the url('') and also make sure the format('...') matches the type of the font file you're uploading. like .ttf, .woff2, etc. now the font is uploaded and defined, you just need to assign it to whatever types of text you want to use it for. something like this: h1, h2, h3, h4, p, a { font-family: 'Arial-Narrow'; } → if you're unfamiliar with CSS I made a video on the basics of using it in a squarespace website, you can find that here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--zhzzEvC8GQ.html&ab_channel=JenWebbCreates hope that helps! I'll try to explain it better in a future video 😊