Google Sites hacks you've NEVER heard of!
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 2024
- 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 - วิทยาศาสตร์และเทคโนโลยี
✨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. :)
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.
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... 😊
Its gentle.
Wow. What a treasure trove of info. Thanks soo much
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...
This is great! I definitely would like to learn how you added the subscribed to the newsletter part.
I have two videos about the newsletter: th-cam.com/video/GLp4o9e1tpk/w-d-xo.html - Flodesk, MailChimp, Google Sheets.
Or Mailerlite: th-cam.com/video/toNLDC6wLMs/w-d-xo.html
Amazing video! Thank you!
Loved it!!!!! thanks so much!
Great tips, thanks!!
This is such a helpful video, thanks love!
Glad you found it helpful!
i live in Brazil and i love your website style, its amazing and very interesting
Awesome, thank you!
Thanks for the nice video. Have you to host the site separately? or just publishing is enough?
The site is hosted by Google inside of your Google Drive
wow this is brilliant tips, thank you!
You're welcome
Great one!
Hi, just found you on TH-cam 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?
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? 😊
Unfortunately not. There might be a work around but I haven’t tried to myself
@@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?
super informative
This is a great instructional video. How much do you charge to update a google site that already has content on it?
Great info!! How do you make your google site buttons different colors? I thought they were tied to the theme and not changeable?
They are tired to the theme under default. If you change the default color this will change the button color.
@@shedesignsthings Yes. You have multiple button colors. How does that work? I've been playing with it and still haven't cracked it.
@@robertgregg8313 When you add a new button you can change the button type to Filled, Outlined, Text. This will give you different button styles.
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 see U trying to come up! I subscribed! ❤️. Doing good too
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?
Thank you, great work
Thank you!
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?
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.
@@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
@@shawngormley Send me an email with the website so that I can take a look.
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!🌸🙏🌸
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 :)
@@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 TH-cam shorts video😊
That is why I have been redoing my website to Google sites
great tutorial! just one question is there a way to customize the tiles? I'm new to Google Sites. Thanks
Do you mean the page title or the title text?
epic thank you mate
Great video. How did you get more themes??
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.
What a Legend!
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?
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?
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. :)
@@shedesignsthings Thanks! it works!!
@@shedesignsthings what about with a chromebook?
@@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"?
Cinzel Decorative
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?
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.
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
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.
hey there....how do you design the background that looks better and what fonts you are using?
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.
@@shedesignsthings how did you design those images and the hackscode for the color. Thank you
@@RolanArjan Which images? The Background images are from Canva as are the frames.
I am really having trouble making my site mobile friendly. How do you do that?
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.
Love these videos
Do you know how do you add a popup in the header of google sites and connect it to Flowdesk?
Pop-ups are not aloud inside of Google sites.
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.
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 TH-cam 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.
Great Video!! How do you add reviews to your google site?
The easiest way to show reviews is to use elfsight. You can also create something yourself using Google Business Profile API.
@@shedesignsthings elfsight doesn't work. Can you direct me the right way for Google Business Profile API?
@@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
@@shedesignsthings THANKS FOR THE SUPPORT😊
Hello there, I want to see a video on how to create a footer with all we see in footers.? thank you
Could you explain this more?
how did you create the custom navigation bar? the video didn't explain
Collapsible text group.
thank u
You're welcome!
How to set a successful conversion on Google Site in Google Ads?
Hi! How did you add the fields to fill for subscribing?
Use the embed element to embed code from subscription service providers like mailchimp or flodesk.
@@shedesignsthings awesome! Thanks!
@@shedesignsthings What if instead of subscribing I want a contact form (without using google forms)?
Hello, can we have a floating chat widget, currently chat panel need to have dedicated fixed space
Presently it is only a fixed space :/
how can I remove the scroll bar when resizing it to mobile preview
I have a video on removing the scrollbars on my channel - th-cam.com/video/q5a0zdxBi6k/w-d-xo.html
Im here for the newsletter thingy couldn’t figure it out 😢
Can you give a little more detail?
Hi! Do you know how to add pop ups on google sites? Thanks!
Google actively blocks pop up’s however. You can only add a pop up to a full page embed.
@@shedesignsthings :') thank you
I'm a little confused on how to actually create a custom navigation bar
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.
@@shedesignsthings please do make a video when you have some time. tried to figure it out on my own but 😵💫 thank you!
@@fonsavan Thank you for reminding me! I did create a video on this and I will post it sometime this week.
@@shedesignsthings thank you!!
YES, I WANT TO KNOW TO !! PLEASE!!!@@shedesignsthings
Can we make Digital Business Card by Google Site?
Sure! Much like a link in bio page - the concept is the same. However, features like NFC Tag would need to be created separately.
@@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.
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.
@@shedesignsthings Thanks. Now I understand.
08:18 - Hide your pages and create a custom navigation bar
it didin't work. ¯\_(ツ)_/¯
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 !!!
Duh. No one said it was lmao 🤣