Add a Google+ Button with The Best Free Website Builder

In this tutorial, we’ll show you how to create a web page with a Google+ button so that you can share any content with this extended network. By using the best free website builder, you can add this tool in just a few minutes to your free web site.

Grab the Code for the Google+ Button

1) To begin, create your button first by going over to https://developers.google.com/+/plugins/+1button/. There you’ll be given the choice between a few sizes, width and language. You can also preview this on the right-side panel. After you’re done with your selection, copy the code by right-clicking on your mouse and choosing ‘Copy‘.

Now, Go to your Website Builder

2) We’re already half done! Now you just need to log into your Iconosites website creator account and click on a page you would like the Google+ button to be inserted in. For this tutorial, we’ll add the button to the About page where our profile can be shared. This may also be your Company page. Basically, any page is applicable to this walk-through.

3) Then scroll down to the page area you want to insert the Google+ button in. Click on the HTML button to insert your code you’ve gotten from Google. See screenshot below.

4) Now here’s where I recommend that you either make the button visible on the top after the headline as well as the bottom after your content. Depending on the length of your article, this can vary. By having it above the fold, readers will more than likely share your material. So once you’ve identified the area where you want your button presented, paste the code by right-clicking and select ‘Paste’.

5) Since you can’t see the Google+ button yet, you can test out how it looks like by clicking on Save and Keep Editing and then View Page within the IconoSites website maker. And when you’re happy with the positioning, you can simple click on Save & Exit. From there, go to the page by viewing your site.

Now your visitors will be able to share your web page with their Google+ network.

Here’s How it Looks on Your Free Website

Congratulations!  You just learned how to create your own website with a Google +1 button.

  • kenny

    What is above the fold? It sounds like people would post an article to g+ if they can optimally see the link is that the aforementioned definition? I’ve recently gone on the bandwagon and joined google plus but don’t really know what to do with it. I follow some people for contests and such but that’s about it. When you make a tutorial for how to create a website could you explain a little bit of why I would want to use this when I build a website?

  • Bueford

    Thanks for showing me how to take this website builder and make my page a whole ton better. I at first thought this was a trend like twitter this G+ button, but it seems like it will stay around for a while. I guess in that case I better learn all about it and make it work for me.

  • Eugene

    I logged into your web page maker looking for some new stuff and found this article.I have been on google plus for a little bit myself and have seen the potential benefits for having a button on my page. Another great tutorial thanks.

  • Donald

    I’m looking to build a website and came across this how to for google plus button. I would think you would want this at the bottom of your article so you know people will read your stuff. That’s my opinion though, new to this so don’t necessarily know.

Previous post:

Next post: