Google Sites hacks you've NEVER heard of!

Рет қаралды 117,999

Күн бұрын

Hey there! Google Sites get's a bad rep. But over time it has become one of my favorite website builders for being extremely lazy. But you can create some really cool and complex websites if you think outside the box. This video I want to cover my top tips and tricks to creating a really cool Google Site!
VIEW THE DEMO - bit.ly/3OakvYG
___________
☕Please buy me a coffee :)
bit.ly/3kZwf5Y
💖SHOP MY TEMPLATES
MY SHOP - bit.ly/3QEBSUA
MY ETSY STORE: etsy.me/3La6b2I
✨GET THE FREEBIE FONT & COLOR GUIDE
shedesignsthings.thrivecart.c...
💫GOOGLE SITES COURSES
www.shedesignsthings.com/for-...
🌟GET THE GUIDED SEO WORKBOOK
My Shop - bit.ly/3YDs7q2
Etsy Store - etsy.me/3ZRHqwk
🌟ASK A QUESTION - Want to know how it's created? Need advice on a design project? Just want to say hello? Ask your questions anonymously.
forms.gle/kDfXMTcHuQrPZnri9
SUBMIT YOUR SITE
forms.gle/C16BYMugF6CaJ6Gr5
__________
SEGMENTS
00:00 - Intro
00:25 - Lottie Files
02:47 - Use Font's for icons - Google Emoji Fonts
05:24 - Table of Contents to navigate page sections
06:50 - Create Multiple Themes for your brand
08:18 - Hide your pages and create a custom navigation bar
09:38 - Understand Font's and Font pairings
12:07 - Section out your Footer to create a clean look
13:38 - See ya
__________
ABOUT ME
Hey! I'm Chelsea! Owner of She Designs Things. I'm a professional photographer, and web and logo designer. If you're ready to learn something cool, or you just want to get started being a little more creative in this digital world, I am happy to help.
__________
RESOURCES & LINKS
LottieFiles: lottiefiles.com/lottie
Google Fonts Noto Emoji: fonts.google.com/noto/specime...
Google Fonts Noto Music: fonts.google.com/noto/specime...
Design Stripe: designstripe.com/
Free Google Site SEO Guide: bit.ly/3NR4hDB
Create a Free website: sites.google.com/
Music: from Tunetank.com
__________
SOCIAL MEDIA
Say Hi!
Link-In-Bio: bit.ly/3TJqs1l
Website: shedesignsthings.com
Instagram: / shedesignsthingsco
Photography Website: thebokehlens.com
#websitebuilder #googlesites #googlesitehacks

Пікірлер: 126

@shedesignsthings Жыл бұрын

✨Hey there! ✨ There are tons of things you can do with a Google Site! A website builder is *_a website builder_* no matter the name. I encourage anyone looking to learn more about web design and development to start with a Google site. You'll learn it's limitations and this will push you into wanting to learn about HTML, coding and more. 💕You can view this google site here: sites.google.com/shedesignsthings.com/the-therapist/home Don't forget to checkout my website - shedesignsthings.com to view my latest Google Site Designs. :)

@vocalsofkobbina8219 Жыл бұрын

thank you thank you thank you thank you thank you

@happysignings1 2 ай бұрын

I was so frustrated with building a site through Google for my business. Your video has definitely given me hope, and you are so right, website builder is a website builder. Understanding design and development is key.

@shedesignsthings 2 ай бұрын

You can do it!

@fotofigures Жыл бұрын

Oh, thanks for this video. Just what I wanted to try and develop G Sites. Your narration and teaching are very clear and pleasant to listen to. I wish you all the luck in the world with these teachings. I shall follow you for sure.

@KKSERITHI Жыл бұрын

I love your friendly manner of presenting, you are the vibe ☺

@HomeFromFarAway 3 ай бұрын

I like your presentation style. Very organic, lowkey and nice to listen to while I'm trying to learn all this new stuff 😅

@leizlastor6087 Жыл бұрын

thanks for this video. I making my own gSite this one adds my site cool. Your narration and teaching are very clear that I can easily follow you as a newbie. wish you all the best in youtube world, hope you'll get more subscriber cos this one helps a lot. subscribed 😘

@TomEMullaney Жыл бұрын

So agreed about Noto Emoji. Much better than conventional emojis and renders uniformly across platforms and devices.

@janeenmccoy4610 Жыл бұрын

Thank you soo much for this video it was super super informative and full of clarity.

@niomierolandromance4980 Жыл бұрын

Hi! This video was very helpful. How were you able to make your site mobile friendly? Some stuff from my site cuts out in mobile view...

@kojaksigma1 Жыл бұрын

This is an awesome tutorial you just made things easy on Google site and I have learned different options I didn't know was there great design by the way... 😊

@infinitead Жыл бұрын

Its gentle.

@mezatron Жыл бұрын

Wow. What a treasure trove of info. Thanks soo much

@Mediversia Жыл бұрын

Loved it!!!!! thanks so much!

@FastTrackIntensiveSpanish2.0 6 ай бұрын

Amazing video! Thank you!

@miramar7928 Жыл бұрын

Great tips, thanks!!

@LyndaMELENDEZ Жыл бұрын

This is great! I definitely would like to learn how you added the subscribed to the newsletter part.

@shedesignsthings Жыл бұрын

I have two videos about the newsletter: kzfaq.info/get/bejne/fbKgZ9JqypfYoJ8.html - Flodesk, MailChimp, Google Sheets. Or Mailerlite: kzfaq.info/get/bejne/qtV-f6d0m92wfac.html

@LipePassos 2 ай бұрын

i live in Brazil and i love your website style, its amazing and very interesting

@shedesignsthings 2 ай бұрын

Awesome, thank you!

@samxamy Жыл бұрын

This is such a helpful video, thanks love!

@shedesignsthings Жыл бұрын

Glad you found it helpful!

@kenjames8071 6 күн бұрын

This is a great instructional video. How much do you charge to update a google site that already has content on it?

@santhoshmthomas Жыл бұрын

Thanks for the nice video. Have you to host the site separately? or just publishing is enough?

@shedesignsthings Жыл бұрын

The site is hosted by Google inside of your Google Drive

@chojaa Жыл бұрын

i have whole time a white bar in my google site is that normal? i cant remove it i cant fill it. if i add something new (a new block, etc) the white bar goes just a bit down... its direct above the footer and for me it feels buggy. is it possible to remove that white bar or change the color to something?

@ai_vids Жыл бұрын

Great one!

@dennyaulia Жыл бұрын

wow this is brilliant tips, thank you!

@shedesignsthings Жыл бұрын

You're welcome

@ElectromecanicaIndustrial Жыл бұрын

super informative

@robertgregg8313 Жыл бұрын

Great info!! How do you make your google site buttons different colors? I thought they were tied to the theme and not changeable?

@shedesignsthings Жыл бұрын

They are tired to the theme under default. If you change the default color this will change the button color.

@robertgregg8313 Жыл бұрын

@@shedesignsthings Yes. You have multiple button colors. How does that work? I've been playing with it and still haven't cracked it.

@shedesignsthings Жыл бұрын

@@robertgregg8313 When you add a new button you can change the button type to Filled, Outlined, Text. This will give you different button styles.

@davidsyrus3157 Жыл бұрын

Hi, just found you on KZfaq and subscribed. Great stuff! Does Google display ads on the pages we create? What about if we buy a domain name through them and they host it?

@shedesignsthings Жыл бұрын

Ads are not allowed on Google Sites. Instead use Blogger - which is also a Google Product.

@Wizardofoz1981 Жыл бұрын

I've been following your channel. And it helps a lot. Thank you for so much useful hacks in Google Sites. One thing I really really like to know: Can you embed a Google sites into another Google Sites? 😊

@shedesignsthings Жыл бұрын

Unfortunately not. There might be a work around but I haven’t tried to myself

@Wizardofoz1981 Жыл бұрын

@@shedesignsthings IKR...bummer 😅 Let's collectively make feature requests/ improvement in sites community 😅😅😅 I think it's a helpful feature...keeps your customers' sites inside your site. Don't you think? Why else would we make portofolio websites?

@shawngormley Жыл бұрын

I like the look of Google sites but I'm also wanting to do a daily blog and use blogger. Is there a way to use Google sites as a blog or should I use two separate but then I want the theme to be the same so is there a way to have it integrated together?

@shedesignsthings Жыл бұрын

If you use blogger and are generating income using ads, stick with blogger. You can use the full page embed option to add blogger to your google site. It just depends on your needs.

@shawngormley Жыл бұрын

@@shedesignsthings I'm starting new period I just don't like how my buns at the top of Google sites doesn't match the blogger. Was trying to make it seamless and make it look like one site

@shedesignsthings Жыл бұрын

@@shawngormley Send me an email with the website so that I can take a look.

@inthebox3997 4 ай бұрын

great tutorial! just one question is there a way to customize the tiles? I'm new to Google Sites. Thanks

@shedesignsthings 4 ай бұрын

Do you mean the page title or the title text?

@mutiawulandari6042 Жыл бұрын

U r a gem anw. I have a final project is to make website and idk at all about web design. Thx May God bless U. 🇮🇩🇮🇩

@vladarodic9683 2 ай бұрын

i didn’t know one important thing and that is that custom domains are naked domains. have you inquired little bit more, why is that?

@Neema825 Жыл бұрын

Great video. How did you get more themes??

@shedesignsthings Жыл бұрын

I created them. You can create up to five seems per website and import various seems to the Google side panels from other google sites.

@minaabelleraart Жыл бұрын

This is amazing! You know Google Sites more than anyone I've seen!😱 I'm combing through your tutorials but couldn't find the Code you mentioned on how to make the Signup Form (Flodesk/Mailchimp/etc) not have the slider on the right.. I cannot get rid of it! Your signup form looks fab! No slider! Can you please direct me where to find the Code you mentioned? Thank you!🌸🙏🌸

@shedesignsthings Жыл бұрын

It's actually inside your flodesk code. Locate the margins and change the requirements in the margins. I'll try to make a short video explaining this :)

@minaabelleraart Жыл бұрын

@@shedesignsthings Thanks so much! I think I found the HTML Code "margin" part you are referring to.. i.e. it says: sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} I found out there are 40 "margin" words in the code! Yikes! This is beyond my comprehension. And I don't know what to change in the code at all!😵 Will just wait for your KZfaq shorts video😊

@lizakennedy1735 Жыл бұрын

That is why I have been redoing my website to Google sites

@camilorodriguez4504 11 ай бұрын

Thank you, great work

@shedesignsthings 11 ай бұрын

Thank you!

@user-ub3nj3pq2x 4 ай бұрын

epic thank you mate

@TheRoom2Breathe Жыл бұрын

I see U trying to come up! I subscribed! ❤️. Doing good too

@okendo69 Жыл бұрын

What a Legend!

@RolanArjan Жыл бұрын

hey there....how do you design the background that looks better and what fonts you are using?

@shedesignsthings Жыл бұрын

There are roughly 3,000 Google Fonts. The fonts in Google Sites may differ from fonts offered on fonts.google.com. My backgrounds are images.

@RolanArjan Жыл бұрын

@@shedesignsthings how did you design those images and the hackscode for the color. Thank you

@shedesignsthings Жыл бұрын

@@RolanArjan Which images? The Background images are from Canva as are the frames.

@user-gd7ym2er8v 11 ай бұрын

I have tried adding a lotti files animation using your procedure but it doesn't display after I paste the code into the embed url dialog box. What would you suggest I do?

@shedesignsthings 11 ай бұрын

It would depend on the file. Without seeing the error I don’t have any suggestions as to what you could do. You can always email me the issue. Or use the anonymous question link I have.

@vocalsofkobbina8219 Жыл бұрын

thank you

@maeveleen1988 Жыл бұрын

What font did you use for "hello, i'm doctor alena"?

@shedesignsthings Жыл бұрын

Cinzel Decorative

@atYourBestCoach Жыл бұрын

Please excuse me for the dumb question but I already added the noto emojis "font" and now I have no idea how to actually use it. Does every emoji have a code or something? Like :) for a smile?

@shedesignsthings Жыл бұрын

Not a dumb question! Open a line of text - change the font to Noto emoji. Use your keyboard to add the desired emoji by using Windows logo key + . (period) or if you're on a mac Press Command + Control + Space. Keep in mind - not every emoji will work. :)

@atYourBestCoach Жыл бұрын

@@shedesignsthings Thanks! it works!!

@karlekanarki3803 Жыл бұрын

@@shedesignsthings what about with a chromebook?

@shedesignsthings Жыл бұрын

@@karlekanarki3803 Admittedly I’ve never used one and I’m not sure what the process looks like.

@gtwocgsf Жыл бұрын

When I uploaded my logo, it's shows a small log. How do I resize it or expand it? When I click "edit logo", it just ask to upload an image. No resizing. I hope you can help

@shedesignsthings Жыл бұрын

You'll have to resize your logo outside of Google. If your logo is a PNG and you're using a Windows 10 or 11 computer - open the photo in the photos app and select edit. Crop away any excess blank space. If you have no excess blank space your logo is likely too small and you'll need the original logo file to fix it.

@tcart2955 11 ай бұрын

Do you know how do you add a popup in the header of google sites and connect it to Flowdesk?

@shedesignsthings 11 ай бұрын

Pop-ups are not aloud inside of Google sites.

@natalyosio9608 3 ай бұрын

Hi! How did you add the fields to fill for subscribing?

@shedesignsthings 3 ай бұрын

Use the embed element to embed code from subscription service providers like mailchimp or flodesk.

@natalyosio9608 3 ай бұрын

@@shedesignsthings awesome! Thanks!

@natalyosio9608 3 ай бұрын

@@shedesignsthings What if instead of subscribing I want a contact form (without using google forms)?

@lazaroramalho7492 Жыл бұрын

Hello, I've been looking on youtube for a long time how to put buttons with delay on google sites and I can't find it anywhere, could you answer me how I do this? how to put buttons with delay and how to hide the commands of embedded youtube videos? If you can answer me I would appreciate it.

@shedesignsthings Жыл бұрын

You'll have to create html buttons with javascript. Here is an example I found on Stackoverflow - stackoverflow.com/questions/62250087/i-want-to-click-buttons-one-by-one-and-add-delay-how-to-add-delay For KZfaq videos - My question is why? Here is a site that covers it: www.cincopa.com/blog/how-to-embed-youtube-videos-without-showing-controls/ I have not tried either method, but you are free to give them a go and let me know if they work. Another solution is try ChatGPT to write a code for you.

@agyiekunyan4726 Жыл бұрын

Hello there, I want to see a video on how to create a footer with all we see in footers.? thank you

@shedesignsthings Жыл бұрын

Could you explain this more?

@infodalilak888 Жыл бұрын

How to set a successful conversion on Google Site in Google Ads?

@azyt Жыл бұрын

how did you create the custom navigation bar? the video didn't explain

@shedesignsthings Жыл бұрын

Collapsible text group.

@allin1marketingsolutions770 Жыл бұрын

Great Video!! How do you add reviews to your google site?

@shedesignsthings Жыл бұрын

The easiest way to show reviews is to use elfsight. You can also create something yourself using Google Business Profile API.

@allin1marketingsolutions770 Жыл бұрын

@@shedesignsthings elfsight doesn't work. Can you direct me the right way for Google Business Profile API?

@shedesignsthings Жыл бұрын

@@allin1marketingsolutions770 Here is a post on stack overflow about it. stackoverflow.com/questions/43886124/api-to-get-all-the-reviews-and-rating-from-google-for-business Here is the API information from google. developers.google.com/my-business/content/review-data#list_all_reviews

@allin1marketingsolutions770 Жыл бұрын

@@shedesignsthings THANKS FOR THE SUPPORT😊

@SherpaxWoman 3 ай бұрын

I am really having trouble making my site mobile friendly. How do you do that?

@shedesignsthings 3 ай бұрын

It should be automatically mobile friendly. An exception to this is if you have too many images in places where it should be a different element.

@KanadMehta Жыл бұрын

Hello, can we have a floating chat widget, currently chat panel need to have dedicated fixed space

@shedesignsthings Жыл бұрын

Presently it is only a fixed space :/

@EddieQuezada Жыл бұрын

Love these videos

@Haven_Hue 5 ай бұрын

thank u

@shedesignsthings 5 ай бұрын

You're welcome!

@angelocuyson Жыл бұрын

how can I remove the scroll bar when resizing it to mobile preview

@shedesignsthings Жыл бұрын

I have a video on removing the scrollbars on my channel - kzfaq.info/get/bejne/p5uRY92V3ajNZp8.html

@mirthanatividadortizrobles1203 Жыл бұрын

Hi! Do you know how to add pop ups on google sites? Thanks!

@shedesignsthings Жыл бұрын

Google actively blocks pop up’s however. You can only add a pop up to a full page embed.

@mirthanatividadortizrobles1203 Жыл бұрын

@@shedesignsthings :') thank you

@yuserxyz 9 ай бұрын

Im here for the newsletter thingy couldn’t figure it out 😢

@shedesignsthings 9 ай бұрын

Can you give a little more detail?

@Syed2 11 ай бұрын

Can we make Digital Business Card by Google Site?

@shedesignsthings 11 ай бұрын

Sure! Much like a link in bio page - the concept is the same. However, features like NFC Tag would need to be created separately.

@Syed2 11 ай бұрын

@@shedesignsthings I mean Clickable Links in Digital Business Card, i don't understand feature of NFC Tag. Kindly explain it in any video.

@Maquixtia 7 ай бұрын

Hi! Do you have a video to make the google site multilingual ? Thanks.

@shedesignsthings 7 ай бұрын

I do not. This is because you would need to rebuild the site in the language that you would like. This is common practice for large scale companies, but for smaller businesses this would not work. If a person is using chrome they may be able to have the page translated into the language they prefer, but it is not a built in feature.

@Maquixtia 7 ай бұрын

@@shedesignsthings Thanks. Now I understand.

@VictoriaCosta-hn3mb Жыл бұрын

I'm a little confused on how to actually create a custom navigation bar

@shedesignsthings Жыл бұрын

You can create a custom navigation bar by using the text and collapse text feature or by creating a navigation in HTML and CSS. :) I can make a short video explaining this if you need.

@fonsavan Жыл бұрын

@@shedesignsthings please do make a video when you have some time. tried to figure it out on my own but 😵‍💫 thank you!

@shedesignsthings Жыл бұрын

@@fonsavan Thank you for reminding me! I did create a video on this and I will post it sometime this week.

@fonsavan Жыл бұрын

@@shedesignsthings thank you!!

@claudydesigns 10 ай бұрын

YES, I WANT TO KNOW TO !! PLEASE!!!@@shedesignsthings

@canthacan 10 ай бұрын

08:18 - Hide your pages and create a custom navigation bar it didin't work. ¯\_(ツ)_/¯

@shedesignsthings 10 ай бұрын

Depends on what type of navigation you're looking to have. You can link any page to a button, element (image) or text. This is how you can create a custom navigation without adding embed code.