How to do More with Google Sites and use Advanced embed features!

[@FlippedClassroomTutorials]

Want to add a Comment section to your Google Sites? Check out my latest video: kzbin.info/www/bejne/nZylYayfq8ahkKM

[@k8shphd]

Can you teach us non-coders how to make any embedded s responsive on Google Sites? Your channel and videos are excellent! A++++++

[@hellmaker24]

Thank you for making these awesome videos. Is it possible to embed a Google spreadsheet in my Google site with all the features still available (filters, images and formulas), please advise. Thanks again!!

[@iman-klt]

Great vids.. love the show :)

[@taranidhikafley3779]

How can I create a quiz form in google sites

[@niftycodersk]

@@taranidhikafley3779 make a Google form and go to sites And click on forms. Select from Google drive. Resize it

[@DoItProjects]

Holy crap! It's about time! This has been the most informative and helpful tutorial of advanced Google Sites operations I've ever come across. And I've been looking for a LONG time! Thank you! Massive thumbs up!

[@FlippedClassroomTutorials]

Thank you! Really happy you found it helpful. I'm always trying to create content people can use, hopefully you find more helpful tips and tricks on the channel!

[@guys1743]

Good job my friend. You are one of the rarest presenters that I enjoy to listen. No stress in your voice, very well explained. Absolutely helpful for everybody here in the world of Google Sites. Thx a lot.

[@varshamehralive]

You are such a genuine person, you care about your viewer's time. I like that.

[@MarcCastellsBallesta]

Been watching Google Sites tutorials for a while. You're the first one I find that's not showing the first steps. All 4 things look great. My favourite is the collapsible.

[@FlippedClassroomTutorials]

Great to hear that!

[@sakshirao2656]

By far the simplest and most useful google sites advance tutorial I've watched (and I've watched many without getting anywhere!) Thank you so much! I knew what I wanted for my site but didn't know how to execute it. Thank you so much for this video! :)

[@newspapereconomy5943]

Sakshi Rao what did you made miss

[@dougfebruary6098]

This is true value. People will pay for this content. Thanks

[@FlippedClassroomTutorials]

Thanks! Appreciate that.

[@Rajiv4U]

Your video has opened a new door to a whole new world of google site. Thanks for the video. GBU

[@rivergrrrl1256]

More please? More card animation rigging for a wink and a smile? You are a very good teacher. Thank you

[@tommyshobalongdong]

Most of what you cover is now native, could you update this tutorial with some new tips? I’d love it! You got my subscription!!

[@mrs.d.meyers3326]

Informative video; I've already made a carousel and a collapsible based on your instructions. I've always wanted to learn to create a carousel and now I can. Thank you!

[@dicktroy7398]

As a non-coding armature - this is the best tutorial I have ever followed - thank you. Can you recommend a tutor to help me develop my current project - obviously on fee.

[@mistyday]

The carousel is a game changer & exactly what I need to step up my portfolio

[@aini9168]

As a middle schoolar, I better get extra credit for this.

[@kingsinator]

ikr 😂😂😂

[@illb2fast4u]

for what? implementing something you googled?

[@shecynn3437]

@@illb2fast4u It's a kid relax..lol

[@bwoo9866]

FR, SAME, i have to make a module rn 😭😭😭

[@noahm.9091]

@@illb2fast4ubro that’s over half of what web dev and software development are

[@bbnCRLB]

Thank you for the tutorial. I couldn't get the my Google drive image to work. The new link share came out differently from how it is in this tutorial. Any idea on how to achieve this now?

[@ricardocornejo2213]

Ooohh Fantastic! Thanks for the advanced tips. The tutorial is as good as the links you suggest visisting!

[@FlippedClassroomTutorials]

Thank you!

[@johnpaulberaquit7684]

can i use photos both in portrait and landscape orientation using carousel/slideshow?

[@FlippedClassroomTutorials]

You can, however the portrait photos will have empty space next to them to fill in the blanks. Native carousels are coming soon to slides, so I will make an update when those are available.

[@shaktibansingh2779]

Hey, How to add user log in and hence a user account page where his/her purchase history can be shown. Through Google sites

[@I_P_A]

thank you so much for this video, but I need more help sir, I need to create a slide show contains button and title inside every slide, could please help me how to get that?

[@budyonosaputro4062]

Hi there, thanks for your great tutorial. I really love it mate. Unfortunately, in my google sites, I can't embed any code, every time I copy paste or embed the code it always shows blank, it's like nothing happened in there. Can you help me with this?

[@Unboundarcade]

If we are able to adjust the shadow thickness as the hover effect, could we also potentially create a zoom effect on hover?

[@lafamillecarrington]

Brilliant - thanks for showing how to use the W3 website. I think I will be playing with that for a while!

[@goat-bd9xr]

all your tutorial is the best I never have seen anything like this on youtube before

[@yz4524]

This is gold. Thank you so much for this demo!

[@ethancui6151]

How did you add that discussion box at the bottom of your google site?

[@MyselfRiyam]

Amazinggg!! I appreciate your efforts and I'm waiting for more videos on advanced tips and tricks about google sites for suree✨

[@FlippedClassroomTutorials]

That's great to hear. Appreciate your feedback!

[@144Donn]

Brilliant! Excellent production and explanation...very calm and confident!

[@FlippedClassroomTutorials]

+144Donn Thank you. Glad you enjoyed it.

[@maikun8730]

My team is participating in creating a sites competition and this really helps! Your explanation is very clear too

[@zhinasedqi6213]

Thanks for the video, I have a question about the image carousel in the google site. How to add a link to a text in the caption of the image carousel?

[@MóTee1]

😇🙏🏽 sir, THANK YOU! I am genuinely and truly appreciative for your work. This was just perfectly done, even I can understand it😂 I am really grateful. Do more of these tutorials for us.🙏🏽🇿🇦

[@alejandoramirez4510]

Bravo all cuba follow your videos since we do not have access to international forms of payment for hosting or domains and we use this tool for our web pages here you are is more famous than che guevara greetings from cuba very good tutorial

[@incredible-isntit3239]

Hi. Was just wanting to know particularly why you used collapsable from bootstrap when this feature is already available in google sites already. Any specific reason for that ?

[@1MinuteFlipDoc]

probably old video + new features on google sites.

[@LeePrice82]

Great stuff!! Any updates on this with bootstrap 5? Though I still love this. Thank you

[@eebamxela]

Great video thanks! Is there a way to embed a code that will automatically scroll down the page to another section? For example on my FAQ page of my website i want to list the questions at the top, and when you click on one, it scrolls to the answer further down the page.

[@federixships]

amazing video! Really helpful

[@alexanderlacasse697]

Help! Everytime I try and post the code into the "Embed Code" a "Client Error" comes back. Any idea what's going on?

[@sophiadeng8628]

Alexander LaCasse Sorry If this is late, but I was also having quite some trouble. A simple solution I had found was turning grammarly off (the chrome extension) if you have it. I hope this helps!

[@sarahgrodio8933]

so many videos leave someone hanging. ...this one was helpful.

[@RafaelHEscobar]

Hi. Thanks for the video! It's very useful. I'd like to know if every time a custom element is going to be used across different sections of the same page, lets say, an image carousel, is it mandatory to embed the full !DOCTYPE individually with its own and tags to make it work? Or can a single block be embedded as an independent section to call all the custom links/styles/scripts that are going to be used across a webpage?

[@Knowhowtofix]

How do you create a snippet for google sites to rank on google ?

[@freeyourmind7538]

Great tutorial, and remember peeps, just add around the cards image tag in HTML to turn them into functional links!!! Google has updated and made using carousels and foldables by simply clicking a button.

[@tursturis]

We cannot add code to the section of new Google Sites. Please offer a solution.

[@Portugallis]

Hi! I'm willing to make my site in other languages (I'm polyglot). Anyway, that would be good to have english at least. Is there any code or idea to add to the page to translate the text? Another subdomain or something like it? Thanks!

[@kiarasharian-yt]

Very helpful. thanks for sharing. Btw, how can I lazyload contents on GoogleSites? Thanks

[@JohnGriffiths8404]

I've had some hits and misses concerning GIF files. Whats the recommended file size in order for it to load and play well?

[@ChristinaMitchell-USA]

Brilliant tutorial on VITAL G-Sites elements. And outstanding teaching skills. Thank you very much.

[@antoniovalenzuelaq.5459]

Hola, se que ha pasado tiempo de este video, google drive ya no da la opcion de url que indica en este video, cual seria la nueva para hacer carrusel, muchas gracias

[@furank55]

thank you for your share, but there is a problem that i do it step by step with this video about the part of collapse, i put collapse's html code into my Google site and add "EMBED CODE" to paste and next but nothing happens. if Google has changed their policy of EMBED CODE?

[@mirwansiregar]

Thanks a lot Flipped...I have tried it, but in the creation of Carousel. The vertical scroll bar display in the preview...How to delete that....?

[@deeplyseated7427]

Hi. Thanks for the video. May I ask why WebP and APNG files are NOT supported in google sites even though they are supported in browsers? They support transparency and are much smaller and better quality than GIF? Is there any way at all to get a WebP or APNG file to actually work on a google site or is it a case of simply using another webbuilder and not google? I have a google site and I am learning from various videos and cannot find any workable solution.

[@susilofitriyanto8715]

This is very helpfull. Could you explain who to protect our picture so no one could download the picture

[@coriortega2281]

Hi Seth, thank you for making an advanced tutorial. The features you included are very useful. Plus of course, unlike a lot of Google Sites tutor, you really prepared your course materials. Plus you started by showing the finished work (what are we going to build) which means you really know how to teach this type of topic :-) Got one question for you: Is it possible to make the source text of the Accordion dynamic, like it's taken from specific rows of Google Sheets, instead of hardcoded embedded text? Thanks a lot and more power to you!

[@FlippedClassroomTutorials]

+Cori Ortega first of all, thank you so much for taking the time and leaving a comment! To answer your question, in principle it sgould be possible to make the code dynamic by referencing an external source in the html code. I have personally never done this as using tools such as sheetu and awsometables have always allowed me to embed sheets data in a visually appealing way. I might look into thia over the summer as it sounds like a fun little project to play around with.

[@jacobavila5666]

This is so great I did some edits to the code but I am having trouble with the photo being visible is there something I'm doing wrong?

[@jubaermirza3436]

Is it possible to add cart option that can automatic count product stock and take paymen?

[@harinathranjit9601]

Hey...Nice Video...There's an update from Google Sites though on the Image Carousel. You can just open your site, go to the Insert Tab on the right side of your page, and then scroll down a bit so that you can see an option called Image Carousel. Click that, and you will see an option to upload your photos (you can even upload photos using a URL, your Google Drive and you can even search for an image online!). There's also a feature to Auto-Start the Slideshow by clicking the settings button, on the top right. Have fun EXPLORING GOOGLE SITES! BIG THANKS TO FLIPPED CLASSROOM TUTORIALS!

[@noonieblount3972]

Thanks soooo much for letting us know about the update.

[@Delia-dk3kn]

1:27 1:31 ​@@noonieblount3972

[@Delia-dk3kn]

😮😮😮😮😮

[@Homero678]

Thank you for this amazing video, google sites has a lot of potencial. I would like to know if there is a way to adjust the font size, cause it becomes smaller than the others fonts. Thanks!

[@boxpete]

Question! Can I redirect someone to another part of google site when they click the card? Can you please share the code if yes? Thank you and amazing video!

[@areaproximitymarketingapm6720]

This is ABSOLUTELY THE BEST tutorial for Google Sites!

[@FlippedClassroomTutorials]

Thanks! Appreciate that!!

[@readyplayerone1110]

Copying the image to the html code for the card does not work, it keeps showing me Avatar and the rest of the space is blank

[@TezhibArtisanStudio]

How can we organize the gallery is a different way using bootstrap?

[@FlippedClassroomTutorials]

You could either manually tweak the html code, but alternatively many websites that teach html might have some demo examples available. The more you understand about the underlying code, the more you can tweak your slideshow.

[@ProductManagerX]

Great video. Is there a way/hack to display an externally hosted video via URL, other than from KZbin?

[@teddyw.charawa8989]

All the features are cool. But I need more help on how you produce the card demo. Thank you

[@MrThiagohn]

Thanks for the video. Very good and helpful. Just one question: The GIF I am using are very good quality but when I add to the header the quality reduce badly. What am I doing wrong?

[@FlippedClassroomTutorials]

Nothing. I have experienced the same thing. Its a case of reducing/optimizing the gif before upload. Otherwise google sites does is automatically and the compression is anything but lossless.

[@superivixi2918]

Do I need to have a blog before creating the google site app?

[@salemkraidi3530]

Amazing video, thanks for that. Just one question, is there a way to create a contact form with same way you did through W3School ? thanks again

[@aliahhaziqah7826]

Your site tutor is amazing..I really like it..I mean it does look professional but I have a question..Can I use my own picture into the slideshow? Or is it only available from Pixels?

[@FlippedClassroomTutorials]

You can definitely use your own pictures.

[@delphstudio6108]

thanks , follow your steps , i add the code but dont show on page , what would go wrong ?

[@Aladaian]

Tried the slideshow demo features everything is good but when i publish and view on iphone it doesnt show anything.

[@FlippedClassroomTutorials]

It does sometime break on mobile using some embed features Slideshows are now natively supported on sites and those will work anywhere.

[@percussionistsouvik]

Excellent tutorial! Is there a way to block all the image related options on the slideshow? When long-pressed on android/right click on Windows over the carousel it shows options like: Open image in New tab, Preview image, Copy image, Download image, Share image, etc. I would appreciate if you can help me find a way. In olden days, there was such an option in Google classic site to disable it, around 2015, I remember.. Any suggestions would be greatly appreciated

[@arminheurich5806]

I can't thank you enough for this video! You have really helped me and my library out with this.

[@vishalkurien1982]

Not able to find "edit site layout" - When I made changes to the homepage , those changes would also appear on any new pages that I added . Not sure where I am wrong. Any idea?

[@bxxblaze]

Hey are there ways to take data from users on Google Sites and store it on a back end?

[@tankigamingwithrichardrock9930]

Thank you for an amazing tutorial. I'm definitely subscribing.

[@FlippedClassroomTutorials]

Great to hear that! Welcome to the community!

[@mukundhachar303]

Thank you for the wonderful video.

[@FlippedClassroomTutorials]

Thank you for leaving a comment. Glad you like it

[@ayushbhardwas]

card was my favourite. I want more of such videos

[@cvanveen57]

Is it possible to make a 'parallax effect' on a header image?

[@magilassalvacion1977]

Great tutotial. Thanks for sharing. What will happen when the file in the google drive is deleted or removed? Will this affect the website that used the link on the embeded code?

[@FlippedClassroomTutorials]

Once the file is deleted the embed will no longer work.

[@nathanbasset]

Is there a way to make a card link to a new page within the site once clicked?

[@husaincomputers5609]

hi sir saw your tutorial and it is well explained but i would like to know how to edit the embedded code in the new google sites

[@FlippedClassroomTutorials]

Thank you. Once the code has been embedded, you can access it by double clicking on the element and selecting the pen icon. Hope this helps.

[@namtranle3108]

Thanks very much for this tutorial. It's very helpful.

[@FlippedClassroomTutorials]

You're welcome! Glad you found it helpful

[@nicolespitler8836]

Can I create a carousel for my header? I have seen one google site that has done it and I really want to use it for my schools website! Help!

[@FlippedClassroomTutorials]

Sure thing. Let me add that to the list of video to make ready for the new school year.

[@ARNABOSS]

carousel is now available as a component is there any way to create regular blog like posts as it is possible in case of a GMB business site?

[@SHIVIEBROS]

My apologies in advance if this questions has been asked; there are a lot of comments on this video. How would i format the card to have the text beside the image. Rather than on bottom?

[@limitone9564]

I just found your tutorial and it's been 3 years! I didn't know Google sites was existing then, but can you tell me how to embed a shopping cart on to my Google site? Please?

[@Cybertuber07]

Very helpful! Well done!

[@Cybertuber07]

Quick question, Does google site allow you to create a login page? We have some docs that can only be accessed by some users using their google accounts. I can access the login page by Is this even possible with the New google sites?

[@FlippedClassroomTutorials]

Login pages are not available. The sharing setting or a team drive would be the answer to sharing with small teams.

[@Cybertuber07]

I found two videos on this that uses client api and with some php or js. I'll try it now.

[@24.frames71]

An awesome video with simple and effective presentation.Can you please make a video on Combobox

[@alcinah.4861]

How would I add an url to one of the elements of the collapsible list, so if example I use the collapsible list to show one-two-three or more language variants of same document, so I would want it to say Document 1, Document 2, Document 3 but at the same time, it should be clickable, so it would be leading me to httpwhatever/file1 and httpwhatever/file2 ? So how do I add an url to the individual collapsible list element texts?

[@fashionvivation8220]

Hello can you please advise if it is possible to linking Google Sites with Google Optimize

[@АлимаАлимочка]

Thanks, I tried it, but when I inserted the images on the site, the images turned out to be small, how to configure? And can such a collage be installed instead of a banner only so that it is on the whole sheet?

[@mozhassen4579]

I followed the steps for the carousel. But the link that I shared from my drives does not have the Id= and no matter what part I include, I cannot get the image to show up when I push run. Could you please guide me what I should do?

[@simategeoffrey.s8923]

Best tutorial. Good work. Perfect!

[@taylorhenderson8123]

Great Tutorial! Appreciate the work that you put into these vids- Can you tell us where you got your .gif for the waterfall?

[@FreedomFactory3D]

Is there any way to use Bootstrap for Navbar and header?

[@Sunnybee2025]

Do you have a video showing how to add a pop up to collect email addresses on a google site?

[@reneegentz4682]

Really loved this video - first time creator. Everything but the images work. They don't appear to work for me and I think I need help with the coding for this?

[@tvscreensavers508]

Also looking for solutions to this!

[@studies.1057]

Can you say Which app did you use to record your desktop screen ?

[@ekciveh]

Man! you be a grate helper with this introduction to the advanced features on google sites, Thanks you

[@ogcombatacademy]

Hi. How do I get an embedded URL to resize responsively within Google sites? The one i have at the moment only resizes properly in preview mode, but on actual mobile device, it doesn't.

[@RitmoBembe]

Want to add a player that sounds on all pages. Is there a way to do this?

[@theycallmethequeen]

Great video. Just curious why you aren’t using the build-in features in Sites that allow you build a carousel and collapsable text.

[@FlippedClassroomTutorials]

I sure do. I have been using these long before the native versions were available. Ever since the updates came out ok have made updated videos on these. However, that being said, using html and gas still allows for some customized options.

[@mariatzianabos4163]

Can you do a video specifically for students who are trying to download a home assignment video (usually from iPhone) onto the Drive and then uploaded to their own student Google Site (edit capability) They are contacting me saying that they are unable to upload to drive as it takes forever and then completely not able to upload onto the Site from the Drive even if they succeed at the first step.