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
✨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
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!
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.
I love your friendly manner of presenting, you are the vibe ☺
I like your presentation style. Very organic, lowkey and nice to listen to while I'm trying to learn all this new stuff 😅
So agreed about Noto Emoji. Much better than conventional emojis and renders uniformly across platforms and devices.
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 😘
Thank you soo much for this video it was super super informative and full of clarity.
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.
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...
Wow. What a treasure trove of info. Thanks soo much
Loved it!!!!! thanks so much!
Amazing video! Thank you!
Great tips, thanks!!
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: kzread.info/dash/bejne/eYCkltFylZTaoM4.html - Flodesk, MailChimp, Google Sheets. Or Mailerlite: kzread.info/dash/bejne/pqOCrqZ8ZtqyfdY.html
i live in Brazil and i love your website style, its amazing and very interesting
@shedesignsthings
2 ай бұрын
Awesome, thank you!
This is such a helpful video, thanks love!
@shedesignsthings
Жыл бұрын
Glad you found it helpful!
This is a great instructional video. How much do you charge to update a google site that already has content on it?
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
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?
Great one!
wow this is brilliant tips, thank you!
@shedesignsthings
Жыл бұрын
You're welcome
super informative
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.
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
Жыл бұрын
Ads are not allowed on Google Sites. Instead use Blogger - which is also a Google Product.
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?
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.
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?
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. 🇮🇩🇮🇩
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?
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.
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 KZread shorts video😊
@lizakennedy1735
Жыл бұрын
That is why I have been redoing my website to Google sites
Thank you, great work
@shedesignsthings
11 ай бұрын
Thank you!
epic thank you mate
I see U trying to come up! I subscribed! ❤️. Doing good too
What a Legend!
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.
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.
thank you
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.
What font did you use for "hello, i'm doctor alena"?
@shedesignsthings
Жыл бұрын
Cinzel Decorative
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.
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.
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)?
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 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.
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?
How to set a successful conversion on Google Site in Google Ads?
how did you create the custom navigation bar? the video didn't explain
@shedesignsthings
Жыл бұрын
Collapsible text group.
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.
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😊
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 :/
Love these videos
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 - kzread.info/dash/bejne/o2mVktydqKXPZs4.html
thank u
@shedesignsthings
5 ай бұрын
You're welcome!
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
Im here for the newsletter thingy couldn’t figure it out 😢
@shedesignsthings
9 ай бұрын
Can you give a little more detail?
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.
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.
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
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.
Google Sites IS NOT supported by Google ADS !!!
@shedesignsthings
14 күн бұрын
Duh. No one said it was lmao 🤣