Votre boutique Prestashop manque de peps’ ? C’est vrai qu’utiliser les polices traditionnelles comme Arial, Tahoma ou encore Georgia peut s’avérer ennuyant. C’est pourquoi je vous propose un rapide tuto pour utiliser les Google Web Font : des polices personnalisées intégrées dans votre boutique Prestashop pour lui donner un look sympa se démarquant des autres sites.

Pour intégrer les Google Web Fonts dans votre boutique Prestashop, faites ceci :

1. Trouvez la Google Font qui vous convient : Allez ici http://code.google.com/webfonts, parcourez les polices avec les filtres proposés et choisissez-en une en cliquant sur Quick-use.
2. Installez la Google Web Font choisie : Une fois la police Google choisie, vous aurez 4 points à définir/paramétrer
   1. Le style de la police
   2. Le langage voulu
   3. Le bout de code à copier dans votre fichier header.tpl avant la balise </head> :
      <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
   4. La propriété CSS à intégrer dans le fichier global.css pour l’élément voulu : font-family: 'Amatic SC', cursive;

Le petit plus : Google vous informe sur le temps de chargement de la police que vous voulez installé car c’est bien beau tout ça mais les Google Web Fonts demandent un temps de chargement de votre boutique légèrement plus long.

A consommer avec modération donc !

Donc vous venez de lancer votre site web, super ! Et ensuite ?Vous allez devoir rédiger du contenu : des articles pour votre blog ou des fiches produit pour votre boutique. Mais cela ne suffit pas, vous allez devoir effectuer quelques points pour bien paramétrer votre site web dont :

• Créer un fichier sitemap.xml et un fichier robots.txt : le premier fichier contient les urls contenues dans votre site web et le second indique aux moteurs de recherche se qu’ils doivent et ne doivent pas visiter sur votre site web
• Configurer Google Analytics ou Xiti : cela peut paraître évident mais avoir à sa disposition des statistiques précises sur la fréquentation et le public de votre site web est un gros plus pour optimiser son positionnement (j’ai noté GA et Xiti mais il existe d’autres solutions)
• Paramétrer Google Webmaster Tools : cet outil légèrement moins connu que GA est aussi efficace pour informer notamment sur les erreurs rencontrées par les Googlebot, les liens entrants et sortants, les mots clés utilisés sur votre site web et ceux utilisés pour trouver votre site web, mais aussi les infos sur les possibles malwares installés sur votre site web
• Suivre les positions sur les moteurs de recherche : ce point peut être manuel si on a peu de mots clés, mais vite fastidieux si on doit se placer sur plus de 50 mots clés ; dans ce cas, le traitement automatique devient indispensable via Rank Tracker par exemple, une extension Firefox
• Soumettre votre site web à Dmoz : les moteurs de recherche ont tendance à booster la position d’un site présent sur l’Open Directory mais les places sont chères et l’attente très longue, comptez plusieurs mois avant de voir votre site web validé
• Effectuer de la veille via Google Alerts : pratiques et efficaces, ces alertes sont utiles notamment si vous voulez vous tenir informé dans un domaine bien précis
• Vérifier la disponibilité de votre site web : mon site web est-il disponible 24/24h 7/7j ? UptimeRobot répond à cette question car on est bien d’accord, vous n’allez pas checker toutes les 5 minutes si votre site fonctionne :)
• Analyser la vitesse de votre site web : c’est un point très important à retenir, un internaute ne restera pas sur votre site si les pages se chargent en 2 min 7 s ! YSlow sera votre compagnon pour analyser le temps de chargement des pages et pour optimiser la rapidité de votre site web

Bon votre site web est en ligne donc c’est à vous de jouer.

Le thème Prestashop 1.4 Wide est le nouveau template pour le logiciel open source Prestashop. Basé sur une charte épurée, ce thème Prestashop est entièrement compatible avec toutes les fonctionnalités commerciales (processus de commande en une page, guest checkout, comparateur de produits, magasins partenaires…).

Le thème Wide est parfait pour donner un aspect professionnel à sa boutique quel que soit l’activité, les produits sont mis en avant grâce à la sobriété.

Le template contient les fonctionnalités suivantes :

• style « wide » pour que la colonne centrale soit centrée avec tous les écrans
• module produits phares retravaillé pour mettre en avant les photos produits
• block panier déroulant avec effet d’ajout au panier ajax
• slider sur la page d’accueil complètement administrable via le back office (ajout d’images et liens)
• block Like Box Facebook
• block widget Twitter avec flux d’activité
• block bouton Google +1
• boutons de partage sur les réseaux sociaux intégrés à la page produit

L’idée avec le thème « Wide » est de proposer une boutique complètement intégrée dans le social shopping avec des modules sociaux prêts à l’emploi.

J’espère que ça vous plaira et si vous avez des questions ou des commentaires à faire, allez-y !

Vous avez déjà intégré le bouton de partage Google +1 sur votre boutique Prestashop ? Très bien, mais pour les autres qui n’y arrivent toujours pas, voici un tuto assez simple pour installer the Google Plus One Button sur Prestashop :

• Rendez-vous chez Google +1 : http://www.google.com/+1/button/
• Cliquez sur « Get the code« 
• Choisissez la taille de votre bouton parmi 15, 20, 24 et 60 pixels
• Important : ne touchez pas au langage du bouton !
• Cliquez sur les options avancées pour afficher ou non le compteur de +1 avec votre bouton
• Vous avez à présent le code pour intégrer le bouton…
• Sur votre ftp, dans le fichier www/themes/nomdevotrethème/footer.tpl appliquez le <script> comme suit puis enregistrez :

<!– Place this tag in your head or just before your close body tag –>
<script type= »text/javascript » src= »https://apis.google.com/js/plusone.js »></script>
</body>
</html>

• Ensuite il ne vous reste plus qu’à insérer le code du bouton côté front office par exemple avec les boutons de partage déjà présent sur la fiche produit dans le fichier www/themes/nomdevotrethème/product.tpl puis enregistrez :

<!– usefull links –>
<ul id= »usefull_link_block »>
{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
<li><a href= »javascript:print(); »>{l s=’Print’}</a><br /></li>
{if $have_image && !$jqZoomEnabled}
<li><span id= »view_full_size »>{l s=’View full size’}</span></li>
{/if}
</ul>
<g:plusone count= »false »></g:plusone>

• C’est fini, votre bouton Google +1 est intégré à votre boutique Prestashop

NB : il faudra peut être appliquer un peu de CSS pour que tout soit en forme mais le plus gros est fait :)

Vous connaissez SoundCloud ? Non, si tel est le cas SoundCloud, c’est un bon site pour écouter de la musique gratuitement mais pas que car on peut aussi y uploader ses morceaux de musique et les partager avec les autres internautes. Ces derniers peuvent tagger les morceaux à un moment précis d’un morceau et ensuite partager la musique. Voici la brève présentation de SoundCloud qui se démarque avec des players musicaux très agréables, des temps de chargement rapide et une bonne qualité de son.

SoundCloud downloader intervient au moment où vous avez besoin ou l’envie de télécharger un morceau sur votre ordinateur mais là, panique, le bouton « download » est grisé car le morceau n’est pas autorisé au téléchargement. Que faire ? Le plugin ou extension de Google Chrome SoundCloud downloader, une fois installé, débloque la limite de téléchargement pour les morceaux précédemment consultable exclusivement en ligne. C’est simple et efficace pour un plaisir d’écoute maximal. C’est une extension chrome à adopter sur le champ.

C’est fait, Google vient de sortir sont outil pour raccourcir les url (adresses web pour les novices) et l’a baptisé Goo.gl.

Le service n’est pas utilisable en tant que tel, il faut se munir d’extension ou de barre d’outils pour pouvoir en bénéficier. En voici quelques uns :

Goo.gl Google Chrome Extension
Barre d’outils de google pour navigateur
Feedburner

Google Url Shortener vient donc concurrencer is.gd, bit.ly, tiny.cc, doiop.com, ReadThisUrl.com, MemURL.com, dwarfURL.com…

L’URL shortener de Google, goo.gl, a été créé en mettant l’axant sur 3 points :

• la stabilité : toujours disponible
• la sécurité : être protégé contre les malwares et le phishing
• la vitesse : être rapide et générer des URL très courtes

Les liens générés par Goo.gl sont permanent en 301 donc utiles au référencement. Reste à savoir si le service de Google va séduire le public averti. L’avez-vous testez ?

Google vient de sortir un nouveau « gadget », enfin le mot est presque péjoratif vu le potentiel de l’outil. Google Goggles ou la recherche visuelle à partir d’une photo.

C’est très simple, vous prenez une photo d’un monument, livre, carte de visite, œuvre d’art, lieu (restaurant, hôtel…), bouteille de vin ou logo et…Google affiche toutes les informations correspondantes. Magique ! La fonction partage des photos prises est possible via l’application en activant « visual search history ». Google le dit très bien : « La photo parle moins que des mots ». Et pour le coup, le géant frappe très fort avec ce service. Test grandeur nature de l’application Google Goggles :

La vidéo explicative de Google Goggles :