prestashop and google+ profile badge - free tutorial

[vekia]

I want to share little know-how related to creating own google+ profile badges.

read how to create own google+ badge

 

how it will looks like?

of course you can create badge for own Google+ profile

 

quick steps:

1) install free html block module or any other module related to inserting own code (for example: content box)

2) go to the google+ widget code generator and create own profile badge widget

3) open the html block module configuration page and paste your badge widget code

4) save changes and enjoy!

[Optimus_Sam]

awesome!

[vekia]

yes it is, and popularity in google+ increasing website visibility in search results

it's worth to use google+, definitely!

[FurkyStyle]

Hi Vekia,

I was trying to implement the G+ badge to my CMS block (footer site).

When i follow the steps (from another topic), i get the next:

 

 

Whatever i type, i get to see the codes exactly on my frontoffice screen.

 

Can you help me?

Edited July 11, 2014 by FurkyStyle (see edit history)

[vekia]

you use your code in tinymce editor

while you will paste code - disable it or use </> feature in tinymce to place custom code

 

don't paste it directly to editor!

[FurkyStyle]

you use your code in tinymce editor

while you will paste code - disable it or use </> feature in tinymce to place custom code

 

don't paste it directly to editor!

 

Thanks man, i get it. First time use of HTML

Now when i type in the code as u told above, i see nothing.

Like it ignores the code.

Sorry to be a noob, hope you can help me

[vekia]

hello 

sure i can help 

have you tried to use code without tinymce ?

 

is there any chance to get an access to your back office?

[FurkyStyle]

There could be a possibility ofcourse.

I will send you a PM to keep this topic clean.

Thanks!

[vekia]

There could be a possibility ofcourse.

I will send you a PM to keep this topic clean.

Thanks!

great :-)

waiting for credentias

[Simple Kiwi]

Hi Vekia...I too am trying to paste html code into the </> section and after saving a lot is getting stripped out.

 

I paste this:

<div id="fb-root"></div>

<div id="facebook_block" class="col-xs-4">

<h4>Follow us on Facebook</h4>

<div class="facebook-fanbox">

<div class="fb-like-box" data-href="https://www.facebook.com/timelesstrendscorsets" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>

</div>

</div>

 

But end up with this:

<div id="fb-root"></div>

<div id="facebook_block" class="col-xs-4">

<h4>Follow us on Facebook</h4>

<div class="facebook-fanbox">

<div class="fb-like-box"></div>

</div>

</div>

 

Any thoughts?

[Simple Kiwi]

I'm sorry...I didn't have HTML Purifier turned off.  I have fixed the issue.

[axel31]

Hi Vekia,

I am using prestashop 1.6.1.1. and I would like to add the google+ badge.

The script I got from google is slightly different from your's:

"

<!-- Placez cette balise dans l'en-tête ou juste avant la balise de fermeture du corps de texte. -->

<script src="https://apis.google.com/js/platform.js" async defer>

  {lang: 'fr'}

</script>

<!-- Placez cette balise où vous souhaitez faire apparaître le gadget widget. -->

<div class="g-page" data-href="//plus.google.com/u/0/106597524995202446973" data-rel="publisher"></div>

"

So they say to paste the script before the </body> tag. So will it work if I paste it in a html block?

Thanks for your help.

Axel

Edited March 2, 2016 by axel31 (see edit history)