Google Sites hacks you've NEVER heard of!

Ғылым және технология

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
    @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

    @vocalsofkobbina8219

    Жыл бұрын

    thank you thank you thank you thank you thank you

  • @happysignings1
    @happysignings12 ай бұрын

    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

    @shedesignsthings

    2 ай бұрын

    You can do it!

  • @fotofigures
    @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
    @KKSERITHI Жыл бұрын

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

  • @HomeFromFarAway
    @HomeFromFarAway3 ай бұрын

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

  • @TomEMullaney
    @TomEMullaney Жыл бұрын

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

  • @leizlastor6087
    @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 😘

  • @janeenmccoy4610
    @janeenmccoy4610 Жыл бұрын

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

  • @kojaksigma1
    @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

    @infinitead

    Жыл бұрын

    Its gentle.

  • @niomierolandromance4980
    @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...

  • @mezatron
    @mezatron Жыл бұрын

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

  • @Mediversia
    @Mediversia Жыл бұрын

    Loved it!!!!! thanks so much!

  • @FastTrackIntensiveSpanish2.0
    @FastTrackIntensiveSpanish2.06 ай бұрын

    Amazing video! Thank you!

  • @miramar7928
    @miramar7928 Жыл бұрын

    Great tips, thanks!!

  • @LyndaMELENDEZ
    @LyndaMELENDEZ Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    I have two videos about the newsletter: kzread.info/dash/bejne/eYCkltFylZTaoM4.html - Flodesk, MailChimp, Google Sheets. Or Mailerlite: kzread.info/dash/bejne/pqOCrqZ8ZtqyfdY.html

  • @LipePassos
    @LipePassos2 ай бұрын

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

  • @shedesignsthings

    @shedesignsthings

    2 ай бұрын

    Awesome, thank you!

  • @samxamy
    @samxamy Жыл бұрын

    This is such a helpful video, thanks love!

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    Glad you found it helpful!

  • @kenjames8071
    @kenjames80716 күн бұрын

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

  • @santhoshmthomas
    @santhoshmthomas Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    The site is hosted by Google inside of your Google Drive

  • @chojaa
    @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
    @ai_vids Жыл бұрын

    Great one!

  • @dennyaulia
    @dennyaulia Жыл бұрын

    wow this is brilliant tips, thank you!

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    You're welcome

  • @ElectromecanicaIndustrial
    @ElectromecanicaIndustrial Жыл бұрын

    super informative

  • @robertgregg8313
    @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

    @shedesignsthings

    Жыл бұрын

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

  • @robertgregg8313

    @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

    @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
    @davidsyrus3157 Жыл бұрын

    Hi, just found you on KZread 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

    @shedesignsthings

    Жыл бұрын

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

  • @Wizardofoz1981
    @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

    @shedesignsthings

    Жыл бұрын

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

  • @Wizardofoz1981

    @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
    @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

    @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

    @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

    @shedesignsthings

    Жыл бұрын

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

  • @inthebox3997
    @inthebox39974 ай бұрын

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

  • @shedesignsthings

    @shedesignsthings

    4 ай бұрын

    Do you mean the page title or the title text?

  • @mutiawulandari6042
    @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
    @vladarodic96832 ай бұрын

    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
    @Neema825 Жыл бұрын

    Great video. How did you get more themes??

  • @shedesignsthings

    @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
    @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

    @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

    @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 KZread shorts video😊

  • @lizakennedy1735

    @lizakennedy1735

    Жыл бұрын

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

  • @camilorodriguez4504
    @camilorodriguez450411 ай бұрын

    Thank you, great work

  • @shedesignsthings

    @shedesignsthings

    11 ай бұрын

    Thank you!

  • @user-ub3nj3pq2x
    @user-ub3nj3pq2x4 ай бұрын

    epic thank you mate

  • @TheRoom2Breathe
    @TheRoom2Breathe Жыл бұрын

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

  • @okendo69
    @okendo69 Жыл бұрын

    What a Legend!

  • @RolanArjan
    @RolanArjan Жыл бұрын

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

  • @shedesignsthings

    @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

    @RolanArjan

    Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

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

  • @user-gd7ym2er8v
    @user-gd7ym2er8v11 ай бұрын

    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

    @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
    @vocalsofkobbina8219 Жыл бұрын

    thank you

  • @atYourBestCoach
    @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

    @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

    @atYourBestCoach

    Жыл бұрын

    @@shedesignsthings Thanks! it works!!

  • @karlekanarki3803

    @karlekanarki3803

    Жыл бұрын

    @@shedesignsthings what about with a chromebook?

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

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

  • @maeveleen1988
    @maeveleen1988 Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    Cinzel Decorative

  • @gtwocgsf
    @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

    @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
    @tcart295511 ай бұрын

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

  • @shedesignsthings

    @shedesignsthings

    11 ай бұрын

    Pop-ups are not aloud inside of Google sites.

  • @natalyosio9608
    @natalyosio96083 ай бұрын

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

  • @shedesignsthings

    @shedesignsthings

    3 ай бұрын

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

  • @natalyosio9608

    @natalyosio9608

    3 ай бұрын

    @@shedesignsthings awesome! Thanks!

  • @natalyosio9608

    @natalyosio9608

    3 ай бұрын

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

  • @lazaroramalho7492
    @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

    @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 KZread 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
    @agyiekunyan4726 Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    Could you explain this more?

  • @infodalilak888
    @infodalilak888 Жыл бұрын

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

  • @azyt
    @azyt Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    Collapsible text group.

  • @SherpaxWoman
    @SherpaxWoman3 ай бұрын

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

  • @shedesignsthings

    @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.

  • @allin1marketingsolutions770
    @allin1marketingsolutions770 Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

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

  • @allin1marketingsolutions770

    @allin1marketingsolutions770

    Жыл бұрын

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

  • @shedesignsthings

    @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

    @allin1marketingsolutions770

    Жыл бұрын

    @@shedesignsthings THANKS FOR THE SUPPORT😊

  • @KanadMehta
    @KanadMehta Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    Presently it is only a fixed space :/

  • @EddieQuezada
    @EddieQuezada Жыл бұрын

    Love these videos

  • @angelocuyson
    @angelocuyson Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

    I have a video on removing the scrollbars on my channel - kzread.info/dash/bejne/o2mVktydqKXPZs4.html

  • @Haven_Hue
    @Haven_Hue5 ай бұрын

    thank u

  • @shedesignsthings

    @shedesignsthings

    5 ай бұрын

    You're welcome!

  • @mirthanatividadortizrobles1203
    @mirthanatividadortizrobles1203 Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

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

  • @mirthanatividadortizrobles1203

    @mirthanatividadortizrobles1203

    Жыл бұрын

    @@shedesignsthings :') thank you

  • @yuserxyz
    @yuserxyz9 ай бұрын

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

  • @shedesignsthings

    @shedesignsthings

    9 ай бұрын

    Can you give a little more detail?

  • @Syed2
    @Syed211 ай бұрын

    Can we make Digital Business Card by Google Site?

  • @shedesignsthings

    @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

    @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
    @Maquixtia7 ай бұрын

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

  • @shedesignsthings

    @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

    @Maquixtia

    7 ай бұрын

    @@shedesignsthings Thanks. Now I understand.

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

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

  • @shedesignsthings

    @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

    @fonsavan

    Жыл бұрын

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

  • @shedesignsthings

    @shedesignsthings

    Жыл бұрын

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

  • @fonsavan

    @fonsavan

    Жыл бұрын

    @@shedesignsthings thank you!!

  • @claudydesigns

    @claudydesigns

    10 ай бұрын

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

  • @canthacan
    @canthacan10 ай бұрын

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

  • @shedesignsthings

    @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.

  • @profaccount1639
    @profaccount163914 күн бұрын

    Google Sites IS NOT supported by Google ADS !!!

  • @shedesignsthings

    @shedesignsthings

    14 күн бұрын

    Duh. No one said it was lmao 🤣

Келесі