Une page contact RESPONSIVE

L'une des raisons pour lesquelles j'ai fait évoluer la page contact, c'est de la rendre intégralement responsive, c'est à dire que son affichage s'adapte automatiquement aux affichages sur tablettes et smartphones. C'était déjà le cas auparavant, mais la mise en forme graphique était simple, c'était à vous de la faire. Désormais, vous pouvez saisir toutes vos coordonnées, ainsi qu'une image qui peut être le logo de votre société, ou toute autre image de contact (téléphone, personne en communication, paysage...).

Attention : pour que l'affichage soit responsive, vous devrez d'abord avoir choisi une apparence graphique qui soit elle-même responsive. Pour en savoir plus, consultez mon article du blog qui explique comment faire un site Internet responsive pour téléphone portable.

Quand vous saisissez vos coordonnées dans la page contact, le texte sera automatiquement calculé et positionné correctement. Le texte s'écrit à gauche, et l'image se met à droite. Mais si vous visualisez ces informations sur smartphone, il n'y a pas assez de place pour tout afficher, donc l'image se mettra automatiquement en dessus.

Dans le texte, des icônes sont automatiquement ajoutées pour représenter le téléphone, le smartphone, le fax ou le mail : cette iconographie ajoutera un petit plus professionnel à l'apparence graphique de votre site.

Comment modifier la page contact ?

C'est très simple : connectez-vous sur waibe.fr puis cliquez sur "Modifier le site" en haut. Ensuite, cliquez sur le nom de votre page contact : vous avez alors un nouveau menu qui vous permet de saisir vos coordonnées (nom, prénom, société, adresse, etc...). Une fois que vous aurez validé, les informations seront correctement formatées sur votre site Internet.

Si vous souhaitez voir un exemple, consultez le site de démonstration en cliquant ici : vous constaterez qu'il y a les coordonnées de contact de ma société à gauche, le logo à droite, et le formulaire en dessous. Visualisez cette même page sur smartphone, vous constaterez que l'affichage est différent mais toujours lisible : c'est la force du système responsive.