google sites y genially

How to Insert a Genially into Google Sites

Oh!  It’s so great to see you back here again!  In this post, we’ll explain the basics of using Google Sites and how to insert a Genially into one.

Google Sites is a free platform that Google offers which allows you to create a website without needing programming knowledge. Sound familiar?  It’s a mission very similar to Genially’s!



The first thing you need to do it go to Google Sites and enterwith your Gmailaccount. You’ll see a page like this one:

This is the main administrator where you’ll see all the sites you create.

So if you want to create a new one, click on the Create button. A screen will appear where you can start a new blank page or choose a template and other various options like the name of your site, the design, or the categories your site best fits into.


This time, we’ll create a site using a template, and we’ll click Create once again.


In order to edit the template, click on the Edit button in the upper right-hand corner.

Once you’ve selected the template and have it open, you’ll see that the website is separated into a series of boxes which include different elements like text, videos, logos, etc. All of this is modifiable.  You just have to click on a given element and you’ll see a series of options appear for it.

Now that you’ve made it this far, you’re probably asking yourself, great I get it, but how do I insert a Genially into my site?  Well, that’s exactly what I’m going to explain to you now.

First, go to Genially and copy the insertion code (HTML) from the Genially you want to insert. As you probably know, you can find this option when you share a Genially.

Now, select the box where you want your Genially to go (if you want, you can eliminate the content which Google provides as an example) and click on the HTML button that you find in the toolbar. You´ll see a window where you can paste your Genially code.


Once you save your site, you’ll see that your Genially loads but not in the correct scale or dimensions.

What you have to do now is enter again in Editing mode and configure the options for this html box.

Select that box, and you’ll see a series of options appear. Click on the gear and you’ll see the options for setting dimensions. Set the dimensions according to the size and scale you want your Genially to have.


Now we can show our Genially on our website and surprise our users.

If this tutorial has been useful for you, remember to share it with your friends so that they can make genius things just like you.

Carlos López
Carlos López
User Experience Manager & Diseñador Gráfico. Amante de la música y de los buenos momentos. Enjoy everyday!

Related Posts