Stickyzone : ne laissez pas votre logo se perdre dans votre site...

le Mardi 26 Novembre 2013

Aujourd'hui, WMaker vous propose une nouvelle fonctionnalité : la sticky zone, qui n'est autre qu'un nouvel espace de navigation ! Ne vous inquiétez pas, on va tout vous expliquer.

Cette super cool nouvelle option vous permettra d'ajouter une nouvelle barre de navigation dans votre site. Vous me direz, mais à quoi ça sert ? Et bien à beaucoup de chose.
Dans ce nouvel espace, vous aurez la possibilité :

- D'intégrer votre logo, celui-ci sera donc toujours affiché dans votre site. 
- D'ajouter plusieurs modules, WMaker vous donne la possibilité d'ajouter vous mêmes les rubriques que vous souhaitez voir apparaitre dans votre sticky zone. Si vous souhaitez utiliser les éléments présents dans votre barre de navigation vous pouvez tout simplement ajouter ce contenu. Par contre si vous souhaitez que les éléments soient différents, c'est aussi possible. Nous vous donnons de la flexibilité pour que chacun y trouve son compte ;) Mais ne vous inquiétez pas, on vous donne des petites astuces plus bas ! 
- De customiser cette zone.

Voici quelques exemples pour vous aider à y voir plus clair : 
- Frandroid : www.frandroid.com
- Tech Togs : www.techtogs.fr

Ce nouvel espace donnera un coup de fraicheur à votre site d'une manière simple. Il n'y aura aucune répétition puisque votre sticky zone n'apparaitra jamais en même temps que votre barre de navigation, mais si vous le souhaitez, celle-ci pourra avoir le même rôle. 

Comment intégrer la sticky zone ?

C'est plutôt simple : 
- Rendez-vous dans votre back office, Menu Design > Design général > Home. Cliquez sur le bouton "Ajouter" se trouvant en haut à droite, dans la zone de titre (cf. image).
Stickyzone : ne laissez pas votre logo se perdre dans votre site...

- Une pop-up s'ouvrira, cliquez sur l'onglet "Sticky zone", puis sur le bouton "Ajouter". Cette nouvelle zone apparaitra sur votre Design général. 

- Même si la sticky zone apparait avant la zone de titre dans le design général, celle-ci apparaitra dans votre site une fois la zone de titre dépassée. 

Comment intégrer des éléments dans ma sticky zone ?

Effectuer la même action que pour l'ajout de la sticky zone mais en choisissant cette fois les modules que vous souhaitez intégrer dans cette zone. Nous vous conseillons d'intégrer : 
- Votre logo ou titre dans un module bannière de titre, si vous le souhaitez
- Les rubriques les plus consultées dans votre site, pour permettre à vos lecteurs de les retrouver à n'importe quel moment
- Le partage de vos réseaux sociaux
- La date, pourquoi pas?

Gardez en tête qu'il faut rester clair, une barre de navigation est déjà présente sur votre site.
Donc n'ajoutez pas trop de contenu. La sticky zone vous permet de donner un nouvel accès rapide et toujours présent à vos lecteurs. Et à vous, de mettre en avant votre logo et vos rubriques phares !
Stickyzone : ne laissez pas votre logo se perdre dans votre site...

Customisez votre sticky zone

Bien entendu vous pouvez customiser votre sticky zone ! 
Rendez-vous dans l'onglet "Background/Gabarit" et personnalisez votre espace. 

Vous avez la possibilité d'ajouter une couleur de fond mais aussi une texture ou une image si vous le souhaitez.

Bon à savoir
- La sticky zone peut être commune ou bien différente dans chaque templates,
- Il est important de garder un design en cohérence avec le reste du site ,
- Elle doit être visible mais pas agressive,
- Utiliser la sticky zone toujours en plein écran !
Stickyzone : ne laissez pas votre logo se perdre dans votre site...

Testez !

N'hésitez pas à utiliser le mode "brouillon" pour tester votre sticky zone et son rendu ! Cela vous permettra d'adapter les couleurs si besoin :)

C'est à vous de jouer ! Profiter de cette nouvelle option pour donner un coup de neuf à votre site ;) 




Vos commentaires

1.Posté par Jérôme Pietri le 26/11/2013 16:15 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Un petit mot de remerciement à Fabrice Crozier éditeur de www.techtogs.fr qui nous a mis sur la piste de la Stickyzone :)

2.Posté par Fabrice Crozier le 26/11/2013 17:55 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@ Jérôme : mes remerciements en retour pour m'avoir proposé de tester cette nouvelle fonctionnalité avant sa publication officielle (et pour le lien cité en exemple) :-)

À l'usage, cette Sticky Zone fonctionne du tonnerre et elle devrait améliorer sensiblement le taux de rebond sur nos sites, à condition toutefois de bien respecter vos recommandations (simple, claire et pas trop profonde en terme de design, pour ne pas cannibaliser l'affichage du contenu principal).

Pour compléter votre note, une précision (très) importante pour les sites qui utilisent la régie Google Adsense : même si cela peut vous paraître tentant (^^), l'intégration d'un bloc de pub dans une zone flottante est formellement interdite par le règlement du programme. Tenez-en compte lorsque vous mettrez en place des Sticky Zones sur vos sites, pour ne pas vous faire pénaliser bêtement... ;-)

Cdt

FC

3.Posté par Sabattini le 26/11/2013 18:06 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour

Ça a l'air intéressant mais non disponible dans le pop up Menu Design > Design général > Home

S.

4.Posté par Yann le 26/11/2013 18:31 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonne idée !!!

La Sticky Zone peut-elle être installée sur les blogs attachés au site ??

Cdt

5.Posté par Simoni Sebastien le 26/11/2013 19:01 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@Sebastien

Menu Design > Design général
iBox zone de titre vous pouvez ajouter une sticky zone.

6.Posté par Jérôme Pietri le 26/11/2013 19:02 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@sabattini je vois que vous avez trouvé tout seul, félicitation pour le super intégration :)
http://www.atout-guadeloupe.com/

PS : Pour les autres et pour la voir il suffit de scroller vers le bas.

7.Posté par Christian Wirth le 27/11/2013 00:57 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Ca faisait plusieurs que je me disais que cela manquait excellent. Je vais voir si nous l'avons sur les Web Tv.

Merci!!

8.Posté par Florian le 27/11/2013 02:12 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
GENNNIIIAAAALLLLLLLLL !!! la nouvelle techno arrivent et sont sur WMAKER !!!!

9.Posté par La Boite A Truc le 27/11/2013 08:45 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Super !
Après le slide show, la sticky zone apporte un deuxième coup de boost à notre cms préféré !

Bien joué les wmakers....en test immédiat.

10.Posté par Dj le 27/11/2013 08:54 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,
La Stickyzone ne fonctionne pas sur toutes les offres ?

11.Posté par Chapot Philippe le 28/11/2013 00:40 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Félicitation à toute l'équipe, une belle nouveauté qui ajoute une véritable valeur ajoutée ... et intégrée parfaitement ...

Bravo.

Philippe

12.Posté par da luz le 28/11/2013 11:36 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Je trouve cette idée assez géniale car on peut la décliner sur pas mal de choses. On est en train de faire des tests et ça marche super bien. En revanche, sur l'iPad, version web et dans la version draft, ça ne semble pas marcher... ?
Je vous dirai si ça fonctionne dans la version finale pour le iPad à partir de demain je pense. Bravo en tout cas à tte l'équipe, ça fait partie des "petites" choses qui comptent O))
Bonne journée

13.Posté par zoof le 29/11/2013 11:26 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
des modules toujours à la pointe et surtout utiles!

14.Posté par daluz le 29/11/2013 17:35 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Ayé, tout fonctionne lickel et je confirme ça marche aussi sur iPad (version web).
Bravo et merci à l'équipe pour la réactivité O))