Mode d'emploi | Micro Application Shop to date 5 Manuel utilisateur

Shop to date 5
pro
Copyright
R 2008
Micro Application
20-22, rue des Petits-Hôtels
75010 Paris
Édition Janvier 2008
Auteur(s)
MultiMüller Softwareentwicklung e.K
etor Softwareentwicklung e.K.
Toute représentation ou reproduction, intégrale ou partielle, faite sans le consentement de MICRO
APPLICATION est illicite (article L122-4 du code de la propriété intellectuelle).Cette représentation ou
reproduction illicite, par quelque procédé que ce soit, constituerait une contrefaçon sanctionnée par les articles
L335-2 et suivants du code de la propriété intellectuelle. Le code de la propriété intellectuelle n’autorise, aux
termes de l’article L122-5, que les reproductions strictement destinées à l’usage privé. Pour le logiciel, seule est
autorisée une copie de sauvegarde si cela est indispensable pour préserver son utilisation.
Avertissement aux utilisateurs Les informations contenues dans ce produit sont données à titre indicatif et n’ont aucun caractère exhaustif.
Elles ne sauraient engager la responsabilité de l’éditeur. La société MICRO APPLICATION ne pourra être tenue
pour responsable de toute omission, erreur ou lacune qui aurait pu se glisser dans cet ouvrage ainsi que des
conséquences, quelles qu’elles soient, qui résulteraient de l’utilisation des informations et indications fournies.
ISBN : 978-2-7429-8472-5
Microsoft, Windows et DirectX sont des marques commerciales déposées de Microsoft Corporation.
Les autres noms de société, de marque ou de produit cités sont reconnus comme marques commerciales ou marques commerciales
déposées de leur propriétaire respectif.
MICRO APPLICATION
20,22 rue des Petits-Hôtels
75010 PARIS
Tél : 01 53 34 20 20 - Fax : 01 53 34 20 00
http://www.microapp.com
Support technique :
Tél : 01 53 34 20 46 - Fax : 01 53 34 20 00
Également disponible sur www.microapp.com
Retrouvez des informations sur ce logiciel !
Rendez-vous sur le site Internet de Micro Application
www.microapp.com. Dans le module de recherche,
sur la page d’accueil du site entrez la référence
à 4 chiffres indiquée sur le présent manuel. Vous
accédez directement à sa fiche produit.
9472
Licence d’utilisation de ce progiciel Micro Application
Préambule
Vous (ci-après le “ Client ”) venez d’acquérir en téléchargement ou en achetant un support tangible (ci-après le “ Support ”), une licence d’utilisation d’un logiciel édité
par Micro Application (ci-après le “ Logiciel ”) afin de développer et/ou commercialiser des sites Internet marchands. Ledit Logiciel ne saurait être utilisé à d’autres fins
et ne peut être utilisé que sous réserve du respect des conditions suivantes.
Article 1 - Objet de la Licence
Après paiement du prix correspondant, le Client se voit concéder un droit d’utilisation du Logiciel (ci-après la “ Licence ”), dans les conditions décrites ci-après. Par le
seul fait d’installer le Logiciel, le Client s’engage à respecter les conditions d’utilisation figurant dans la présente Licence.
Les définitions suivantes s’appliqueront dans la présente Licence :
Le “ Client Final ” est entendu comme la personne qui a acquis, pour les seuls besoins de son activité professionnelle, la Boutique auprès du Client et qui dispose d’une
Licence Client Final.
La “ Licence Client Final ” constitue le contrat par lequel Micro Application concède au Client Final le droit d’utilisation du Logiciel afin de doter son entreprise d’une
Boutique et de l’administrer dans le respect des conditions qui y sont décrites.
La “ Boutique ” est entendue comme tout site Internet marchand généré par le Logiciel.
Article 2 - Propriété Intellectuelle
2.1. La présente Licence est valable pour la durée légale de protection du Logiciel, sous réserve des dispositions ci-dessous.
2.2. Micro Application est propriétaire exclusif du Logiciel, y compris de tous les modèles et exemples de boutiques fournis dans le Logiciel, ou a acquis les droits
nécessaires à sa commercialisation auprès de tiers, titulaires de ces droits, conformément au Code de la propriété intellectuelle.
2.3. Le Client ne se voit concéder sur le Logiciel que le droit d’utilisation de la version objet. Il n’acquiert aucun droit sur les marques, noms commerciaux ou autres
signes distinctifs, secrets de fabriques, brevets, que ce soit de Micro Application et/ou de ses concédants.
2.4. Le Client s’engage à prendre toutes les précautions nécessaires pour assurer la protection des droits de propriété de Micro Application et de ses concédants. Le
Client s’engage par ailleurs à prendre toutes les mesures nécessaires pour que, le cas échéant, l’ensemble de ses employés et/ou collaborateurs respecte ces stipulations.
Article 3 - Limites du droit d’utilisation
3.1. Micro Application concède au Client, à titre personnel, non cessible et non exclusif le droit d’utiliser le Logiciel, dans la limite des conditions énoncées dans la
présente Licence.
3.2. Le Client s’engage à n’utiliser ce Logiciel que dans le cadre de la destination suivante :
- la création de Boutique(s) limitée au cadre de sa propre activité professionnelle, et/ou
- le développement de Boutique(s) pour ses clients et/ou Clients Finaux, et/ou
- la commercialisation et/ou l’administration des Boutiques créés avec le Logiciel.
3.3. Le Client s’engage à ne pas :
- reproduire, développer ni commercialiser le Logiciel,
- de fournir le Logiciel sous quelque forme que ce soit ou de le mettre à disposition de quiconque à l’exception de ses employés et/ou collaborateurs aux mêmes fins ;
- de concéder le droit de vendre des Boutiques réalisées avec le Logiciel.
Il est de la responsabilité du Client de s’assurer que le Client Final, en sa qualité d’administrateur de sa Boutique, dispose de la Licence Client Final, sous peine d’engager
sa responsabilité solidaire.
3.4. Le Client ne pourra pas modifier, arranger, reproduire, adapter, traduire le Logiciel, sauf autorisation expresse écrite préalable de Micro Application. Par ailleurs,
dans le cadre des dispositions de l’article L 122.6.1-IV du Code de la propriété intellectuelle, le Client s’engage à avertir préalablement Micro Application par écrit s’il
a besoin d’informations nécessaires à l’interopérabilité des systèmes.
3.5. Si le Client a acquis la Licence en achetant un Support, ledit Support tient lieu de copie de sauvegarde au sens de l’article L. 122.6.1-II du Code de la propriété
intellectuelle. Si le Client a acquis la Licence en téléchargement, en conformité avec les dispositions dudit Code de la propriété intellectuelle, Micro Application met à
sa disposition une copie de sauvegarde du Logiciel sur disque optique, dans les conditions définies sur le site www.microapp.com.
3.6. La présente Licence est une licence monoposte, c’est à dire que le Logiciel ne pourra être installé et utilisé que sur un seul ordinateur ou poste de travail, en fonction
des configurations techniques requises.
Si le Client souhaite que le Logiciel soit installé et utilisable sur plusieurs postes de travail, il devra acquérir autant de Licence que de postes à installer avec le Logiciel
ou demander une autorisation d’utilisation multipostes à Micro Application à l’adresse suivante : [email protected] ou par courrier à Micro Application,
20-22 rue des Petits Hôtels, 75010 PARIS, FRANCE.
3.7. En application de l’article L 122-6-1 du Code de la propriété intellectuelle, Micro Application se réserve expressément le droit de corriger les erreurs.
Article 4 - Prix
Le prix d’achat du Support ou le prix de la prestation de téléchargement, selon le cas, constitue une redevance unique correspondant à la Licence du Logiciel (à
l’exclusion des éventuelles les mises à jour et nouvelles versions).
Article 5 - Assistance technique
5.1. Micro Application fournira au Client une assistance technique destinée à répondre aux difficultés rencontrées par le Client dans l’utilisation du Logiciel.
Sous réserves de modification par Micro Application, les conditions de l’assistance technique sont les suivantes : après enregistrement du Logiciel sur le site
www.microapp.com, le Client communiquera les difficultés rencontrées à Micro Application à l’adresse email suivante : [email protected]. L’assistance
technique est ouverte du lundi au vendredi de 9h à 18h et le samedi de 9h à 13h et de 14h à 17h (hors périodes de fermetures annuelles). Pendant ces horaires, les
techniciens de Micro Application s’efforceront de répondre au Client dans les meilleurs délais.
Le Client reconnaît toutefois que compte tenu des aléas de l’informatique, Micro Application ne peut s’engager sur des délais de réponse ni sur la résolution de ces
difficultés.
5.2. Micro Application rappelle que le Logiciel est livré en l’état. En tout état de cause, l’assistance technique prévue à l’article 5.1 ne pourra pas être fournie pour
résoudre des difficultés ne relevant pas de l’utilisation stricte du Logiciel, notamment dans les cas suivants :
- développement de nouvelles fonctionnalités par rapport aux fonctionnalités existantes dans le Logiciel,
- problèmes techniques liés à l’hébergement de la Boutique.
Article 6 - Garantie
6.1. Dans le cas où le Client constaterait une défectuosité du Support, il dispose de 3 (trois) mois à compter de son achat pour en faire retour à Micro Application. Dans
cette hypothèse, le Client devra joindre au Support dans son emballage original, un descriptif du défaut constaté ainsi que l’original de la facture d’achat. Micro
Application retournera alors un nouveau Support à ses frais, au Client, à l’adresse indiquée sur la facture d’achat du Client.
6.2. En raison de la technicité particulière du domaine informatique, aucune garantie absolue ne peut être accordée.
6.3. Sauf disposition légale, réglementaire, communautaire ou jurisprudentielle contraire, toute autre garantie que celles mentionnées aux articles 6.1 et 7 est exclue, et
en particulier dans les cas suivants :
- non-respect, par le Client, des conditions d’utilisation précisées dans le manuel d’utilisation et/ou si le Client est intervenu lui-même ou a fait intervenir un tiers sur le
Logiciel ;
- toute modification du Logiciel non réalisée par Micro Application, avec ou sans son autorisation ;
- défaut de notification écrite par le Client, dans les 3 (trois) mois suivant l’achat du Support du Logiciel au Client, de l’existence d’un défaut considéré comme un cas
de mise en jeu de la garantie visée à l’article 6.1 ;
- d’endommagement, d’altération accidentelle, de négligence, de mauvaise utilisation ou autre abus d’utilisation du Logiciel, en particulier l’utilisation du Logiciel non
conforme à sa destination telle que définie dans la présente Licence, et plus généralement, toute utilisation non conforme aux conditions de la Licence ;
- présence du défaut résultant de la non-installation par le Client d’une version mise à jour ou modifiée du Logiciel, fournie et/ou mise à disposition par Micro
Application.
- ajout d’éléments extérieurs au Logiciel dans la Boutique ;
- développement et/ou commercialisation de Boutiques pour des tiers, Client Final inclus.
Article 7 - Contrefaçon
7.1. Micro Application garantit le Client contre toute action en contrefaçon d’un brevet ou d’un droit d’auteur français, concernant le Logiciel, sous réserve que le Client
ait averti Micro Application de l’existence d’une telle action par écrit dans les meilleurs délais. Le Client devra également permettre à Micro Application d’assurer la
défense ou de réaliser une transaction relative à cette action et collaborer à ladite défense ou transaction en fournissant tout élément, information ou assistance utile
pour mener à bien une telle action.
7.2. Si une décision de justice interdit au Client d’utiliser le Logiciel ou si Micro Application estime qu’une telle décision est susceptible d’être prononcée, Micro
Application pourra :
- soit obtenir pour le Client le droit de continuer à utiliser le Logiciel ;
- soit remplacer ou modifier le Logiciel de manière à le rendre non contrefaisant ;
- soit résilier le droit d’utilisation portant sur le Logiciel contrefaisant, en contrepartie de la redevance correspondante payée par le Client, déduction faite, le cas
échéant, d’un montant raisonnable dû au titre de la période pendant laquelle le Client a pu utiliser le Logiciel.
7.3. Sauf disposition légale, réglementaire, communautaire ou jurisprudentielle contraire, si une condamnation pécuniaire du Client devait être prononcée, le montant
dû par Micro Application ne pourra excéder le montant de la redevance payée par le Client pour le Logiciel.
Article 8 - Limitation de responsabilité
8.1. Sauf disposition légale, réglementaire, communautaire ou jurisprudentielle contraire, hormis les stipulations figurant aux articles 6 et 7, le Logiciel est livré “ en l’état
” sans autre garantie ou condition expresse ou implicite.
8.2. L’utilisation et la gestion du Logiciel et de la Boutique sont sous la seule responsabilité du Client. A cet effet, le Client reconnaît avoir reçu de Micro Application
toutes les informations nécessaires pour lui permettre de prendre les précautions utiles à l’utilisation du Logiciel. En particulier, le Client reconnaît s’être assuré qu’il,
et/ou le cas échéant, son personnel et/ou ses collaborateurs, a/ont le niveau de formation requis pour l’utilisation du Logiciel. Le Client sera seul responsable de la
conformité de la Boutique avec l’ensemble de la législation en vigueur, notamment le respect de l’ordre public et des bonnes mœurs, le droit commercial, le droit de la
consommation, les règles liées à la vente à distance et la sécurité du paiement installé.
8.3. Le Client (et, le cas échéant, le Client Final) choisit seul l’hébergeur Internet de la Boutique. En aucun cas, Micro Application ne sera partie au contrat liant le Client
avec l’hébergeur Internet sélectionné. Micro Application ne pourra être tenu pour responsable d’aucun préjudice direct ou indirect résultant d’un dysfonctionnement
du serveur sur lequel est hébergé la Boutique.
8.4. Le Client (et, le cas échéant, le Client Final) choisit seul parmi la liste des principaux types de paiement proposés dans le Logiciel celui ou ceux qu’il souhaite mettre
en place pour sa Boutique. En tout état de cause, Micro Application ne sera responsable ni dans le choix, ni dans la mise en œuvre, ni dans le fonctionnement du système
de paiement. Dans l’hypothèse où le Client souhaite inclure un système de paiement en ligne à la Boutique, il devra effectuer seul les démarches auprès des
établissements spécialisés et conclure, le cas échéant, un contrat avec le(s) établissement(s) sélectionné(s).
En aucun cas, Micro Application ne sera partie au contrat liant le Client avec le(s) établissement(s) sélectionné(s). Micro Application ne pourra être tenu pour
responsable d’aucun préjudice direct ou indirect résultant d’un dysfonctionnement du système de paiement en ligne, choisi par le Client (et, le cas échéant, le Client
Final) et lui seul.
8.5. Micro Application ne sera tenue pour responsable d’aucun préjudice indirect pouvant être subi par le Client utilisant le Logiciel pour développer et/ou
commercialiser des sites Internet marchands, à raison notamment de pertes de bénéfices, d’interruption d’activité ou de tout préjudice résultant de pertes d’exploitation.
8.6. Sauf disposition légale, réglementaire, communautaire ou jurisprudentielle contraire, la responsabilité de Micro Application au titre de tout autre préjudice causé
au Client, dans le cadre de la présente Licence, quel que soit le fondement de l’action intentée, est limitée au montant de la redevance de droit d’utilisation acquittée
par le Client pour le Logiciel; et ce, que Micro Application ait été ou non informée de l’éventualité de tels dommages.
8.7. Sauf disposition légale, réglementaire, communautaire ou jurisprudentielle contraire, en tout état de cause, la responsabilité de Micro Application ne pourra être
engagée qu’en cas de faute prouvée par le Client.
8.8 Dans tous les cas, et sauf dispositions légale, réglementaire, communautaire ou jurisprudentielle contraires, Micro Application ne pourra être considéré en aucune
manière dirigeant de fait du Client.
Micro Application et son Client constituent au titre de la présente Licence deux entités juridiquement et totalement indépendantes. Par ailleurs, en tout état de cause,
Micro Application ne sera pas partie au contrat liant le Client à ses propres clients, Clients Finaux inclus.
Article 9 - Résiliation de la Licence
En cas de manquement du Client à l’une quelconque des stipulations de la présente Licence, non réparé dans un délai de 15 jours, Micro Application se réserve le droit
de résilier la présente Licence et/ou d’engager des poursuites judiciaires à son encontre. Cette résiliation interviendra de plein droit et sans préjudice de tous les
dommages et intérêts qui pourraient être réclamés par Micro Application au Client en réparation du préjudice subi du fait de tels manquements.
Article 10 - Audit
Le Client accorde à Micro Application le droit de vérifier (à tout instant, dans la limite du raisonnable) le respect des conditions de cette Licence, et notamment le
respect de l’article 3.6.
Article 11 - Droit applicable
La présente Licence est régie par le droit français. Sauf disposition légale, réglementaire, communautaire ou jurisprudentielle contraire, tout litige relatif à la conclusion,
l’interprétation, l’exécution ou la cessation de la Licence sera soumis aux tribunaux compétents dans le ressort du siège social de Micro Application.
Article 12 - Hiérarchie
En tout état de cause, la présente Licence prévaut sur toute autre licence ou document, présent ou non, dans le Logiciel ou dans ses rééditions.
Article 13 - Divers
L’éventuelle nullité d’une clause de la Licence ne saurait entraîner la nullité de tout ou partie de la Licence ; une telle clause serait réputée non écrite.
Avertissement sur l’épilepsie
A lire avant toute utilisation d’un jeu vidéo par vous-même ou votre enfant
Certaines personnes sont susceptibles d’avoir des crises d’épilepsie ou d’avoir des pertes de conscience à la vue de certains types de lumières clignotantes ou d’éléments
fréquents dans notre environnement quotidien.
Ces personnes s’exposent à des crises d’épilepsie lorsqu’elles regardent certaines images télévisées ou lorsqu’elles jouent à certains jeux vidéo. Ces phénomènes peuvent
apparaître alors même que le sujet n’a pas d’antécédent médical ou n’a jamais été confronté à une crise d’épilepsie.
Si vous-même ou un membre de votre famille avez déjà présenté des symptômes liés à l’épilepsie (crise ou perte de conscience) en présence de stimulations lumineuses,
veuillez consulter votre médecin avant toute utilisation.
Nous conseillons aux parents d’être attentifs à leurs enfants lorsqu’ils jouent avec des jeux vidéo. Si vous-même ou votre enfant présentez un des symptômes suivants :
vertige, trouble de la vision, contraction des yeux ou des muscles, mouvements involontaires ou convulsions, veuillez immédiatement cesser de jouer et consulter un
médecin.
Précautions à prendre dans tous les cas pour l’utilisation d’un jeu vidéo :
Ne vous tenez pas trop près de l’écran. Jouez à bonne distance de l’écran de l’ordinateur et aussi loin que le permet le cordon de raccordement.
Utilisez de préférence les jeux vidéo sur un écran de petite taille. Évitez de jouer si vous êtes fatigué ou si vous manquez de sommeil.
Assurez-vous que vous jouez dans une pièce bien éclairée.
En cours d’utilisation, faites des pauses de dix à quinze minutes toutes les heures.Veuillez conserver le CD d’installation original à proximité de votre PC, le système
pouvant vous le réclamer lors d’un lancement du programme.
Sommaire
1
Trucs et astuces d’installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.1
2
Premiers pas dans Shop to date . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
2.1
2.2
3
Désinstallation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Trucs et astuces pour les utilisateurs des versions précédentes . . . . . . . . . . .
2.1.1
Utilisateurs de Web to date . . . . . . . . . . . . . . . . . . . . . . . . .
La création d’un projet Shop to date . . . . . . . . . . . . . . . . . . . . . . . . .
2.2.1
Catégories de produits et pages principales - Le squelette de la boutique
2.2.2
Produits et pages secondaires – Le contenu de la boutique . . . . . . . .
2.2.3
L’accroche – Un type de paragraphe particulier . . . . . . . . . . . . . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. 12
. 12
. 13
. 13
. 13
. 14
Créer un projet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8
3.9
3.10
3.11
3.12
3.0.1
Utiliser l’Assistant de création . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
3.0.2
Recréer l’exemple de boutique "Shopping+" . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
3.0.3
Recréer l’exemple de site "Hôtel Bellevue" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
3.0.4
Créer un projet vierge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Ouvrir un site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Restaurer une archive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
3.2.1
L’Assistant Projet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
L’interface de Shop to date . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Créer des catégories de produits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
3.4.1
Créer une catégorie de produits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
3.4.2
Ajouter des produits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
3.4.3
L’Assistant Nouveau produit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Le Gestionnaire de commandes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
3.5.1
Charger et éditer les commandes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
3.5.2
Gérer et éditer les clients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
3.5.3
Analyser les chiffres d’affaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
3.5.4
Éditer un modèle de message électronique . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
3.5.5
Exporter les données de commandes ou de clients . . . . . . . . . . . . . . . . . . . . . . . . 60
Modifier les propriétés de la boutique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
3.6.1
Modifier les propriétés des produits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
L’accroche de cross marketing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
L’Assistant Offres spéciales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Créer les pages principales et secondaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
3.9.1
Créer une page principale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
3.9.2
Ajouter des pages secondaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
3.9.3
La fenêtre de propriétés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Créer un modèle de design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
3.10.1
Compléter le design par un encadré latéral . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Aperçu et création des pages HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
3.11.1
Conversion en HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
3.11.2
Options de la création HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108
Publier la boutique en ligne sur Internet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
3.12.1
Publication par transfert FTP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
3.12.2
Méta tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Sommaire
3.13
4
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. 132
. 135
. 135
. 139
. 143
Notions fondamentales d’organisation du contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
4.1
4.2
4.3
4.4
4.5
5
3.12.3
Transférer la boutique en ligne sur Internet . . . . . . .
Sauvegarder le projet de boutique en ligne . . . . . . . . . . . .
3.13.1
Exporter la boutique en ligne dans un fichier . . . . . .
3.13.2
Créer une sauvegarde d’un projet de boutique en ligne
3.13.3
Importer une archive dans Shop to date . . . . . . . .
Créer des paragraphes . . . . . . . . . . . . . . . . . . . . . . .
4.1.1
L’Aperçu des paragraphes et l’éditeur de paragraphes .
4.1.2
Créer un paragraphe . . . . . . . . . . . . . . . . . . .
Les différents types de paragraphes . . . . . . . . . . . . . . . .
4.2.1
Paragraphe Texte . . . . . . . . . . . . . . . . . . . .
4.2.2
Paragraphe Image . . . . . . . . . . . . . . . . . . . .
4.2.3
Paragraphe Tableau . . . . . . . . . . . . . . . . . . .
4.2.4
Paragraphe Énumération . . . . . . . . . . . . . . . .
4.2.5
Paragraphe Accroche . . . . . . . . . . . . . . . . . .
4.2.6
Paragraphe Formulaire . . . . . . . . . . . . . . . . .
4.2.7
Paragraphe Élément HTML . . . . . . . . . . . . . . .
4.2.8
Paragraphe Clip média . . . . . . . . . . . . . . . . .
4.2.9
Type de paragraphe Plug-in . . . . . . . . . . . . . . .
La bibliothèque de médias . . . . . . . . . . . . . . . . . . . . .
4.3.1
Importer des images et des fichiers étrangers . . . . .
4.3.2
Affecter une catégorie à une image . . . . . . . . . . .
4.3.3
Éditer une image . . . . . . . . . . . . . . . . . . . . .
4.3.4
Supprimer les images inutilisées . . . . . . . . . . . .
Les liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4.4.1
Liens internes . . . . . . . . . . . . . . . . . . . . . .
4.4.2
Liens externes . . . . . . . . . . . . . . . . . . . . . .
Les types d’entrées . . . . . . . . . . . . . . . . . . . . . . . . .
4.5.1
Commandes et fonctions essentielles . . . . . . . . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. 146
. 147
. 149
. 152
. 152
. 158
. 160
. 162
. 163
. 164
. 174
. 177
. 180
. 249
. 251
. 253
. 254
. 256
. 257
. 258
. 261
. 263
. 263
Les pages secondaires et les accroches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267
5.1
5.2
5.3
5.4
Créer des pages secondaires . . . . . . . . . . . . . . . . . . . . . . . . .
5.1.1
Créer une page secondaire . . . . . . . . . . . . . . . . . . . .
5.1.2
Un cas particulier : Les pages secondaires sur la page d’accueil .
5.1.3
Remarques générales concernant les pages secondaires . . . .
Paragraphe Accroche . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5.2.1
Créer un paragraphe Accroche . . . . . . . . . . . . . . . . . .
5.2.2
Définir le mode d’affichage . . . . . . . . . . . . . . . . . . . .
5.2.3
Définir le contenu d’une accroche . . . . . . . . . . . . . . . . .
5.2.4
Composition avancée des accroches . . . . . . . . . . . . . . .
5.2.5
Trier le contenu d’une accroche . . . . . . . . . . . . . . . . . .
5.2.6
Vérifier les paramètres . . . . . . . . . . . . . . . . . . . . . . .
Planificateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Droits d’accès des visiteurs . . . . . . . . . . . . . . . . . . . . . . . . . .
5.4.1
Définir l’accès aux pages . . . . . . . . . . . . . . . . . . . . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. 267
. 268
. 269
. 270
. 271
. 271
. 275
. 276
. 278
. 279
. 280
. 281
. 283
. 283
Sommaire
6
Importer le contenu d’autres applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286
6.1
6.2
7
7.3
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. 287
. 288
. 290
. 294
Page de bienvenue . . . . . . . . . . . .
L’éditeur de pages d’entrée . . . . . . . .
7.2.1
La fenêtre principale . . . . . .
7.2.2
Propriétés du projet . . . . . .
7.2.3
Paramètres FTP . . . . . . . .
7.2.4
Proxy/Pare-feu . . . . . . . . .
7.2.5
Méta tags . . . . . . . . . . . .
7.2.6
Sélectionner un type d’élément
7.2.7
Titre . . . . . . . . . . . . . . .
7.2.8
Élément Texte . . . . . . . . .
7.2.9
Élément Image . . . . . . . . .
7.2.10
Élément HTML . . . . . . . . .
7.2.11
Élément RSS . . . . . . . . . .
7.2.12
Pied de page . . . . . . . . . .
7.2.13
Un serveur - Plusieurs sites . .
Pages externes : Redirection de l’URL . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. 296
. 298
. 298
. 300
. 302
. 303
. 304
. 304
. 306
. 307
. 308
. 309
. 310
. 311
. 311
. 312
Trucs et astuces facilitant le travail dans Shop to date . . . . . . . . . . . . . . . . . . . . . . . . . . . 313
8.1
8.2
8.3
8.4
8.5
8.6
8.7
8.8
8.9
8.10
8.11
9
.
.
.
.
Ajouter des pages spéciales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 296
7.1
7.2
8
Importation depuis Microsoft Word . . . . . . . .
6.1.1
Importer un document Word . . . . . .
6.1.2
Association avec Word . . . . . . . . .
Importation avec l’Assistant d’importation WWW
Désactiver le démarrage automatique des médias liés . . . . . . . .
Modifier les intitulés des boutons . . . . . . . . . . . . . . . . . . .
Définir des "liens profonds" . . . . . . . . . . . . . . . . . . . . . .
Insérer d’autres images dans la zone d’en-tête des designs . . . . .
Utiliser plusieurs plug-ins sur une même page . . . . . . . . . . . .
Afficher le prix à l’unité des articles vendus en lots . . . . . . . . . .
Appliquer un supplément de frais d’envoi aux articles encombrants
Proposer des commandes groupées . . . . . . . . . . . . . . . . .
Proposer un service d’emballages cadeaux . . . . . . . . . . . . . .
Accorder des rabais automatiques . . . . . . . . . . . . . . . . . .
Afficher les produits dans plusieurs catégories . . . . . . . . . . . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. 313
. 314
. 314
. 314
. 315
. 315
. 315
. 315
. 315
. 316
. 316
Le journal des erreurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
9.1
9.2
Aperçu des problèmes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
Autres messages d’erreur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319
Trucs et astuces d’installation
1 Trucs et astuces d’installation
L’installation des produits Micro Application est très simple. Insérez le CD du programme
dans votre lecteur de CD-ROM. L’assistant d’installation démarre automatiquement et vous
accompagne tout au long de la procédure d’installation. Il vous suffit de suivre les
instructions affichées à l’écran. En cas de problèmes, lisez les conseils suivants pour savoir
comment les résoudre.
Astuce 1 : L’installation ne démarre pas automatiquement
Si le programme d’installation ne démarre pas automatiquement, vous pouvez lancer
l’installation manuellement : double-cliquez sur l’icône du Poste de travail, située sur votre
Bureau. Cliquez ensuite avec le bouton droit de la souris sur l’icône de votre lecteur de
CD-ROM. Dans le menu contextuel, sélectionnez la commande Ouvrir, puis double-cliquez
sur le fichier setup.exe, qui se trouve dans le dossier Setup.
Astuce 2 : L’assistant d’installation s’arrête à 99 %
Le programme d’installation proprement dit est compressé. Quand vous lancez l’installation,
le programme d’installation et les composants requis sont dans un premier temps
décompressés dans un dossier temporaire. Ce n’est qu’après que commence la procédure
d’installation du logiciel. Si l’assistant d’installation s’arrête à 99%, cela signifie que tous les
fichiers requis n’ont pas pu être extraits. Les causes peuvent être les suivantes :
Un programme qui fonctionne en arrière-plan empêche l’extraction. C’est souvent le cas des
logiciels anti-virus qui analysent les fichiers d’installation et bloquent le processus.
Solution : Avant de commencer l’installation, fermez tous les logiciels anti-virus et
programmes de surveillance.
Le dossier temporaire dans lequel les données sont copiées contient trop de fichiers.
Solution : Supprimez le contenu du dossier Temp. Il s’agit souvent du dossier
C:\Windows\Temp ou, sous Windows 2000/XP, du dossier C:\Documents and Settings\Votre
nom d’utilisateur\Local Settings\Temp.
Il n’y a pas assez d’espace disponible sur le lecteur C: ou sur le disque dur qui contient le
dossier Temp.
Solution : Sous Windows, environ 20 % de la capacité totale de votre disque dur doivent
rester disponibles, avec un volume disponible minimum de 500 Mo.
Dans la mesure du possible, il est préférable que le nom d’utilisateur configuré sous Windows
2000 ou Windows XP ne contienne pas de caractères spéciaux ou accentués (é, &, ü, etc.).
Votre nom d’utilisateur apparaît dans le chemin d’accès du dossier temporaire, par exemple
C:\Documents and Settings\Votre nom d’utilisateur\Local Settings\Temp. Si ce chemin d’accès
9
Chapitre 1
Shop to date 5 pro
contient des caractères spéciaux, il peut arriver que le programme d’installation ne puisse pas
l’interpréter correctement.
Solution : Identifiez-vous en tant qu’administrateur, et installez le programme ou créez un
nouvel utilisateur.
Astuce 3 : Modification du dossier par défaut
Si vous n’installez pas le programme dans le dossier par défaut mais, par exemple, sur un
autre disque dur, veillez à l’installer dans un dossier et non dans le répertoire racine du
lecteur. Si, par exemple, vous voulez installer le programme sur le disque dur D:, attribuez un
nom au dossier d’installation, comme D:\Dossier. Si vous installez le programme directement
sur D:, il risque de ne pas pouvoir démarrer.
Astuce 4 : Messages d’erreur au cours de l’installation
Les problèmes rencontrés lors de l’installation, tels que les messages d’erreur, la lenteur de
l’installation ou de longues pauses, sont souvent imputables à une application fonctionnant
en arrière-plan.
Vérifiez quelles applications sont actives sur votre système et fermez-les.
Installation sous Windows XP : Démarrez le programme MSCONFIG à l’aide de la
commande Démarrer/Exécuter. Sous l’onglet Démarrage, cliquez sur le bouton Désactiver tout
pour fermer tous les programmes qui démarrent automatiquement au lancement de
Windows. Redémarrez Windows. Installez votre programme Micro Application et démarrez
les programmes précédemment désactivés dans MSCONFIG.
Installation sous Windows 95/98/ME : Redémarrez Windows et appelez le Gestionnaire des
tâches au moyen du raccourci clavier [Ctrl+Alt+Suppr]. L’onglet Applications regroupe toutes les
applications en cours. Pour fermer une application, sélectionnez-la et cliquez sur le bouton
Fin de tâche. Fermez toutes les applications à l’exception de l’Explorateur Windows.
Redémarrez ensuite l’installation du programme Micro Application.
Installation sous Windows 2000 : Windows 2000 ne propose aucune fonctionnalité pratique
permettant de vérifier les applications en cours sur le système. Fermez au moins toutes les
applications que vous avez démarrées manuellement et toutes les applications apparaissant
dans le menu système (en bas à droite, à côté de l’horloge).
Astuce 5 : Installation d’un logiciel sous Windows XP sans droits
administrateur
Pour installer des logiciels Micro Application sous Windows XP, vous devez disposer de
droits administrateur et pas seulement de droits utilisateur. Ce n’est qu’à cette condition que
le programme d’installation pourra installer correctement les composants système.
10
Premiers pas dans Shop to date
Procédez de la manière suivante : demandez à l’administrateur d’attribuer des droits
administrateur à votre profil d’utilisateur. Identifiez-vous sous le nom d’utilisateur sous
lequel le programme doit être utilisé.
Effectuez l’installation et démarrez une fois le programme.
Ensuite, l’administrateur peut à nouveau attribuer les droits habituels à votre profil.
1.1 Désinstallation
Le programme de désinstallation permet de supprimer Shop to date et tous les fichiers liés à
ce programme de votre ordinateur.
Ouvrez le groupe de programmes de Shop to date dans le menu Démarrer et sélectionnez
l’entrée Shop to date désinstaller. La désinstallation commence après confirmation.
Vous pouvez aussi utiliser l’outil de désinstallation automatique de Windows : ouvrez le
module Logiciels du Panneau de configuration. Sous Désinstaller ou modifier un programme,
vous trouverez la liste de toutes les applications installées.
Sélectionnez l’entrée Shop to date et cliquez sur le bouton Désinstaller/Modifier. Tous les
fichiers du programme sont supprimés.
2 Premiers pas dans Shop to date
Une fois Shop to date installé sur votre ordinateur, vous pouvez commencer la création de
votre boutique en ligne sans perdre une minute.
Avec Shop to date, vous pouvez non seulement créer vos propres boutiques en ligne, mais
vous disposez également d’un système complet de gestion de contenu. Il est ainsi possible de
combiner le contenu d’une boutique avec des contenus rédactionnels ou encore de créer un
projet de site Web sans fonctionnalités de boutique.
Ce chapitre a pour objectif de vous familiariser avec l’interface de Shop to date et de vous
guider dans les premières étapes. Les procédures de création d’une boutique en ligne
détaillées et les techniques plus poussées sont décrites dans les chapitres suivants.
Dans ce chapitre, vous apprendrez notamment :
■ comment créer un nouveau projet de boutique à l’aide de l’Assistant de démarrage,
■ comment ajouter des catégories de produits et des produits à votre boutique,
■ de quelle manière l’Assistant de création vous accompagne dans la création de votre
boutique,
■ comment choisir un modèle de présentation,
11
Chapitre 2
Shop to date 5 pro
■ comment créer votre boutique en local ou par un accès distant sur Internet.
2.1 Trucs et astuces pour les utilisateurs des versions
précédentes
Vous avez déjà créé un site Web avec Web to date ? Vous voulez poursuivre votre projet
dans Shop to date 5 ? Aucun problème ! Vous pouvez très facilement l’ouvrir dans Shop to
date 5, l’éditer et, bien entendu, le compléter avec les nombreuses nouvelles fonctions
proposées par le programme.
2.1.1 Utilisateurs de Web to date
Si vous utilisiez Web to date, vous pouvez poursuivre vos projets dans Shop to date 5 de deux
manières :
■ Vous continuez d’éditer votre projet comme un projet de site Web normal, dans
lequel vous intégrez uniquement des contenus purement rédactionnels. Dans ce cas,
vous pouvez travailler dans Shop to date 5 comme à l’accoutumée.
■ Vous voulez compléter votre projet par les fonctionnalités de boutique et proposer
des produits en plus du contenu rédactionnel.
Dans le deuxième cas, vous devrez adapter vos méthodes de travail. La section "Créer des
catégories de produits" vous explique comment créer des catégories de produits pour
organiser votre gamme de produits. La section "Ajouter des produits" vous apprend à
affecter des produits à vos catégories de produits. Quand il est basé sur des catégories de
produits, le menu d’un site Web contient des boutons qui renvoient vers le panier et la page
de paiement.
Dans le menu des pages principales que vous avez reprises de votre projet existant, ces
boutons ne sont pas automatiquement affichés. Si ces renvois vers des pages rédactionnelles
doivent également apparaître, vous pouvez les activer dans les propriétés de la page au
moyen de l’option Activer les fonctions Boutique.
Si vous voulez compléter un site Web par une boutique en ligne, vous devez, notamment
pour des raisons juridiques, publier les mentions légales et vos conditions générales de vente,
par exemple en créant, comme à l’accoutumée, des pages secondaires associées à la page
d’accueil, qui seront ensuite intégrées automatiquement à la structure du menu de chaque
page.
Quand vous créez une boutique en ligne via l’Assistant, vous pouvez créer automatiquement
les mentions légales et les CGV. Si vous êtes un ancien utilisateur de Web to date, vous
pouvez également utiliser cette fonction après-coup. Dans l’interface du programme,
appelez pour ce faire la commande Nouvelle page d’information dans le menu Produits et
pages secondaires. Activez l’onglet Type de page et choisissez la page d’information que vous
voulez créer.
12
Premiers pas dans Shop to date
2.2 La création d’un projet Shop to date
La création de boutiques en ligne dans Shop to date se caractérise par une grande souplesse.
Vous pouvez créer des catégories de produits imbriquées et compléter votre boutique par un
contenu rédactionnel.
Par ailleurs, vous pouvez mener une action de marketing croisé (cross marketing) efficace,
programmer la publication de certains contenus, et bien d’autres choses encore.
Cette souplesse est permise par le système de catégories de produits (pages principales),
pages secondaires et paragraphes Accroche de Shop to date.
Dans les sections suivantes, nous vous présentons ces trois composantes de base, sur
lesquelles repose tout projet Shop to date. Vous découvrirez combien il est facile de bâtir une
structure de boutique, même très complexe.
2.2.1 Catégories de produits et pages principales - Le squelette de la
boutique
Si vous examinez notre exemple de boutique Shopping+ (lien Notre exemple de boutique dans
l’Assistant de démarrage), vous constatez que la barre de navigation ne contient pas de
produits, mais seulement des catégories de produits et quelques pages d’information. En
effet, Shop to date n’inclut dans la barre de navigation que les catégories de produits et les
pages principales. Ce sont elles qui forment la structure de base de votre boutique. La seule
différence entre les catégories de produits et les pages principales est que les premières
servent à présenter vos produits, tandis que les secondes peuvent accueillir des contenus
rédactionnels, tels que l’histoire de votre société, le plan d’accès, des informations, etc..
Leur principal point commun est que les catégories de produits et les pages principales
n’affichent pas seulement des contenus comme du texte, des images ou des tableaux, mais
font également office de conteneurs dans lesquels vous pouvez stocker d’autres pages.
Prenons l’exemple d’une catégorie de produits. Une catégorie de produits contient
généralement des produits, chaque produit correspondant à une page. Mais il y a aussi les
catégories de produits principales ("Mode" dans la boutique Shopping+), qui contiennent
elles-mêmes d’autres (sous-)catégories de produits (par exemple "Hommes" et "Femmes").
2.2.2 Produits et pages secondaires – Le contenu de la boutique
Une page est créée pour chaque produit de votre boutique, où vous pouvez le présenter de
façon plus ou moins détaillée. Tous les produits sont regroupés dans des catégories de
produits.
Les pages secondaires accueillant des contenus rédactionnels répondent aux mêmes
principes : elles sont regroupées, elles aussi, dans des "conteneurs", généralement des pages
principales.
13
Chapitre 2
Shop to date 5 pro
La différence entre les produits et les pages secondaires est que les produits (pages de
produits) contiennent des informations commerciales. Vous pouvez leur affecter des prix,
des numéros de produit ou encore des rabais. Le bouton Ajouter au panier et toutes les
fonctions afférentes au shopping en ligne sont automatiquement insérées sur les pages
correspondantes. À l’inverse, les pages secondaires accueillent uniquement des contenus
informatifs.
2.2.3 L’accroche – Un type de paragraphe particulier
Comment attirer vos clients sur les pages des produits, alors que la barre de navigation
normale regroupe uniquement les catégories de produits et les pages principales ?
Shop to date met pour cela un type de paragraphe particulier à votre disposition : l’accroche.
Les paragraphes accroche jouent un rôle central dans votre boutique en ligne.
Pour mieux le comprendre, reprenons notre exemple de boutique Shopping+. Dans les
catégories de produits, composées de différents produits, vous constatez que chaque produit
est accompagné d’une brève information, d’un petit texte, voire d’une image. Ce n’est qu’en
cliquant sur le nom du produit que l’on accède à la page du produit proprement dite.
La zone de la catégorie de produits dans laquelle les produits sont présentés brièvement est
un paragraphe Accroche. Son rôle consiste à générer automatiquement la liste des produits
contenus dans la catégorie de produits et à les présenter au moyen de quelques informations
générales. Ces listes sont créées et mises à jour automatiquement par le programme quand
vous ajoutez, supprimez ou modifiez des produits.
Shop to date vous permet en outre de configurer très précisément les accroches. Vous
pouvez ainsi choisir le nombre de produits qu’elles doivent accueillir, y insérer des images ou
mettre en vedette les produits phares.
Avec les paragraphes Accroche, vous pourrez également mettre en place très facilement et
rapidement des actions de marketing croisé, c’est-à-dire des renvois vers des produits
apparentés.
Les pages secondaires rédactionnelles peuvent également être présentées sur les pages
principales par le biais d’accroches, comme le lien vers la présentation de l’équipe dans
l’exemple de site Shopping+. Partez à la découverte de notre boutique pour découvrir les
nombreuses autres applications des accroches.
La création et la gestion des catégories de produits/pages principales, produits/pages
secondaires et paragraphes Accroche sont expliquées dans les chapitres correspondants.
Rassurez-vous : les paramètres par défaut de Shop to date sont conçus de manière à vous
permettre de créer une boutique professionnelle, même si vous ne voulez pas mettre en
œuvre toutes les subtilités de ces éléments.
14
Créer un projet
3 Créer un projet
Quelques étapes seulement séparent le premier démarrage du programme des premiers
résultats présentables.
REMARQUE : - Dans Shop to date, il convient de distinguer les notions de boutique en ligne, site
Web, page Web et page d’accueil. Alors qu’une boutique en ligne ou un site Web désigne votre
projet complet ou votre site Internet complet, les pages Web en constituent les différents
éléments. Enfin, on entend par page d’accueil uniquement la page de démarrage du site,
c’est-à-dire la page qui apparaît en premier lors du chargement du site Web. Dans Shop to date,
les pages Web sont générées par la création des pages principales.
Au premier démarrage du programme, Shop to date ouvre l’Assistant de démarrage dans
une page de bienvenue, qui regroupe les principales fonctions de création.
À chaque démarrage suivant, l’un des écrans d’accueil de l’Assistant de démarrage apparaît.
Dans la rubrique située en haut à droite, vous pouvez choisir le projet de site Web que vous
voulez ouvrir :
15
Chapitre 3
Shop to date 5 pro
■ Vous pouvez utiliser l’Assistant de création pour créer la structure de base de votre
■
■
■
■
■
boutique en ligne en quelques étapes à partir de vos informations personnelles. Cette
méthode est présentée dans la suite de ce chapitre.
Vous pouvez créer l’exemple de boutique Shopping+. Vous découvrirez ainsi les
fonctionnalités et options de Shop to date, que vous pouvez bien entendu
personnaliser.
Vous pouvez créer l’exemple de site Hôtel Bellevue. Vous découvrirez ainsi les
fonctionnalités et options rédactionnelles de Shop to date, que vous pouvez bien
entendu personnaliser.
Vous pouvez créer un projet vierge en définissant vous-même sa structure et ses
éléments.
Vous pouvez ouvrir un projet existant. Par défaut, le dossier Projets Web to date est
ouvert dans l’arborescence mise à votre disposition.
Vous pouvez ouvrir l’un des derniers projets ouverts dans Shop to date pour
continuer à l’éditer ou pour le publier.
Les paramètres proposés au lancement du programme figurent en haut à droite de
l’Assistant de démarrage. Par défaut, c’est l’option Utiliser l’Assistant de création qui est
activée.
3.0.4 Utiliser l’Assistant de création
Procédez comme suit pour créer une boutique à l’aide l’Assistant de création intégré à
l’Assistant de démarrage :
16
Créer un projet
À la rubrique Catégorie, sélectionnez le thème de votre boutique en ligne, puis sélectionnez
le modèle que vous voulez utiliser sous Modèles présents dans cette catégorie. La liste
déroulante mise à votre disposition sous la rubrique Aperçu de la structure vous propose
plusieurs options de structure pour le modèle sélectionné :
■ Site de grande taille : contient de nombreuses pages prédéfinies, réparties sur plusieurs
niveaux.
■ Site de taille moyenne : contient plusieurs pages prédéfinies, réparties sur plusieurs
niveaux.
■ Site de petite taille : contient un faible nombre de pages prédéfinies.
■ Ajuster : vous permet de procéder à une sélection personnalisée parmi les pages de
l’option Site de grande taille.
Si vous activez l’option Utiliser des textes personnalisés, vous pourrez, à la prochaine étape de
l’Assistant, compléter les éléments de texte personnalisés utilisés dans le design par les
contenus de votre choix.
Le bouton Choisir un autre design vous permet d’attribuer immédiatement un design à votre
boutique en ligne. Shop to date étant un système de gestion de contenu, le contenu et le
design sont strictement séparés. Vous pourrez à tout moment modifier le design après-coup
d’un simple clic.
REMARQUE : - Si vous ne sélectionnez aucun design, le programme applique le design par
défaut du modèle, que vous pourrez également modifier à tout moment.
Sélectionner un design
La boîte de dialogue Sélectionner un design se compose de quatre onglets qui vous permettent
de choisir un modèle de base, puis de le personnaliser en choisissant une variante, une palette
de couleurs et une police de caractères.
17
Chapitre 3
Shop to date 5 pro
Sous l’onglet Designs, choisissez l’un des nombreux modèles de base dont la mise en page
professionnelle correspond à vos besoins.
Sous l’image de chaque design sont indiqués le nom, la résolution pour laquelle le design est
optimisé (par exemple 800 x 600 ou dynamique), ainsi que le nombre de variantes et de
palettes de couleurs disponibles pour le design.
Pour sélectionner un design, il vous suffit de cliquer dessus. Activez ensuite l’onglet suivant.
18
Créer un projet
L’onglet Variantes présente les variantes de design disponibles pour le modèle que vous avez
choisi. Sélectionnez la variante que vous voulez utiliser en cliquant dessus. Outre les
variantes prédéfinies avec différentes images et couleurs, vous disposez pour chaque design
d’au moins une variante dans laquelle vous pouvez insérer, par exemple, un logo ou une
image personnalisée.
Pour lier un logo, etc. double-cliquez sur la variante. Le programme ouvre une boîte de
dialogue dans laquelle vous pouvez sélectionner le logo de votre choix.
Pour éviter que le logo ne soit déformé à l’affichage, ses dimensions doivent correspondre au
nombre de pixels indiqué sous le modèle d’image (par exemple, 800 x 100).
Vous pouvez modifier les dimensions du logo dans Shop to date.
Cliquez sur OK dans la fenêtre du message vous demandant si vous voulez recadrer le logo.
Le programme ouvre une boîte de dialogue dans laquelle vous pouvez modifier les
dimensions de votre logo.
19
Chapitre 3
Shop to date 5 pro
L’image est affichée dans la boîte de dialogue Recadrer le logo personnalisé. La forme et la
taille de la fenêtre d’affichage correspondent à l’espace dont vous disposez pour insérer votre
image.
Bouton
Fonction
Sélectionner la couleur d’arrière-plan
Enregistrer le logo personnalisé pour pouvoir l’utiliser dans d’autres applications
Réduire la taille d’affichage du logo dans la fenêtre d’aperçu
Sélectionner le facteur zoom de l’affichage du logo dans la fenêtre d’aperçu. Cliquez
sur la flèche pour sélectionner une autre valeur
Agrandir la taille d’affichage du logo (ou du détail du logo) dans la fenêtre d’aperçu
Ouvrir la rubrique d’aide de la fenêtre
Positionnez l’image à l’intérieur de la fenêtre d’aperçu en plaçant le pointeur dans la fenêtre.
Ce dernier prend alors la forme d’une main qui vous permet de déplacer l’image.
Selon que votre image est trop petite ou trop grande, agrandissez ou réduisez-la à l’aide des
boutons de façon à ce qu’elle remplisse au mieux la fenêtre d’aperçu. Vous pouvez aussi
utiliser la liste déroulante à la place des boutons.
Si, après avoir déplacé et/ou changé la taille de l’image, vous voyez apparaître des
bandes autour de celle-ci du fait qu’elle ne remplit plus la totalité de la fenêtre, vous pouvez
remplir les "espaces vides" avec une couleur d’arrière-plan. Cliquez à cet effet sur l’icône de
seau et sélectionnez la couleur de votre choix dans la boîte de dialogue qui s’affiche.
Confirmez vos paramètres par OK pour lier le logo au modèle de design et revenir à la
fenêtre de sélection des variantes.
Activez l’onglet suivant.
20
Créer un projet
L’onglet Palettes de couleurs présente les variantes de couleurs disponibles pour le modèle
que vous avez choisi. Sélectionnez la palette de couleurs que vous voulez utiliser en cliquant
dessus.
Mais comment faire pour utiliser des couleurs bien précises afin, par exemple, de reprendre
dans votre boutique en ligne les couleurs de la charte graphique de votre entreprise, si ces
couleurs ne figurent pas parmi les modèles proposés ? Dans ce cas, vous avez la possibilité de
créer vos propres couleurs, de les appliquer aux éléments du design de votre choix et de les
combiner à votre guise. Double-cliquez sur la variante Personnalisable pour définir votre
propre modèle de couleurs. Le programme ouvre la boîte de dialogue suivante :
21
Chapitre 3
Shop to date 5 pro
La boîte de dialogue Palette de couleurs personnalisée vous permet de définir vos propres
couleurs pour votre boutique en ligne. Le nombre de couleurs pouvant être défini dépend du
modèle choisi. La boîte de dialogue propose les fonctions d’édition suivantes :
Bouton
Fonction
Importer un modèle de couleurs personnalisé au format *.w2d
Exporter un modèle de couleurs personnalisé au format *.w2d
Un clic sur la flèche ouvre une liste de modèles de couleurs prédéfinies que
vous pouvez appliquer à votre présentation.
Ouvrir la rubrique d’aide de la fenêtre
Pour colorer une zone, cliquez sur l’icône représentant trois points de suspension située
en regard de la couleur correspondante, puis sélectionnez la couleur de votre choix dans la
boîte de dialogue Windows Couleurs et cliquez sur OK. La nouvelle couleur apparaît
désormais dans la zone sélectionnée. Dans la partie inférieure de la fenêtre vous est proposée
la fonction ColorCatcher, qui vous permet d’appliquer à votre boutique en ligne les couleurs
d’autres sites Web.
Mode d’emploi du ColorCatcher
Pour remplir les différentes cellules du ColorCatcher avec des couleurs, sélectionnez la
commande ColorCatcher dans le menu Fichier. Le programme ouvre la boîte de dialogue
ColorCatcher. Pour remplir une case, faites glisser la pipette qu’elle contient sur la couleur
voulue.
22
Créer un projet
Plusieurs boutons vous sont proposés en haut de la boîte de dialogue. Vous pouvez
verrouiller la fenêtre du ColorCatcher de manière qu’elle apparaisse toujours au premier
plan. Vous avez également la possibilité d’importer et d’exporter la palette de couleurs du
ColorCatcher au format W2CC. Enfin, le bouton Retour vers Shop to date vous permet de
revenir au programme.
Après avoir prélevé les couleurs souhaitées à l’aide du ColorCatcher, vous pouvez faire
glisser les couleurs des différentes cellules, en maintenant le bouton de la souris enfoncé
(glisser-déposer), vers les différents éléments de la palette pour appliquer ces couleurs au
design.
Une fois toutes les couleurs définies, cliquez sur OK et activez l’onglet suivant.
23
Chapitre 3
Shop to date 5 pro
L’onglet Police de caractères vous permet de choisir une autre police pour votre boutique en
ligne.
Sous chaque aperçu sont indiqués le nom de la police et sa diffusion.
Les designs de Shop to date n’emploient pas de polices "exotiques" afin d’éviter les problèmes
d’affichage de votre boutique.
Les polices comme Arial sont largement diffusées sur Internet.
Comme tous les sites Web ne peuvent pas être composés en Arial, l’onglet Police de
caractères vous propose un choix de plusieurs polices qui bénéficient d’une bonne, voire d’une
très bonne, diffusion auprès des utilisateurs du réseau.
Sélectionnez la police en cliquant dessus, puis cliquez sur OK pour terminer la sélection du
design et revenir à l’Assistant.
Cliquez sur Suivant pour passer à l’étape suivante.
24
Créer un projet
C’est ici que vous personnalisez les informations relatives à votre boutique en ligne.
Double-cliquez sur un élément du tableau affichant la liste de tous les éléments de texte
personnalisés de la boutique. Le programme ouvre la boîte de dialogue Modifier le texte
personnalisé.
Dans la zone de saisie Texte, entrez le contenu tel qu’il doit apparaître dans votre boutique.
Pour éditer un élément, vous pouvez aussi le sélectionner dans le tableau, puis cliquer sur le
bouton Éditer ce texte. Le programme ouvre également la boîte de dialogue Modifier le texte
personnalisé.
Après avoir édité tous les textes personnalisés ou si vous n’avez pas activé l’option Utiliser des
textes personnalisés, cliquez sur Suivant pour passer à l’étape suivante de l’Assistant.
Cette étape vous permet de personnaliser les premiers paramètres de votre boutique en
ligne.
En haut de la boîte de dialogue, le programme vous propose deux types de boutiques.
25
Chapitre 3
Shop to date 5 pro
Si vous choisissez l’option Boutique pour clients privés (B2C), tous les prix affichés dans votre
boutique seront des prix TTC. À la fin des achats, le montant total des taxes est notifié
séparément sur la facture.
Pour afficher des prix HT, validez l’option Boutique pour clients professionnels (B2B). Le
montant total des taxes est ajouté à la facture à la fin des achats.
REMARQUE : - Vous pouvez à tout moment modifier ou compléter les paramètres que vous
définissez dans l’Assistant de création après-coup. Pour ce faire, sélectionnez la commande
Propriétés du site Web dans le menu Fichier.
Mode de livraison choisi
Cette rubrique vous permet de définir le mode de livraison que vous voulez proposer par
défaut.
Ouvrez la liste déroulante Nom en cliquant sur la flèche correspondante et sélectionnez le
transporteur par défaut. Si le transporteur que vous voulez utiliser n’apparaît pas dans la
liste, tapez son nom directement dans la zone de saisie.
Outre les frais d’envoi et le taux de TVA, il vous est possible de définir un montant à partir
duquel vous offrez les frais d’envoi à vos clients. Là encore, vous pourrez modifier ou
compléter ces paramètres ultérieurement dans les propriétés de la boutique (menu Fichier/
Propriétés du site Web).
Vous avez aussi la possibilité de moduler les frais d’envoi en fonction du poids du colis ou de
ne pas les facturer pour certains produits.
Modes de paiement proposés
Sous cette rubrique, vous définissez les options de paiement que vous voulez proposer dans
votre boutique. Activez pour ce faire les options voulues et décochez les cases des options de
paiement que vous ne voulez pas proposer.
D’autres options de paiement sont également disponibles dans les propriétés du site Web.
Vous pouvez par exemple affecter les modes de livraison de votre choix aux différentes
options de paiement.
Si vous voulez autoriser le paiement par carte de crédit, Shop to date met à votre disposition
des interfaces avec les prestataires de paiement qui prennent en charge ce mode de
règlement.
Cliquez sur le bouton Suivant.
26
Créer un projet
Pages d’information
Cette rubrique vous permet d’ajouter des pages d’information dans votre projet de boutique.
Le programme crée des pages d’information sur la base des informations sur votre entreprise
que vous avez enregistrées. Il s’agit de simples propositions, que vous devez impérativement
vérifier et, le cas échéant, éditer avant publication.
REMARQUE : - Les pages d’information proposées dans le programme, comme les mentions
légales, les CGV ou les informations aux consommateurs, le sont à titre indicatif. Micro
Application n’en garantit pas l’exactitude ni la validité, et se dégage de toute responsabilité
quant aux dommages qui pourraient résulter de l’utilisation de ces modèles.
Si vous créez un projet de site Web à l’aide de l’Assistant projet, vous devrez éditer
manuellement ces pages.
Pour afficher les pages d’information créées dans l’interface du programme, cliquez sur la
première entrée, Homepage (page d’accueil), de la zone Aperçu des pages principales et des
catégories de produits. Vous affichez ainsi les pages d’information dans la zone Aperçu des
pages secondaires et des produits. Vous pouvez ensuite les sélectionner et les éditer dans la
fenêtre principale.
Sélectionnez les pages d’information de votre choix et cliquez sur le bouton Suivant.
27
Chapitre 3
Shop to date 5 pro
Dans la zone de saisie de la nouvelle fenêtre, attribuez un nom à votre projet. Shop to date
crée un dossier homonyme, dans lequel la nouvelle boutique en ligne est enregistrée. Par
défaut, ce dossier est enregistré dans le dossier Projets Web to date. Vous pouvez bien
entendu sélectionner un autre dossier dans l’arborescence mise à votre disposition.
REMARQUE : - Il est recommandé de modifier dès le départ le nom du projet Mon site Web, car
le nom que vous indiquez ici est celui sous lequel la boutique sera publiée par la suite. Le titre de
la boutique peut aussi être modifié à tout moment dans le programme.
Après avoir entré le nom, cliquez sur Terminer pour créer la boutique en ligne et l’ouvrir dans
l’interface principale de Shop to date.
3.0.5 Recréer l’exemple de boutique "Shopping+"
Shop to date vous permet de créer votre boutique en ligne en vous basant sur notre exemple
de site Shopping+ et, ce faisant, de découvrir les nombreuses possibilités que vous offre le
programme. Quelques clics suffisent pour mener à terme le projet.
Dans l’Assistant de démarrage, activez le lien Notre exemple de boutique, situé en haut à
droite de la fenêtre, ou cliquez sur le lien Créer un exemple de boutique nommé "Shopping+"
sur la page de bienvenue.
28
Créer un projet
Vous passez directement à l’étape suivante de l’Assistant.
Dans la zone de saisie de la nouvelle fenêtre, attribuez un nom à votre projet. Shop to date
crée un dossier homonyme, dans lequel la nouvelle boutique en ligne est enregistrée. Par
défaut, ce dossier est enregistré dans le dossier Projets Web to date. Vous pouvez bien
entendu sélectionner un autre dossier dans l’arborescence mise à votre disposition.
Après avoir entré le nom ou accepté le nom par défaut, cliquez sur Terminer pour créer
l’exemple de site et l’ouvrir dans l’interface principale de Shop to date.
3.0.6 Recréer l’exemple de site "Hôtel Bellevue"
Shop to date vous permet de découvrir les nombreuses possibilités rédactionnelles que vous
offre le programme en recréant notre exemple de site "Hôtel Bellevue". Quelques clics
suffisent pour mener à terme le projet.
Dans l’Assistant de démarrage, activez le lien Notre exemple de site Web, situé en haut à droite
de la fenêtre.
29
Chapitre 3
Shop to date 5 pro
Vous passez directement à l’étape suivante de l’Assistant.
Comme expliqué précédemment, attribuez un nom à votre site Web dans la zone de saisie.
Shop to date crée un dossier homonyme, dans lequel le nouveau site est enregistré. Par
défaut, ce dossier est enregistré dans le dossier Projets Web to date. Vous pouvez bien
entendu sélectionner un autre dossier dans l’arborescence mise à votre disposition.
Après avoir entré le nom ou accepté le nom par défaut, cliquez sur Terminer pour créer
l’exemple de site et l’ouvrir dans l’interface principale de Shop to date.
3.0.7 Créer un projet vierge
Vous voulez commencer votre projet de boutique en ligne par une page vierge et créer
vous-même toutes les pages principales et les pages secondaires, ainsi que les catégories de
produits et les produits ? Procédez comme suit :
Activez le lien Créer un projet vierge dans l’Assistant de démarrage (en haut, à droite) ou dans
la page de bienvenue.
30
Créer un projet
Vous passez directement à l’étape suivante de l’Assistant.
Dans la zone de saisie de la nouvelle fenêtre, attribuez un nom à votre projet. Shop to date
crée un dossier homonyme, dans lequel la nouvelle boutique en ligne est enregistrée. Par
défaut, ce dossier est enregistré dans le dossier Projets Web to date. Vous pouvez bien
entendu sélectionner un autre dossier dans l’arborescence mise à votre disposition.
Après avoir entré le nom ou accepté le nom par défaut, cliquez sur Terminer pour créer le site
et l’ouvrir dans l’interface principale de Shop to date.
Vous accédez à l’interface du programme, c’est-à-dire à l’espace de travail de Shop to date,
avec les contenus et les structures que vous avez créés avec l’Assistant. Au premier plan
apparaît dans un premier temps l’Assistant Projet. Nous vous présentons l’interface du
programme en détails à la section "L’interface de Shop to date".
3.1 Ouvrir un site
Vous pouvez ouvrir une boutique en ligne existante de plusieurs manières. Quand vous
démarrez le programme après avoir déjà créé un projet, l’écran d’accueil de Shop to date
apparaît :
31
Chapitre 3
Shop to date 5 pro
Si vous cliquez sur le lien Ouvrir les derniers projets édités, dans le coin supérieur droit de
l’Assistant de démarrage, le programme affiche la liste des dernières boutiques en ligne que
vous avez éditées, accompagnées de leur emplacement.
Pour poursuivre l’un de ces projets, sélectionnez-le dans la liste, puis cliquez sur Terminer.
Pour effacer la liste des derniers projets édités, cliquez sur
le bouton Vider la liste.
Les
deux
boutons
présentés
ci-dessous activent deux autres
fenêtres de l’Assistant de démarrage. Le bouton Ouvrir un autre projet affiche la fenêtre
Ouvrir un projet existant. Le bouton Nouveau projet affiche la fenêtre Utiliser l’Assistant de
création.
Pour ouvrir une boutique en ligne qui ne figure pas parmi les derniers projets édités, cliquez
sur le bouton Ouvrir un autre projet.
32
Créer un projet
Vous affichez ainsi l’arborescence de vos dossiers.
Recherchez le dossier contenant vos projets de sites Web et de boutiques en ligne,
sélectionnez le dossier que vous voulez ouvrir et validez en cliquant sur Terminer.
3.2 Restaurer une archive
Shop to date propose des fonctions pratiques de sauvegarde des projets, par exemple
l’exportation de certaines pages d’un projet ou la fonction de sauvegarde complète et
automatique des projets. Les projets exportés et sauvegardés sont enregistrés au format
*.w2d.
Pour restaurer un projet à partir d’une archive exportée ou
sauvegardée (*.w2d) depuis l’écran d’accueil, cliquez sur le
bouton Restaurer depuis une archive dans la fenêtre Ouvrir un projet existant.
Le programme ouvre la boîte de dialogue Importer, dans laquelle vous pouvez sélectionner
l’archive de sauvegarde (format W2D).
33
Chapitre 3
Shop to date 5 pro
Sélectionnez l’archive que vous voulez restaurer, puis cliquez sur Ouvrir pour charger le
fichier correspondant.
Vous pouvez aussi ouvrir le fichier en double-cliquant sur son nom.
Le programme ouvre la boîte de dialogue Restaurer un projet de site Web. Sélectionnez le
dossier dans lequel le projet doit être enregistré.
Attribuez un nom au projet à restaurer.
34
Créer un projet
S’il doit être enregistré en tant que nouveau projet, saisissez un nom différent du nom de
projet précédent.
Pour remplacer le projet précédent par le fichier de sauvegarde, utilisez le même nom et
écrasez le fichier existant en validant le message de confirmation qui s’affiche.
REMARQUE : - Pour créer un projet directement depuis l’interface du programme, sélectionnez
la commande Fichier/Nouveau site Web. Vous appelez ainsi l’Assistant de création. La
commande Fichier/Ouvrir un site Web vous permet d’ouvrir un projet enregistré sur votre disque
dur.
3.2.1 L’Assistant Projet
À chaque fois que vous créez un projet de boutique en ligne, que ce soit sur la base de
l’exemple de boutique ou de site, à l’aide de l’Assistant de création ou à partir d’un projet
vierge, la boîte de dialogue de l’Assistant Projet s’affiche automatiquement.
L’Assistant Projet a pour rôle de vous guider à travers les différentes étapes de création de
votre boutique en ligne, du choix du design à sa publication sur Internet. En d’autres termes,
après avoir exécuté toutes les étapes de l’Assistant Projet, vous pourrez déjà visualiser les
premiers résultats de votre travail sur Internet.
35
Chapitre 3
Shop to date 5 pro
REMARQUE : - L’Assistant Projet est un simple recueil des principales étapes de création d’une
boutique, conçu pour vous servir de guide dans les premières étapes. Toutes les fonctions
proposées dans l’Assistant Projet étant également disponibles dans l’interface normale du
programme, son utilisation est facultative.
Pour effectuer les opérations de base à partir de l’Assistant Projet, cliquez sur les différentes
tâches proposées. Les actions exécutées dans l’Assistant Projet sont signalées par une coche.
Tâche
Explication
Sélectionner un design
Cette fonction vous permet de choisir l’aspect graphique et les
couleurs de votre boutique en ligne. Faites votre choix parmi les
centaines de variantes proposées.
Définir les options de
publication
Cette fonction vous permet de configurer le transfert FTP de votre
boutique en ligne sur un serveur.
Créer une nouvelle page
principale
Cette fonction vous permet de créer une page principale pour votre
boutique.
Créer une nouvelle
catégorie de produits
Cette fonction vous permet d’ajouter une catégorie de produits à
votre boutique.
Créer un nouveau produit
Cette fonction vous permet d’ajouter un produit dans la catégorie de
produits en cours.
Afficher un aperçu de la
page actuelle
Cette fonction crée un aperçu de la page actuellement ouverte dans
le programme dans votre navigateur par défaut.
Créer le site Web
Cette fonction vous permet de générer les fichiers HTML de votre
site Web. Vous pouvez ainsi afficher la boutique en ligne complète
dans votre navigateur (par exemple Internet Explorer).
Publier le site Web
Cette fonction vous permet de transférer votre projet de site Web par
FTP sur votre serveur Web pour le publier sur Internet.
Quand vous activez une tâche dans l’Assistant Projet, le programme
ouvre la boîte de dialogue correspondante. Dans le même temps, la
fenêtre de l’Assistant Projet est réduite dans le coin supérieur droit, d’où vous pouvez la
restaurer à tout moment en cliquant dessus.
Cliquez sur le bouton Fermer pour quitter l’Assistant Projet. Vous pouvez l’appeler à tout
moment en cliquant sur l’icône d’ampoule de la barre d’outils. Désactivez l’option Afficher à
l’ouverture du projet si vous ne voulez pas que l’Assistant Projet s’affiche à chaque nouveau
projet.
36
Créer un projet
3.3 L’interface de Shop to date
Que vous éditiez une boutique en ligne rudimentaire ne comptant que quelques pages ou un
projet beaucoup plus ambitieux, votre travail s’effectue au moyen d’une seule interface, qui
vous permet de gérer tous les éléments de votre site.
Cette zone de travail se divise en plusieurs volets, qui correspondent aux différents éléments
de votre boutique en ligne : pages principales et catégories de produits (1), pages secondaires et
produits (2), paragraphes (3).
Chacun de ces éléments dispose d’un volet qui lui est propre dans l’interface du programme,
ainsi que de divers boutons d’édition.
Le volet le plus grand est l’Aperçu des paragraphes (3) et l’éditeur de paragraphes, à sa droite.
En faisant glisser les traits de séparation gris, vous pouvez modifier la taille des différentes
zones de la fenêtre.
37
Chapitre 3
Shop to date 5 pro
La navigation
Il convient de distinguer l’affichage du projet dans Shop to date et le site finalisé qui en
résulte.
Alors que, dans Shop to date, la navigation se fait dans une interface dont la structure
ressemble à celle de l’Explorateur Windows et dans laquelle les types d’entrées et les
éléments de pages sont affichés sous la forme de dossiers et de modules, le site Web final sera
doté d’un design spécifique et d’une arborescence de navigation correspondante.
Là où, dans le site Web, vous pouvez parcourir les niveaux de pages et les pages à l’aide des
commandes Précédent et Suivant, par exemple, vous naviguez toujours dans Shop to date
dans une interface de programme dans laquelle vous vous contentez de changer de dossier de
pages et donc de contenu affiché.
REMARQUE : - Dans Shop to date, la navigation au sein des niveaux requiert une certaine
habitude. Dans les premiers temps, il peut être utile de vérifier le résultat de vos saisies en mode
HTML. Nous vous conseillons donc d’activer régulièrement la fonction Aperçu dans le
navigateur.
Jetez un coup d’œil à l’exemple de boutique "Shopping+" pour découvrir toute la richesse
des projets Shop to date, qui peuvent accueillir des éléments très variés.
3.4 Créer des catégories de produits
La première étape d’un projet de boutique en ligne consiste à doter celui-ci d’une structure
de base et à définir les boutons qu’il doit contenir en créant des pages de produits.
Ce sont les catégories de produits et, le cas échéant, les pages principales que vous créez qui
déterminent la navigation sur le site.
Selon le projet créé, les catégories de produits forment la structure de votre offre.
Il est bien entendu possible de subdiviser les catégories de produits en d’autres catégories de
produits, par exemple "Vêtements/Robes" et "Vêtements/Pantalons", etc..
Après avoir créé les premières catégories de produits, vous pouvez ajouter des produits et du
texte.
3.4.1 Créer une catégorie de produits
Pour créer une catégorie de produits
dans votre boutique en ligne, cliquez
sur Créer une nouvelle catégorie de
produits dans l’Assistant Projet.
38
Créer un projet
Vous pouvez aussi cliquer sur le bouton Nouvelle catégorie dans l’Aperçu des pages principales
et des catégories de produits pour appeler l’Assistant Nouvelle catégorie de produits.
L’Assistant Nouvelle catégorie de produits
Sélectionnez le type de catégorie de produits que vous voulez créer en activant l’option
correspondante.
Type
Description
Catégorie de produits
Crée une catégorie de produits regroupant les produits apparentés.
Catégorie de produits
principale
Crée une catégorie de produits principale regroupant les catégories de
produits apparentées.
Nous vous conseillons de commencer par l’option Catégorie de produits pour créer des
produits et les présenter dans votre boutique. Activez l’option Catégorie de produits et cliquez
sur le bouton Suivant.
Dans la deuxième fenêtre de l’Assistant Nouvelle catégorie de produits, attribuez un nom
(titre) à la catégorie de produits dans la zone Nom de la catégorie. Dans la zone Description,
39
Chapitre 3
Shop to date 5 pro
vous pouvez saisir un descriptif ou une accroche qui sera utilisé lorsque cette catégorie de
produits sera affectée à une catégorie de produits principale.
Si vous envisagez de faire figurer la catégorie de produits dans une accroche, par exemple
dans une catégorie de produits principale, nous vous conseillons de lui adjoindre une
illustration (pour savoir comment insérer des illustrations dans les paragraphes,
reportez-vous à la section "La bibliothèque de médias").
Cliquez sur le bouton Suivant.
La troisième étape de l’Assistant Nouvelle catégorie de produits vous propose de choisir le
type d’accroche que vous voulez créer.
40
Créer un projet
Vous pouvez présenter tous les produits de la catégorie de produits de la même façon ou
mettre en vedette certains d’entre eux.
Si vous ne voulez pas mettre de produits en vedette, validez l’option Présenter tous les produits
de la même façon.
Pour mettre en vedette certains produits en les affichant dans une zone particulière, validez
l’option Présenter différemment les produits phares.
L’option Trier tous les noms de produit par ordre alphabétique vous permet d’activer ou de
désactiver le classement alphabétique des produits. Cliquez sur Suivant pour passer à la
dernière étape de l’Assistant Nouvelle catégorie de produits.
41
Chapitre 3
Shop to date 5 pro
Vous pouvez y définir les paramètres de présentation de base de la catégorie de produits. Si
vous avez activé l’option Présenter différemment les produits phares, vous pouvez également
affecter aux produits phares une présentation différente de celles des autres produits.
Ouvrez la liste déroulante en cliquant sur la flèche et sélectionnez la présentation de votre
choix pour le groupe de produits concerné (Produits phares et Autres produits).
La zone Intitulé vous permet d’attribuer un titre au paragraphe Accroche du groupe de
produits correspondant.
L’option Nombre d’entrées détermine le nombre de produits affichés par page. La fenêtre
d’aperçu, à droite de la fenêtre, vous propose un aperçu schématique de la catégorie de
produits selon la présentation sélectionnée.
REMARQUE : - Vous pouvez à tout moment changer la présentation de la catégorie de produits
dans le programme.
Les deux options situées en bas de la boîte de dialogue vous permettent de décider de la suite
de la procédure. Si vous voulez immédiatement compléter la nouvelle catégorie de produits
avec des produits, validez l’option Une fois terminé, créer un nouveau produit. Pour créer tout
de suite d’autres catégories de produits, validez l’option Une fois terminé, créer une nouvelle
catégorie de produits.
42
Créer un projet
Après avoir défini tous les paramètres, fermez l’Assistant Nouvelle catégorie de produits en
cliquant sur Terminer.
Niveaux de catégories de produits
Vous pouvez créer d’autres catégories de produits pour votre boutique en ligne.
Si la structure du site le nécessite, il est également possible de subdiviser les catégories de
produits. Le programme autorise jusqu’à trois niveaux de catégories de produits. Vérifiez
que la catégorie de produits sous laquelle vous voulez créer une catégorie enfant est bien
sélectionnée dans la fenêtre d’aperçu avant de cliquer sur Nouvelle catégorie.
Pour modifier le niveau d’une catégorie de produits existante, faites-la simplement glisser
vers l’emplacement voulu en maintenant le bouton de la souris enfoncé. La catégorie de
produits sélectionnée est déplacée à l’emplacement spécifié, avec tous les produits et
paragraphes qu’elle contient le cas échéant. Vous pouvez de la même manière déplacer des
pages principales.
Autre méthode : sélectionnez la commande Catégories de produits et pages principales/
Déplacer vers et indiquez, dans la boîte de dialogue qui s’affiche, la catégorie de produits vers
laquelle vous voulez déplacer la catégorie de produits (page principale) sélectionnée.
Servez-vous des boutons de la barre d’outils de l’aperçu pour gérer vos catégories de produits
(pages principales) :
Supprime la catégorie de produits (page principale) sélectionnée.
Ajoute la catégorie de produits (page principale) sélectionnée à la bibliothèque de liens.
Déplace la catégorie de produits (page principale) sélectionnée d’une position vers le haut
dans la barre de navigation.
Déplace la catégorie de produits (page principale) sélectionnée d’une position vers le bas
dans la barre de navigation.
43
Chapitre 3
Shop to date 5 pro
Le menu Catégories de produits et pages principales et le menu contextuel (clic droit dans
l’Aperçu des pages principales et des catégories de produits) contiennent des commandes
supplémentaires, qui vous permettent, par exemple, de renommer, copier ou déplacer les
catégories de produits. Pour plus d’informations sur ces commandes, reportez-vous à la
section "Les types d’entrées".
REMARQUE : - Essayez de donner des noms aussi courts et explicites que possible à vos
catégories de produits (pages principales), car les longs titres peuvent nuire à la convivialité de
votre site.
3.4.2 Ajouter des produits
La création des catégories de produits vous a permis de conférer sa structure de base à votre
boutique en ligne. Vous pouvez maintenant les compléter par des produits.
L’essentiel de la création d’une
boutique en ligne consiste à
remplir les catégories de produits
et à présenter ces derniers. Vous disposez pour cela de l’Assistant Nouveau produit, que vous
appelez soit en cliquant sur Créer un nouveau produit dans l’Assistant Projet, soit en cliquant
sur le bouton Nouveau produit dans l’Aperçu des pages secondaires de l’interface du
programme.
Vous pouvez également accéder à l’Assistant Nouveau produit via la
commande Nouveau produit du menu Produits et pages secondaires.
3.4.3 L’Assistant Nouveau produit
L’Assistant Nouveau produit crée deux paragraphes spéciaux sur la page d’information du
produit : un paragraphe regroupant les informations commerciales (prix, numéro de produit,
poids, etc.) et un paragraphe descriptif du produit. Ces informations sont reprises dans la
liste des produits, sur la page de la catégorie de produits. Une page d’information doit être
créée pour chaque produit.
44
Créer un projet
Définir les données commerciales de base
À la première étape de l’Assistant, vous devez définir les données commerciales de base.
L’onglet Commercial vous permet d’enregistrer le nom, le numéro et le prix du produit.
Sélectionnez l’unité devant s’appliquer au produit dans la liste déroulante Unité.
Si l’unité que vous voulez utiliser n’apparaît pas dans la liste (par exemple "lot"), tapez-la
directement dans la zone de saisie.
Vous pouvez également indiquer le poids du produit et le taux de TVA applicable. Le poids
joue un rôle important dans le calcul des frais d’envoi.
Sélectionnez ensuite le délai de livraison du produit.
45
Chapitre 3
Shop to date 5 pro
Cliquez sur le bouton Suivant.
Définir la présentation du produit
La deuxième étape de l’Assistant Nouveau produit vous permet de paramétrer la
présentation du produit sous l’onglet Présentation.
Dans la zone de saisie Texte abrégé, entrez une brève description du produit. Si vous le
souhaitez, vous pouvez aussi sélectionner une illustration, qui sera affichée dans les listes des
produits.
Pour mettre le produit en vedette, activez l’option Produit phare à mettre en vedette.
Cliquez sur le bouton Suivant pour passer à l’étape suivante.
Définir les variantes du produit
Shop to date vous permet de définir plusieurs variantes d’un produit, reposant sur un ou deux
critères.
Les variantes sont présentées sur la même page de la boutique. Elles peuvent se distinguer
par le prix, le délai de livraison ou les rabais consentis.
Les variantes sont proposées au client dans une liste déroulante.
Pour proposer plusieurs variantes d’un produit, activez l’onglet Variantes et choisissez si vous
voulez définir un ou deux critères.
Si vous ne voulez pas créer de variante, cliquez sur le bouton Suivant pour passer directement
à l’étape suivante.
46
Créer un projet
Dans l’exemple suivant, nous définissons des variantes avec deux critères (bouton Deux
critères).
Le programme ouvre la boîte de dialogue Assistant Variantes, dans laquelle vous pouvez
entrer le critère de distinction dans la zone Désignation (par exemple, taille, matière,
etc.).
Cliquez ensuite sur le bouton Nouvelle valeur, sous la zone Valeurs possibles, et entrez une
valeur pour le critère défini dans la boîte de dialogue Saisir une valeur (par exemple la valeur
"Noir" pour le critère "Couleur").
Pour saisir d’autres valeurs, cliquez sur le bouton OK et valeur
suivante. Cliquez sur OK. La valeur que vous avez saisie apparaît dans
47
Chapitre 3
Shop to date 5 pro
la zone Valeurs possibles. Pour enregistrer un groupe de variantes, par exemple en vue de
l’appliquer à d’autres produits, cliquez sur le bouton Enregistrer les variantes et attribuez un
nom au fichier.
Vous pourrez ainsi utiliser ce groupe de variantes pour d’autres
produits à l’aide du bouton Ouvrir les variantes.
Après avoir entré toutes les valeurs voulues, cliquez sur OK pour fermer l’Assistant Variantes
et validez le message de confirmation qui s’affiche. Vous revenez à l’onglet Variantes de
l’Assistant Nouveau produit. Cliquez sur Suivant.
Définir des rabais
Sous l’onglet Rabais de l’Assistant Nouveau produit, vous pouvez accorder (ou facturer)
automatiquement à vos clients des réductions (ou des majorations) de prix à partir d’une
certaine quantité commandée. Vous avez la possibilité d’échelonner ces réductions ou
majorations de prix. À la rubrique Quantité minimum, entrez les différentes échelles de
quantité. À la rubrique Prix, entrez les prix correspondants aux quantités définies à la
première colonne.
Cliquez sur le bouton ci-contre, à droite des zones de saisie de la colonne Prix, pour ouvrir la
boîte de dialogue Nouveau prix, dans laquelle vous pouvez configurer le prix.
48
Créer un projet
Dans la zone Nouvelle valeur, vous pouvez taper directement un nouveau montant. Dans ce
cas, l’option Utiliser la nouvelle valeur à la place du prix de base est automatiquement activée.
Les options Majoration/Réduction (en valeur absolue) et Majoration/Réduction (en
pourcentage) vous permettent d’augmenter ou de réduire le prix de base du montant (valeur
absolue) ou du pourcentage de votre choix. Activez l’option voulue, puis entrez le montant
ou le pourcentage dans la zone Nouvelle valeur. Cliquez sur le signe moins pour réduire le
prix de base du montant (pourcentage) saisi. Cliquez sur le signe plus pour augmenter le prix
de base du montant (pourcentage) saisi. Cliquez sur OK pour fermer la boîte de dialogue.
Après avoir défini tous les rabais, vous
pouvez les enregistrer dans un fichier au moyen du bouton
Enregistrer la grille de rabais.
49
Chapitre 3
Shop to date 5 pro
Vous pourrez ainsi appliquer la grille de rabais à d’autres produits au moyen du bouton
Ouvrir une grille de rabais. Cliquez sur Suivant pour passer à la dernière étape de l’Assistant.
Créer le produit
Après avoir saisi les informations commerciales du produit, configuré sa présentation, créé
les variantes éventuelles et défini les réductions ou majorations de prix le cas échéant, vous
pouvez ajouter le produit à votre projet de boutique dans la dernière étape de l’Assistant
Nouveau produit.
Cliquez pour ce faire sur le bouton Terminer.
REMARQUE : - Pour créer immédiatement un autre produit, validez l’option Une fois terminé,
créer un autre produit. Activez également l’option en rétablissant les valeurs par défaut si vous
voulez que l’Assistant Nouveau produit démarre avec des zones de saisie vides.
Quand vous sélectionnez un produit dans l’Aperçu des pages
secondaires, le type de paragraphe suivant apparaît dans l’Aperçu des
paragraphes.
50
Créer un projet
La fenêtre d’aperçu fait uniquement référence à la fonction d’achat du paragraphe. Sous
l’Aperçu des paragraphes, le programme met à votre disposition une zone dans laquelle vous
pouvez éditer les principales données commerciales du produit.
Pour éditer les autres propriétés du produit, cliquez sur le bouton plus, situé à droite de cette
zone.
Votre paragraphe Produit est maintenant terminé. Vous pouvez bien entendu éditer ou
compléter les données du produit à tout moment. Pour savoir comment modifier les
propriétés d’un produit existant, reportez-vous à la section "Modifier les propriétés de la
boutique".
3.5 Le Gestionnaire de commandes
Cette section vous présente le Gestionnaire de commandes de Shop to date, qui vous permet
de consulter et de gérer les commandes de vos clients en toute simplicité.
Pour appeler le Gestionnaire de commandes, vous pouvez sélectionner la commande
Système de gestion des commandes dans le menu Fichier de Shop to date. Comme il s’agit d’un
module autonome, vous pouvez aussi appeler le Gestionnaire de commandes via l’entrée de
menu Shop to date - Gestionnaire de commandes dans le menu Démarrer de Windows, sans
démarrer le programme principal.
51
Chapitre 3
Shop to date 5 pro
Le Gestionnaire de commandes dispose de sa propre interface, dans laquelle les fonctions
peuvent être appelées au moyen de la barre de menus et de la barre d’outils.
Si vous ouvrez le programme via le menu Démarrer de Windows, une boîte de dialogue
s’affiche dans laquelle vous pouvez ouvrir le dernier projet édité ou un autre projet.
Si vous activez l’option Ouvrir un autre projet et cliquez sur OK, le programme ouvre une boîte
de dialogue dans laquelle vous pouvez sélectionner le dossier du projet. Double-cliquez
dessus pour l’ouvrir.
Pour ouvrir le dernier projet édité, activez l’option homonyme et sélectionnez le projet voulu
dans la liste mise à votre disposition. Cliquez sur OK pour ouvrir le projet sélectionné.
Par défaut, le programme affiche la fenêtre d’aperçu au démarrage. Elle met à votre
disposition des liens vous permettant de basculer vers les différentes fenêtres du
Gestionnaire de commandes.
Dans les paragraphes suivants, nous vous expliquons comment charger et gérer les
commandes de vos clients, utiliser l’aperçu des clients et créer des modèles de messages.
3.5.1 Charger et éditer les commandes
Connectez-vous à Internet.
52
Créer un projet
Pour charger les commandes, cliquez sur le bouton Récupérer les
commandes de la barre d’outils du Gestionnaire de commandes ou
sur le lien Vérifier l’arrivée de nouvelles commandes dans l’aperçu du Gestionnaire de
commandes.
Le Gestionnaire de commandes se connecte au serveur que vous avez configuré. Une boîte
de dialogue s’affiche pendant le transfert des commandes.
À la fin de la procédure, un message confirme la réception des commandes. Cliquez sur OK
pour les afficher. S’il n’y a pas de nouvelle commande, un message vous en informe
également.
L’aperçu des commandes
Toutes les commandes, nouvelles ou déjà reçues, sont regroupées dans l’aperçu des
commandes, qui s’affiche automatiquement si vous avez affiché directement les nouvelles
commandes (comme expliqué précédemment).
Pour afficher l’aperçu des commandes, vous pouvez aussi cliquer sur le bouton
Commandes de la barre d’outils du Gestionnaire de commandes ou
sélectionner la commande Commandes du menu Affichage.
La fenêtre d’aperçu des commandes se compose de deux volets. Dans la partie supérieure, un
tableau présente la liste de toutes les commandes disponibles, avec les principales données
de clients.
53
Chapitre 3
Shop to date 5 pro
Quand vous sélectionnez un jeu de données dans le volet supérieur, le contenu de la
commande s’affiche dans le volet inférieur.
Éditer une commande
Pour éditer une commande, double-cliquez sur le jeu de données correspondant, ou
sélectionnez la commande et cliquez sur le bouton Éditer la commande de la barre
d’outils. Vous pouvez aussi appeler la commande Éditer la commande dans le menu
Commandes.
La boîte de dialogue Éditer la commande regroupe toutes les données de la commande
sélectionnée. Dans la partie supérieure de la boîte de dialogue vous sont proposés des
onglets vous permettant de consulter l’adresse de livraison, l’adresse de facturation, les
informations de paiement et, le cas échéant, les remarques que le client a saisies dans le champ
correspondant du bon de commande.
À gauche de cette rubrique, vous trouvez les données de base de la commande, comme
l’expéditeur, l’adresse électronique, la date de la commande, la date de réception de la
commande , le prix et la devise.
Vous pouvez par ailleurs attribuer un numéro à la commande (le programme attribue un
numéro optionnel, que vous pouvez modifier), définir un rabais sur montant et un rabais
client, ou encore éditer le statut de la commande.
La rubrique suivante recense tous les produits commandés dans un tableau.
54
Créer un projet
Sous la liste vous est proposée une ventilation détaillée des données de paiement et
d’expédition.
La boîte de dialogue indique ensuite le mode de paiement choisi par le client, accompagné des
frais afférents et du taux de TVA applicable.
Le mode de livraison et les frais d’envoi ainsi que le taux de TVA correspondant sont affichés
en dessous. Le poids du produit est également précisé. À droite des informations affichées, le
montant de la facture est ventilé en détails.
Cliquez sur OK pour fermer la boîte de dialogue et enregistrer les modifications le cas
échéant.
Détails des produits
Si vous proposez le produit commandé en plusieurs variantes dans votre boutique, vous
pouvez prendre connaissance de la variante que le client a achetée dans la boîte de dialogue
Détails des produits, que vous ouvrez en double-cliquant sur le produit.
E-mail de confirmation
Dès qu’un client passe et envoie une commande dans votre
boutique en ligne, il reçoit un message lui indiquant que sa
commande va être confirmée sous peu. Vous pouvez ainsi informer vos clients de la
réception de leurs commandes.
Pour sélectionner un modèle de message de confirmation, cliquez sur le bouton Envoyer un
e-mail à ce client dans la boîte de dialogue Éditer la commande et sélectionnez le modèle
voulu dans la boîte de dialogue Sélectionner un modèle (pour savoir comment personnaliser
un modèle, reportez-vous à la section "Éditer un modèle de message électronique").
55
Chapitre 3
Shop to date 5 pro
Confirmez votre choix par OK. Votre programme de messagerie électronique par défaut
démarre et vous pouvez envoyer directement le message pré-rempli au client.
3.5.2 Gérer et éditer les clients
Outre les fonctions d’exécution et de gestion des commandes, le Gestionnaire de
commandes vous propose diverses fonctions de gestion de vos clients, que vous
pouvez appeler en cliquant sur le bouton Clients de la barre d’outils ou via la commande
homonyme du menu Affichage.
56
Créer un projet
Dans la fenêtre Clients, les adresses de vos clients sont affichées par défaut par ordre
alphabétique.
Quand une commande est appelée via le Gestionnaire de commandes, le programme ajoute
automatiquement l’adresse du client à la liste des clients.
Vous pouvez supprimer les adresses erronées ou qui ne sont plus valides au moyen du
bouton ci-contre. Vous pouvez saisir manuellement les adresses qui n’ont pas été
ajoutées automatiquement par le Gestionnaire de commandes (par exemple, parce que la
commande est arrivée par un autre biais).
Double-cliquez sur le jeu de données d’un client pour ouvrir la boîte de dialogue Détails des
clients, dans laquelle sont recensées, outre les coordonnées du client, des statistiques sur les
achats qu’il a effectués dans votre boutique en ligne.
Vous pouvez y modifier les coordonnées du client ou lui accorder un rabais spécifique.
Il y est également indiqué si le client souhaite recevoir votre lettre d’information.
Cliquez sur OK pour enregistrer vos paramètres et fermer la boîte de dialogue.
57
Chapitre 3
Shop to date 5 pro
3.5.3 Analyser les chiffres d’affaires
Pour ouvrir la boîte de dialogue Analyser les chiffres d’affaires, sélectionnez la commande
homonyme dans le menu Commandes.
Sélectionnez le type d’analyse que vous voulez effectuer :
■ Meilleures ventes en volume - Établit la liste des produits dont les unités ont été le plus
commandées.
■ Meilleures ventes en valeur - Établit la liste des produits ayant généré le chiffre
d’affaires le plus élevé.
■ Moins bonnes ventes en volume - Établit la liste des produits dont les unités ont été le
moins commandées.
■ Moins bonnes ventes en valeur- Établit la liste des produits ayant généré le chiffre
d’affaires le moins élevé.
Cliquez sur Suivant pour afficher l’analyse sous la forme d’un tableau.
58
Créer un projet
L’Assistant applique un code de couleurs aux produits : le tiers supérieur en vert, le tiers
intermédiaire en jaune et le tiers inférieur en rouge. Selon l’analyse demandée, la grandeur
de référence est le nombre d’unités ou le chiffre d’affaires.
3.5.4 Éditer un modèle de message électronique
Pour personnaliser le texte du message de confirmation ou créer vos propres
modèles de messages, cliquez sur le bouton Modèles de la barre d’outils du
Gestionnaire de commandes ou appelez la commande homonyme dans le menu Affichage.
59
Chapitre 3
Shop to date 5 pro
La fenêtre qui apparaît affiche la liste de tous les modèles de messages disponibles. Vous
pouvez ajouter de nouveaux modèles, supprimer les modèles dont vous n’avez plus besoin ou
éditer les modèles existants.
Pour éditer un modèle de message électronique, double-cliquez dessus, ou sélectionnez-le et
cliquez sur le bouton Éditer le modèle de la barre d’outils du Gestionnaire de commandes.
Le programme ouvre la boîte de dialogue Modèle de message électronique (qui s’affiche
également quand vous créez un modèle). Celle-ci contient plusieurs zones de saisie : Nom du
modèle, Objet et Message.
Cliquez directement dans la zone de saisie voulue pour modifier le texte ou taper un nouveau
texte.
La rubrique Insérer un champ met divers champs de base de données à votre disposition, que
vous pouvez insérer dans votre modèle.
3.5.5 Exporter les données de commandes ou de clients
Si vous voulez utiliser les données de clients ou de commandes dans d’autres applications
(par exemple, dans un logiciel de facturation), le Gestionnaire de commandes vous permet
de les exporter dans un fichier.
Les données de commandes peuvent être uniquement exportées dans un fichier XML. Les
données de clients peuvent être exportées dans un fichier XML ou CSV.
60
Créer un projet
Pour que ces données puissent être lues par d’autres programmes, il est indispensable que ces
derniers disposent d’un filtre d’importation des fichiers XML et/ou CSV.
Pour appeler l’Assistant Exportation du Gestionnaire de commandes, sélectionnez la
commande Exporter dans le menu Fichier.
Indiquez ensuite si vous voulez exporter toutes les données, seulement les données de
commandes ou seulement les données de clients.
La liste Statut du traitement vous permet de limiter l’exportation des commandes à celles
présentant un statut particulier (nouvelles commandes, commandes en cours de traitement
ou commandes terminées).
Les calendriers mis à votre disposition vous permettent de définir la période sur laquelle doit
porter l’exportation. Avec les options suivantes, vous pouvez décider si les commandes
exportées doivent être immédiatement supprimées à la fin de la procédure ou restreindre
l’exportation des données de clients aux abonnés à la lettre d’information.
61
Chapitre 3
Shop to date 5 pro
Après avoir défini les paramètres voulus, cliquez sur OK et enregistrez les données exportées
sous le nom de fichier de votre choix.
REMARQUE : - Attention : pour éditer un fichier CSV dans MS Excel, vous devez d’abord
démarrer Excel, puis ouvrir le fichier dans la boîte de dialogue Ouvrir. Vous ne devez pas l’ouvrir
en double-cliquant dessus dans l’Explorateur Windows ou sur le Bureau.
3.6 Modifier les propriétés de la boutique
Dans cette section, nous revenons sur quelques-uns des paramètres que vous avez déjà pu
définir "grossièrement" avec les deux Assistants du programme. Nous vous expliquerons
également comment améliorer les propriétés de la boutique et des produits dans la fenêtre
de propriétés du site Web afin de répondre aux exigences d’une offre de produits complexe et
différenciée.
REMARQUE : - À chaque fois que vous modifiez les propriétés du site Web, vous devez
impérativement recréer la boutique et, si vous l’avez déjà publiée, la publier de nouveau afin que
les changements opérés soient pris en compte.
Pour accéder aux propriétés de la boutique, sélectionnez la commande Propriétés du site Web
dans le menu Fichier. Le programme ouvre la boîte de dialogue Propriétés du site Web, qui
regroupe les paramètres de base de votre projet.
Pour plus d’informations sur les onglets Création, Options HTML et Langue, reportez-vous à
la section "Options de création HTML". Les options proposées sous l’onglet Publication sont
expliquées à la section "Publication par transfert FTP".
Onglet Boutique
L’onglet Boutique vous permet de modifier le type de boutique sélectionné dans l’Assistant de
création le cas échéant.
62
Créer un projet
Dans la zone de saisie Trusted Shops, entrez votre identifiant Trusted
Shops. Trusted Shops est un label de qualité Internet qui atteste que
votre boutique en ligne propose un niveau de sécurité des données élevé et remplit tous les
critères recommandés par les organisations de défense des consommateurs. Pour obtenir de
plus amples informations à ce sujet, cliquez sur le bouton Informations.
Dans la liste Devise, vous pouvez modifier la monnaie par défaut de votre boutique. Cliquez
sur la flèche et sélectionnez la devise voulue.
Si la devise que vous voulez utiliser n’apparaît pas dans la liste, vous pouvez la taper
directement dans la zone de saisie. En cas de changement de devise, n’oubliez pas d’ajuster
vos prix en conséquence manuellement (la variation des taux de change rend impossible tout
ajustement automatique).
À la rubrique Taux de TVA, vous pouvez modifier les taux de TVA en application des
dispositions légales à l’aide des boutons mis à votre disposition sous la zone d’affichage.
Dans la zone Unité de poids, vous pouvez modifier l’unité de poids de référence des produits
proposés (par exemple de "kg" à "g").
63
Chapitre 3
Shop to date 5 pro
À la rubrique Unités de quantité, vous pouvez éditer, supprimer ou ajouter des unités à l’aide
des boutons mis à votre disposition sous la zone d’affichage (par exemple ajouter l’unité
"lot").
Dans la zone Eco organisme, vous pouvez définir le nom de l’Eco organisme avec lequel vous
avez une affiliation (le montant de la taxe écologique sera ensuite saisie sur la fiche produit
de l’article concerné).
Les Eco organismes sont des structures qui prennent en charge pour le compte des adhérents
l’enlèvement et le traitement des déchets d’équipements électriques ou électroniques.
Configurer le rabais sur montant
Le bouton Configurer le rabais sur montant ouvre une
boîte de dialogue dans laquelle vous pouvez entrer les
montants à partir desquels vous voulez accorder un rabais spécial.
Dans la boîte de dialogue Rabais sur montant, vous pouvez définir un rabais pour cinq
montants (en euros) maximum.
Entrez le montant dans la zone de saisie de gauche, puis définissez à droite si le rabais doit
prendre la forme d’un pourcentage ou d’un montant fixe en euros.
Vous avez par ailleurs la possibilité de définir la durée de validité du panier constitué par les
clients. La valeur par défaut est 30 jours. Entrez la valeur de votre choix à l’aide des touches
fléchées ou en la tapant directement dans la zone de saisie.
Onglet Expédition
Si vous avez utilisé l’Assistant de création pour créer votre projet de boutique, vous avez déjà
eu la possibilité de sélectionner et configurer quelques modes de livraison.
64
Créer un projet
Vous voulez peut-être proposer d’autres options de livraison pour le confort de vos clients.
Pour ce faire, activez l’onglet Expédition de la fenêtre de propriétés du site Web, qui regroupe
tous les modes de livraison disponibles.
Cliquez sur le bouton Nouveau mode d’expédition, en bas de la boîte de dialogue. Le
programme ouvre la boîte de dialogue Mode d’expédition, dans laquelle vous pouvez
définir un nouveau mode de livraison.
Dans la zone Nom, entrez le nom du transporteur.
Sous Frais d’envoi offerts à partir de, vous pouvez indiquer le montant à partir duquel vous
prenez en charge les frais d’envoi. Cette option est bien sûr facultative.
Servez-vous de la zone de saisie Information pour consigner des restrictions (par exemple
exclure certaines marchandises de ce mode de livraison) ou noter des remarques à l’attention
de vos clients. Cliquez dans la zone et entrez les informations voulues.Les deux onglets
proposés dans la partie inférieure de la boîte de dialogue vous permettent de définir les frais
d’envoi selon un forfait ou le poids des articles.
65
Chapitre 3
Shop to date 5 pro
Sous l’onglet Prix forfaitaire, vous pouvez fixer un prix qui s’appliquera à toutes les
commandes livrées par ce transporteur, quel que soit le poids des articles.
Pour appliquer un prix forfaitaire à l’ensemble des articles de la commande, activez l’option
Forfait défini pour l’ensemble de la commande et entrez le prix dans la zone Prix.
Si vous préférez appliquer le prix forfaitaire à chacun des articles de la commande (frais
d’envoi à l’unité), activez l’option Forfait défini pour chaque produit à expédier.
Pour moduler les frais d’envoi en fonction du poids des articles, activez l’onglet Prix par poids
et entrez les différents prix selon le poids. Confirmez vos paramètres en cliquant sur OK. Le
66
Créer un projet
nouveau mode de livraison apparaît sous l’onglet Expédition. Si nécessaire, vous pouvez
définir d’autres modes de livraison.
Onglet Paiement
Les modalités de paiement constituent un élément important de votre boutique en ligne,
pour vous comme pour vos clients. À la rubrique Modes de paiement proposés de l’Assistant
de création, vous avez déjà eu la possibilité de sélectionner quelques modes de paiement
pour votre boutique. L’onglet Paiement de la fenêtre de propriétés du site Web vous permet de
modifier les modes de paiement définis ou d’en ajouter de nouveaux.
Cliquez sur le bouton Nouveau mode de paiement, en bas de la
boîte de dialogue.
Le programme ouvre la boîte de dialogue Nouveau mode de paiement, dans laquelle vous
pouvez définir un nouveau mode de paiement. Outre les modes de paiement "classiques"
(comme la facture, le contre remboursement ou le virement), le programme vous propose
différentes solutions de paiement pour les règlements par carte de crédit.
67
Chapitre 3
Shop to date 5 pro
Sélectionnez le mode de paiement voulu, par exemple un prestataire de solutions de
paiement, et confirmez par OK.
Dans la zone Nom affiché, vous pouvez par exemple entrer le nom sous lequel ce mode de
paiement apparaîtra sur le bon de commande. Nous vous recommandons toutefois de ne pas
modifier le nom des prestataires de solutions de paiement.
Indiquez également le montant des frais facturés aux clients pour le mode de paiement
sélectionné, et, le cas échéant, le montant à partir duquel ces frais sont offerts.
Vous pouvez par ailleurs spécifier une valeur minimale et/ou maximale de la commande
applicable à ce mode de paiement.
Sous Modes d’expédition, vous avez la possibilité d’exclure les modes de livraison de votre
choix de ce mode de paiement.
Les trois onglets situés dans la partie inférieure de la boîte de dialogue vous permettent
d’éditer ou d’ajouter le texte qui sera affiché dans la boutique aux emplacements
correspondants pour ce mode de paiement.
68
Créer un projet
Si vous choisissez une solution de paiement d’un prestataire, vous
devez configurer d’autres paramètres. Vous disposez pour cela du
bouton Configurer dans la boîte de dialogue Mode de paiement. Cliquez sur Configurer pour
ouvrir la boîte de dialogue Configurer les modes de paiement.
Les options proposées dans cette boîte de dialogue varient en fonction du prestataire
sélectionné. Dans la zone Valeur, entrez l’ID d’accès communiqué par le prestataire pour
l’utilisation de ce service.
Confirmez par OK. Vous fermez ainsi la boîte de dialogue et revenez à la boîte de dialogue
Mode de paiement. Après avoir défini tous les paramètres voulus, cliquez sur le bouton OK
69
Chapitre 3
Shop to date 5 pro
pour fermer la boîte de dialogue. Le nouveau mode de paiement apparaît sous l’onglet
Paiement , où vous pouvez ajouter d’autres modes de paiement si vous le souhaitez.
Onglet Outils
L’onglet Outils de la fenêtre de propriétés du site Web vous permet de définir d’autres
paramètres.
La rubrique Pages de produit regroupe diverses options que vous pouvez afficher ou ajouter
sur la page des produits.
Pages de produit
Description
Rabais de quantité
Affiche le rabais de quantité accordé pour le produit sous le prix à
l’unité.
Référence article
Affiche la référence de l’article.
Recommander le
produit
Insère un lien sur la page des produits permettant d’envoyer cette
dernière par e-mail sous la forme d’une pièce jointe.
Ajouter à la sélection
Insère une page dans la boutique en ligne permettant aux clients de
mémoriser un produit sans engagement de leur part.
Prix normal en cas
d’offres spéciales
Pendant les offres spéciales, affiche le prix normalement pratiqué afin
de signaler aux clients l’économie qu’ils réalisent.
Disponibilité des
produits
Affiche la disponibilité du produit sélectionné sur la page de ce
dernier.
Prix indiqués dans
d’autres devises
Affiche le lien Prix dans d’autres devises sur la page des produits. Si
vous activez cette option, vous devez indiquer les devises et les taux de
change correspondants.
70
Créer un projet
Si vous activez l’option Possibilité de s’abonner à la newsletter à la rubrique Données du client,
une option sera ajoutée sur le bon de commande permettant aux clients de s’abonner à une
lettre d’information.
Information sur les prix
À la rubrique Information sur les prix, vous avez la possibilité de modifier la formulation de
l’information sur la TVA. Vous ne devez pas modifier le champ de base de données [u] pour
qu’il puisse fonctionner correctement.
Pour restaurer le paramètre d’origine, cliquez sur le bouton Par défaut. Si vous
voulez afficher l’information sur les prix dans les accroches, activez l’option
correspondante.
Inscription
Cette rubrique vous permet de décider si les clients doivent s’inscrire pour passer commande
dans votre boutique en ligne. Vous disposez pour cela des options suivantes :
■ Obligatoire - Les clients doivent s’inscrire pour commander.
■ Optionnelle - Les clients ont la possibilité de s’inscrire.
■ Désactivée - Les clients n’ont pas la possibilité de s’inscrire.
Sélectionnez l’entrée de votre choix dans la liste déroulante. Si vous voulez que vos clients
puissent enregistrer leurs données de connexion, cochez la case Mémoriser les données.
Gestion des commandes sur le Web
À la rubrique Gestion des commandes sur le Web, vous disposez de trois options vous
permettant de définir l’affichage et le téléchargement de vos commandes. L’option Non –
Utiliser uniquement Windows désactive le Gestionnaire de commandes Web. Avec l’option
Oui - Ne plus afficher sur le Web les commandes téléchargées, les commandes téléchargées ne
seront plus affichées sur le Web.
L’option Oui - Télécharger uniquement les commandes désignées comme "exécutées" vous
permet de ne télécharger dans le Gestionnaire de commandes Web que les commandes
définies comme étant exécutées.
Si vous activez le Gestionnaire de commandes Web, vous devez par ailleurs entrer votre
adresse e-mail et votre mot de passe à la rubrique Connexion administrateur afin de sécuriser
l’accès à vos commandes.
Dans la boutique publiée, vous pouvez accéder au Gestionnaire de commandes Web via le
lien Votre compte. Dans la page qui s’affiche, entrez vos données de connexion
d’administrateur, puis cliquez sur Cliquez ici pour accéder au Gestionnaire de commandes.
71
Chapitre 3
Shop to date 5 pro
L’aperçu des commandes s’affiche avec la liste des commandes en cours. Pour afficher les
détails d’une commande, cliquez sur le numéro de commande correspondant.
Le bouton Afficher/Masquer le mot de passe vous permet de remplacer le mot de passe par
des astérisques (*) si vous le souhaitez.
Panier
À la rubrique Panier apparaît le produit que contient déjà le panier du client à l’ouverture de
la boutique. Shop to date vous permet en effet d’ajouter automatiquement un article au
panier du client quand il commence ses achats.
Avec cette fonction, vous pouvez par exemple offrir un cadeau publicitaire gratuit au client
ou lui recommander un accessoire (pour lui éviter de le rechercher), etc..
Pour ce faire, sélectionnez le produit de votre choix dans l’interface du programme, à la zone
Pages secondaires et produits, et appelez la commande Ajouter au panier à l’ouverture de la
boutique dans le menu Produits et pages secondaires (cette commande n’est active que si un
produit est sélectionné).
Cliquez sur le bouton Voir le produit pour afficher le produit dans
l’interface du programme.
Cliquez sur le bouton Aucun produit pour supprimer le produit du
panier et désactiver la fonction Ajouter au panier à l’ouverture de la
boutique.
Le cas échéant, vous pouvez ensuite sélectionner un autre produit à ajouter
automatiquement au panier à l’ouverture de la boutique.
Continuer les achats
Cette rubrique vous permet de définir la page vers laquelle le client doit être redirigé quand
il clique sur le lien Continuer les achats à la fin de ses achats ou après avoir ajouté un article
dans son panier.
Les options suivantes vous sont proposées :
■ Revenir à la fiche produit : Redirige le client vers la page du produit qu’il a ajouté au
panier.
■ Revenir au groupe de produits : Redirige le client vers la catégorie de produits à
laquelle appartient le produit qu’il a ajouté au panier.
■ Autre page, tel que défini dans le menu groupe de produits/produit : Redirige le client
vers la page que vous avez définie dans le menu Catégories de produits et pages
principales ou Produits et pages secondaires. Pour définir une catégorie de produits ou
un produit comme cible du lien Continuer les achats, suivez la procédure décrite au
paragraphe suivant.
72
Créer un projet
Définir comme cible de Continuer les achats
Pour définir une catégorie de produits comme cible du lien Continuer les achats,
sélectionnez-la dans l’Aperçu des pages principales et des catégories de produits. Appelez
ensuite la commande Définir comme cible de Continuer ses achats dans le menu Catégories de
produits et pages principales. Le produit sélectionné s’affichera quand le client cliquera sur
Continuer les achats à la fin de ses achats ou après avoir ajouté un article dans son panier.
Pour définir un produit comme cible du lien Continuer les achats, sélectionnez-le dans
l’Aperçu des pages secondaires. Appelez ensuite la commande Définir comme cible de
Continuer ses achats dans le menu Produits et pages secondaires. Le produit sélectionné
s’affichera quand le client cliquera sur Continuer les achats à la fin de ses achats ou après avoir
ajouté un article dans son panier.
Configurer la communication par e-mail
Cliquez sur le bouton Configurer
l’e-mail pour configurer les adresses
électroniques vous permettant de communiquer avec vos clients.
Le programme ouvre la boîte de dialogue suivante :
Sélectionnez d’abord le format dans lequel vous voulez envoyer les e-mails.
Définissez l’objet des messages envoyés à vos clients pour les confirmations de commandes et
l’attribution des nouveaux mots de passe. Entrez ensuite l’adresse e-mail de l’expéditeur, à
partir de laquelle les e-mails doivent être envoyés, ainsi que le nom de l’expéditeur.
73
Chapitre 3
Shop to date 5 pro
Si vous voulez recevoir des messages de confirmation des commandes, renseignez la zone
Adresse du destinataire de la rubrique Envoyer à votre adresse une copie de chaque confirmation
de commande.
REMARQUE : - Les e-mails de confirmation peuvent constituer un risque de sécurité. Ne renseignez
pas la zone Adresse du destinataire de la rubrique Envoyer à votre adresse une copie de chaque
confirmation de commande si vous ne voulez pas recevoir de messages de confirmation.
Information sur le droit de rétraction
Au centre de la boîte de dialogue, vous avez la possibilité de configurer deux textes
apparaissant par défaut dans toutes les confirmations de commande : l’information sur le
droit de rétractation et l’adresse de la boutique.
Tapez le texte de l’information sur le droit de rétraction manuellement ou
cliquez sur le bouton Par défaut pour insérer un texte par défaut.
REMARQUE : - Le texte par défaut est un modèle de texte que vous devez impérativement
adapter à votre boutique. L’information sur le droit de rétractation étant une obligation légale,
nous vous conseillons de consulter un avocat spécialisé pour vérifier que votre texte contient
toutes les informations requises.
Le cas échéant, l’adresse de la boutique est renseignée à partir des informations que vous avez
saisies au moment de la création du projet à l’aide de l’Assistant. Si aucune adresse
n’apparaît dans cette zone, tapez-la manuellement. Vous pouvez également la modifier
manuellement.
Dans la partie inférieure de la boîte de dialogue, vous pouvez indiquer l’adresse du
destinataire et l’objet des messages que vos clients vous envoient.
Cliquez sur OK pour valider vos paramètres.
Définir les prix indiqués dans d’autres devises
Si vous avez activé l’option Prix indiqués dans d’autres devises, vous devez entrer les devises et
les taux de change correspondants manuellement.
Cliquez à cet effet sur le lien Taux de change.
Le programme ouvre la boîte de dialogue Taux de change. Cliquez sur le bouton
Nouvelle devise.
74
Créer un projet
Entrez la devise et le cours en euros.
Le cours correspond à la valeur de la devise pour un euro. Dans l’exemple, un franc suisse
correspond à 1,5615 euro.
Cliquez sur OK.
La devise et le taux de change que vous avez définis sont affichés dans la boîte de
dialogue Taux de change.
Pour mettre à jour un taux de change précédemment défini, sélectionnez la devise voulue et
cliquez sur le bouton Éditer cette devise ou double-cliquez sur la devise. Entrez ensuite le
nouveau cours dans la boîte de dialogue Taux de change.
REMARQUE : - Le cours des devises varie en permanence. Vous devrez donc le mettre à jour
manuellement chaque jour le cas échéant dans les propriétés du site Web.
3.6.1 Modifier les propriétés des produits
L’une des principales tâches qu’implique la gestion d’une boutique en ligne est la mise à jour
de l’offre de produits. Seule une offre de produits à jour et différenciée est à même de
satisfaire les exigences de vos clients et de garantir votre chiffre d’affaires.
75
Chapitre 3
Shop to date 5 pro
Nous vous avons déjà expliqué comment créer des produits à la section "L’Assistant Nouveau
produit". Outre l’Assistant Nouveau produit, Shop to date met à votre disposition d’autres
fonctions vous permettant de parfaire la présentation de vos produits. Nous vous les
présentons dans cette section.
Pour accéder aux autres paramètres d’un produit, sélectionnez-le dans la zone Pages
secondaires, puis appelez la commande Propriétés dans le menu Produits et pages secondaires.
Pour ce faire, vous pouvez aussi double-cliquer sur le nom du produit ou sélectionnez la
commande Propriétés dans le menu contextuel, que vous appelez en cliquant sur le produit
avec le bouton droit de la souris.
Le programme ouvre la boîte de dialogue Propriétés, qui regroupe tous les paramètres relatifs
au produit. Le cas échéant, vous pouvez modifier le nom du produit dans la zone Titre du
produit.
Nous reviendrons ultérieurement sur les onglets Options HTML, Associations et
Planification.
L’onglet Général vous propose six rubriques portant sur les détails du produit, que nous vous
présentons dans la suite de cette section.
76
Créer un projet
Si vous ne voulez pas que le produit apparaisse dans la liste des produits de la catégorie de
produits correspondante, décochez la case Afficher dans les accroches.
Avec l’option Intégrer dans la séquence Suivant/Précédent, des (hyper)liens vers d’autres
produits de la même catégorie de produits (pour lesquels cette option est également activée)
seront insérés sur la page d’information du produit. Cela permet aux clients de naviguer
confortablement entre les produits sans devoir revenir à chaque fois à la catégorie de
produits. L’ordre de la séquence correspond à la structure de la catégorie de produits.
L’option Nouvelle séquence vous permet de définir le produit devant figurer au début de la
séquence Suivant/Précédent. Les produits apparaissant dans la catégorie de produits avant
ce produit ne seront pas intégrés à la séquence.
Les deux dernières options vous permettent d’orienter la navigation de vos clients.
Propriétés générales du produit
L’onglet Général de la boîte de dialogue Détails du produit vous permet de déterminer la
façon dont le produit sera affiché dans votre boutique.
Vous pouvez y modifier les paramètres que vous avez définis dans l’Assistant Nouveau
produit le cas échéant, par exemple insérer une nouvelle illustration ou taper un nouveau
texte abrégé.
77
Chapitre 3
Shop to date 5 pro
Données commerciales
L’onglet Commercial regroupe toutes les informations commerciales du produit que vous
avez saisies dans l’Assistant Nouveau produit.
Vous pouvez actualiser les données de base du produit si vous le souhaitez. Si nécessaire,
vous pouvez également définir une quantité minimale ou maximale de commande pour le
produit.
Il vous est également possible de définir le montant de la taxe écologique du produit, le taux
de TVA et le nom de l’Eco organisme avec lequel vous avez une affiliation (ce dernier est
renseigné dans les propriétés du site web sous l’onglet Boutique).
Vous pouvez proposer un prix spécial pour une durée déterminée : entrez le prix voulu dans
la zone de saisie homonyme et spécifiez la période pendant laquelle le prix spécial s’applique
à l’aide des deux calendriers mis à votre disposition.
Si vous avez activé l’option Prix normal en cas d’offres spéciales sous l’onglet Outils de la
fenêtre de propriétés du site Web, le prix normal sera affiché à côté du prix spécial, ce qui vous
permet de signaler aux clients l’économie que leur permet de réaliser l’offre spéciale.
78
Créer un projet
En bas de la boîte de dialogue, vous avez également la possibilité d’indiquer une grandeur de
référence et un facteur pour le calcul d’un prix comparatif pour les lots. Vous pouvez ainsi
comparer, par exemple, le prix d’un lot de 150 g à celui d’un lot de 1 000 g. Entrez la valeur
et l’unité pour le lot, ainsi que la grandeur de référence correspondante. Indiquez aussi le
facteur selon lequel le prix du lot varie de la grande de référence. Le prix de base est
automatiquement calculé et affiché par le programme.
Expédition
L’onglet Expédition regroupe toutes les options d’expédition que vous avez définies dans
l’Assistant de création ou les propriétés du site Web.
Le cas échéant, vous pouvez limiter les options d’expédition pour certains produits sous cet
onglet. Pour désactiver une option d’expédition que vous ne voulez pas proposer pour le
produit, décochez la case correspondante.
Rabais de quantité
Sous l’onglet Rabais de quantité, vous pouvez définir après-coup un rabais à partir d’une
certaine quantité commandée ou mettre à jour les rabais en cours.
La particularité de cet onglet est que les rabais peuvent être modulés en fonction des
différentes variantes du produit le cas échéant.
79
Chapitre 3
Shop to date 5 pro
Si vous avez défini des variantes pour le produit, une boîte de dialogue est ajoutée dans la
partie inférieure de l’onglet, dans laquelle sont affichées les variantes du produit sous la
forme d’un tableau.
Pour les produits avec une variante, chaque ligne correspond à une valeur de la variante.
Pour les produits avec deux variantes, chaque champ correspond à une valeur de la variante.
Si vous n’effectuez aucune modification dans cette boîte de dialogue, les rabais définis
s’appliquent à toutes les variantes du produit, ce qui est signalé par la mention [Base].
Pour définir un rabais pour une ou plusieurs variantes du produit, sélectionnez la ligne ou le
champ voulu dans le tableau. Pour sélectionner plusieurs champs en même temps, maintenez
la touche [Maj] enfoncée pendant que vous cliquez sur les champs que vous voulez
sélectionner.
Entrez ensuite le rabais accordé pour la (les) variante(s) sélectionnée(s) et cliquez sur
Appliquer à la sélection. Le programme affecte aux variantes sélectionnées le nouveau rabais
de quantité. Les autres variantes se voient appliquer le rabais précédemment défini (ou
aucun rabais). La partie inférieure de l’onglet vous permet de modifier les propriétés des
variantes.
80
Créer un projet
Au-dessus du tableau vous sont proposés plusieurs boutons à cet effet :
Modifier les propriétés. Ouvre la boîte de dialogue Modifier les critères, dans laquelle vous
pouvez attribuer un autre nom aux critères définis.
Supprimer toutes les variantes. Supprime définitivement toutes les variantes.
Éditer cette variante. Ouvre la boîte de dialogue Détails de cette variante de produit, décrite
ci-dessous, dans laquelle vous pouvez modifier les paramètres d’une ou plusieurs variantes.
Désigner comme variante par défaut. Définit la variante comme variante par défaut. C’est
cette variante qui sera affichée en premier quand un client appellera le produit.
Nouvelle colonne/ligne. Insère une nouvelle colonne ou ligne dans le tableau, vous
permettant de définir de nouvelles variantes.
Supprimer cette colonne/ligne. Supprime définitivement une colonne ou une ligne du
tableau.
Éditer une variante
Cliquez sur le bouton Éditer cette variante ou double-cliquez sur une cellule du tableau pour
ouvrir la boîte de dialogue Détails de cette variante de produit.
Les propriétés de la variante apparaissent en haut de la boîte de dialogue. Activez l’option
Appliquer les propriétés du produit de base si vous voulez reprendre le prix, le poids et le
numéro de produit du produit de base.
Pour individualiser les propriétés de la variante, validez l’option Appliquer les propriétés
définies par l’utilisateur, puis entrez un nouveau prix, poids et/ou numéro de produit.
81
Chapitre 3
Shop to date 5 pro
Si le produit n’existe pas dans la combinaison de critères définie, activez l’option Variante de
produit non disponible.
Cliquez sur OK pour valider vos paramètres et quitter la boîte de dialogue.
Disponibilité
Pour vos clients, la disponibilité des produits que vous vendez dans votre boutique en ligne
est l’un des principaux critères de qualité. Un client qui attend trop longtemps un article qu’il
a commandé (et peut-être même payé) hésitera avant de revenir faire ses courses dans votre
boutique.
La variation de la demande peut évidemment entraîner des retards de livraison. Pour tenir
vos clients informés de la disponibilité de vos produits, il est recommandé d’en actualiser
régulièrement le délai de livraison sous l’onglet Disponibilité.
82
Créer un projet
Comme pour les rabais de quantité, il est possible de moduler le délai de livraison en fonction
des différentes variantes d’un produit le cas échéant.
Pour définir le délai de livraison pour une ou plusieurs variantes du produit, sélectionnez la
ligne ou le champ voulu dans le tableau. Pour sélectionner plusieurs champs en même temps,
maintenez la touche [Maj] enfoncée pendant que vous cliquez sur les champs que vous voulez
sélectionner.
Activez ensuite le délai de livraison voulu (Livrable immédiatement (vert), Livrable sous peu
(jaune), Délai de livraison incertain (rouge)) pour la (les) variante(s) sélectionnée(s) et
cliquez sur le bouton Appliquer à la sélection.
Le programme affecte aux variantes sélectionnées le nouveau délai de livraison. Les autres
variantes se voient appliquer le délai de livraison précédemment défini.
Il vous est également possible de gérer votre stock en ligne. Validez
à cet effet l’option Gérer le stock en ligne.
83
Chapitre 3
Shop to date 5 pro
Cliquez sur le bouton Gestion du stock pour mettre à jour le stock d’un produit (une
connexion Internet doit être établie).
Dans la boîte de dialogue Stock du produit, le stock actuel du produit est chargé depuis
Internet dans la zone Stock actuel en ligne. Dans la zone Nouveau stock, vous pouvez réduire
ou augmenter le stock, ou saisir une nouvelle valeur. Servez-vous pour cela des boutons mis
à votre disposition.
Cliquez sur OK pour valider vos paramètres et quitter la boîte de dialogue.
Par ailleurs, vous avez la possibilité de définir la disponibilité du produit en cas de stock vide :
Livrable sous peu ou Délai incertain.
Variantes
L’onglet Variantes regroupe les variantes que vous avez définies pour le produit. Les boutons
de la barre d’outils vous permettent de les éditer.
Si aucune variante n’a encore été créée, vous pouvez créer des variantes avec un ou deux
critères à l’aide de l’Assistant Variantes. Nous vous avons expliqué comment créer des
variantes à la section "Définir les variantes du produit".
84
Créer un projet
3.7 L’accroche de cross marketing
L’accroche de cross marketing est une forme d’accroche particulière, avec laquelle vous
pouvez mettre en vedette des produits. Elle vous permet d’attirer l’attention de vos visiteurs
sur des produits apparentés et ainsi de renforcer l’efficacité de votre stratégie marketing.
Les paragraphes Cross marketing sont toujours insérés dans les informations détaillées des
produits. Sélectionnez un produit et appelez la commande Créer une accroche de cross
marketing dans le menu Paragraphe.
Le programme ouvre l’Assistant Cross marketing, qui vous permet de créer les listes des
produits les plus achetés, les moins achetés ou qui n’ont jamais été achetés.
Pour créer ces listes, l’Assistant Cross marketing analyse automatiquement les données du
Gestionnaire de commandes de Shop to date.
Si, par exemple, vous voulez intégrer à vos listes les meilleures ventes dans une catégorie de
produits, l’Assistant Cross marketing identifie les produits les plus demandés dans les
85
Chapitre 3
Shop to date 5 pro
commandes de vos clients. Dans la zone Afficher X produit(s) au maximum, en bas de la boîte
de dialogue, indiquez le nombre de produits trouvés qui doivent apparaître dans les listes de
l’accroche.
Les options Les pires ventes dans cette catégorie de produits et Les clients qui ont acheté ce
produit ont également commandé créent les entrées des listes d’accroches selon le même
principe.
Dans la partie inférieure de la boîte de dialogue, vous pouvez ensuite configurer la
présentation de l’accroche de cross marketing.
■ Désignation du produit : seul le nom du produit est affiché.
■ Désignation du produit et texte abrégé : le nom du produit est accompagné du texte
abrégé défini dans les propriétés du produit.
■ Désignation du produit, texte abrégé et illustration : le nom du produit est accompagné
du texte abrégé défini dans les propriétés du produit et de l’illustration sélectionnée.
Cliquez sur OK. Le programme ouvre la boîte de dialogue Propriétés de l’accroche.
Dans le volet de droite, Shop to date affiche la liste des produits correspondant aux critères
que vous avez définis. Vous pouvez modifier cette liste en ajoutant ou supprimant des
produits.
86
Créer un projet
Cliquez sur OK pour valider la liste. Le nouveau paragraphe Accroche apparaît dans l’Aperçu
des paragraphes sous le titre Produits apparentés.
3.8 L’Assistant Offres spéciales
Vous voulez proposer un ou plusieurs produits à des conditions spéciales pendant une
période limitée ? Aucun problème ! L’Assistant Offres spéciales vous aide à créer des offres
spéciales pour vos produits.
Sélectionnez le produit auquel doit s’appliquer l’offre spéciale, puis appelez la commande
Assistant Offres spéciales dans le menu Produits et pages secondaires.
Le programme ouvre l’Assistant Offres spéciales, dans lequel vous pouvez configurer l’offre
spéciale :
La boîte de dialogue indique d’abord le prix normal du produit. Dans la zone Prix
promotionnel, vous pouvez saisir un prix promotionnel (en euros) qui s’appliquera pendant la
période définie à l’aide des deux calendriers suivants mis à votre disposition.
Sélectionnez les dates de fin et de début de l’offre spéciale dans les champs du : et au :.
Les petits boutons situés sous les calendriers vous permettent d’avancer
ou de reculer dans les calendriers par pas d’un jour ou d’une semaine.
Si le produit doit également apparaître dans les accroches, définissez la période voulue dans
les deux derniers calendriers.
Cliquez sur OK pour valider vos paramètres et quitter l’Assistant.
87
Chapitre 3
Shop to date 5 pro
3.9 Créer les pages principales et secondaires
Pour plaire aux clients, une boutique en ligne ne doit pas se contenter de présenter les
produits à vendre. C’est pourquoi Shop to date vous permet de compléter votre boutique par
des pages accueillant uniquement des contenus rédactionnels.
3.9.1 Créer une page principale
Pour créer une page principale,
cliquez sur Créer une nouvelle page
principale dans l’Assistant Projet.
Vous pouvez aussi cliquer sur le bouton Nouvelle page principale dans l’Aperçu des pages
principales et des catégories de produits.
L’Assistant Nouvelle page principale
À la première étape de l’Assistant Nouvelle page principale, vous devez choisir le type de
page que vous souhaitez créer. Une liste de pages principales est proposée sous Modèles
disponibles. Cliquez sur l’une d’elles pour l’afficher dans l’aperçu.
88
Créer un projet
Sélectionnez le type de page principale que vous voulez créer en cliquant sur l’entrée
correspondante. Shop to date vous propose les choix suivants :
Type de page principale
Description
Page vide
Crée une page vide sans paragraphe.
Paragraphe Texte
Crée une page contenant un paragraphe Texte vide.
Paragraphe Texte avec
image
Crée une page contenant un paragraphe Texte vide, accompagné d’une
image sur le côté (illustration).
Blog
Crée un blog que vous pouvez mettre à jour en ligne à l’aide d’un
navigateur Web.
Livre d’or
Crée un livre d’or dans lequel les visiteurs de votre boutique en ligne
peuvent déposer des commentaires. Cette fonction nécessite la prise en
charge du langage PHP.
Image cliquable
Crée une image contenant des zones cliquables, également appelée
imagemap.
Énumération
Crée une page vide contenant une énumération.
Image
Crée un paragraphe Image.
Plan du site
Crée un aperçu hiérarchique cliquable de votre boutique en ligne.
Tableau
Crée une page contenant un tableau vide.
Texte plus dernière
modification
Crée une page contenant un paragraphe Texte et la date de la dernière
modification.
Texte plus accroche
(secondaires)
Crée une page contenant un paragraphe Texte et une accroche incluant
toutes les pages secondaires de niveau inférieur.
Texte plus accroche
(principales)
Crée une page contenant un paragraphe Texte et une accroche incluant
toutes les pages principales de niveau inférieur.
À la rubrique Avancé, le programme vous propose plusieurs exemples de pages principales
avec contenu.
Sélectionnez le type de page principale voulu, puis cliquez sur Suivant.
À la seconde étape de l’Assistant Nouvelle page principale, attribuez un titre à la page. Sous
Texte abrégé, vous pouvez saisir un descriptif ou une accroche qui sera utilisé si la page
principale est associée à une page principale de niveau supérieur.
89
Chapitre 3
Shop to date 5 pro
Si vous envisagez de faire figurer la page principale dans une accroche, par exemple sur une
page principale de niveau supérieur (par le biais d’un petit texte d’introduction), nous vous
conseillons de lui adjoindre une illustration (pour savoir comment insérer des illustrations
dans les paragraphes, consultez la section "La bibliothèque de médias"). Après avoir défini
tous les paramètres, fermez l’Assistant Nouvelle page principale en cliquant sur Terminer.
Créer un modèle de page principale
Vous pouvez ajouter des modèles à l’Assistant Nouvelle page principale. Cette fonction vous
sera très utile pour créer plusieurs pages présentant la même structure ou réutiliser des pages
dans d’autres projets. Pour enregistrer une page principale existante comme modèle,
sélectionnez la commande Enregistrer en tant que modèle dans le menu Catégories de produits
et pages principales.
REMARQUE : - Pour pouvoir être appliqués à tous les projets, les modèles de page ne doivent
contenir aucun renvoi vers des éléments externes, par exemple des liens ou des renvois dans les
accroches, ou encore des liens vers des éléments de la bibliothèque de médias.
90
Créer un projet
Le programme ouvre la boîte de dialogue Enregistrer un modèle de page, dans laquelle vous
devez définir le dossier d’enregistrement et le nom du modèle. Le dossier d’enregistrement
par défaut est userprototypes.
Pour enregistrer le modèle de page, attribuez-lui un nom de fichier. Le programme
enregistre le fichier sous le nom indiqué au format W2T (modèle Web to date).
REMARQUE : - Si les paragraphes de la page enregistrée comme modèle contiennent des images
liées à la bibliothèque de médias, celles-ci sont supprimées du modèle. Les illustrations sont
simplement supprimées des paragraphes. Pour les bibliothèques, cela entraîne la suppression de
la totalité du paragraphe.
La suppression des images ou des plug-ins associés à des images est nécessaire pour que le modèle
puisse être utilisé dans d’autres projets sans que l’absence des liens ne génère de messages
d’erreur.
Le modèle enregistré est ensuite disponible dans l’Assistant Nouvelle page principale, à la
rubrique Personnalisé.
91
Chapitre 3
Shop to date 5 pro
Après avoir sélectionné un modèle, cliquez sur Suivant, puis renseignez les champs sous
l’onglet Titre et texte abrégé, comme décrit plus haut. Cliquez sur OK. La nouvelle page
principale créée à partir du modèle est ajoutée à l’Aperçu des pages principales, où vous
pouvez l’éditer.
REMARQUE : - Les modèles que vous créez à partir d’une page principale sont également
proposés dans l’Assistant Nouvelle page secondaire. De même, les modèles que vous créez à
partir d’une page secondaire sont aussi disponibles dans l’Assistant Nouvelle page principale.
Pages principales
Vous pouvez ajouter d’autres pages principales à votre boutique en ligne. Si la structure du
site le nécessite, il est également possible d’approfondir la hiérarchie des pages principales.
Le programme autorise jusqu’à trois niveaux de pages principales. Vérifiez que la page
principale sous laquelle vous voulez créer une page principale enfant est bien sélectionnée
dans la fenêtre d’aperçu avant de cliquer sur Nouvelle page.
92
Créer un projet
Pour modifier le niveau d’une page principale existante, faites-la simplement glisser vers
l’emplacement voulu en maintenant le bouton de la souris enfoncé.
Le programme déplace la page principale sélectionnée à l’emplacement spécifié, avec les
paragraphes qu’elle contient le cas échéant. Autre méthode : sélectionnez la commande
Catégories de produits et pages principales/Déplacer vers et indiquez, dans la boîte de dialogue
qui s’affiche, la page principale vers laquelle vous voulez déplacer la page principale
sélectionnée.
Servez-vous des boutons de la barre d’outils de l’aperçu pour gérer vos pages principales (et
catégories de produits) :
Supprime la page principale sélectionnée.
Ajoute la page principale sélectionnée à la bibliothèque de liens.
Permet d’affecter une catégorie à la principale sélectionnée.
Déplace la page principale sélectionnée d’une position vers le haut dans la barre de
navigation.
Déplace la page principale sélectionnée d’une position vers le bas dans la barre de
navigation.
Le menu Catégories de produits et pages principales et le menu contextuel (clic droit dans
l’Aperçu des pages principales et des catégories de produits) contiennent des commandes
supplémentaires, qui vous permettent, par exemple, de renommer, dupliquer, déplacer, copier
ou supprimer les pages principales. Pour plus d’informations sur ces commandes,
reportez-vous à la section "Les types d’entrées".
Masquer des pages principales et des catégories de produits
Vous avez aussi la possibilité d’activer ou de désactiver l’affichage d’une page principale ou
d’une catégorie de produits via la commande Afficher dans les accroches et la structure de
navigation du menu contextuel.
Si vous désactivez l’option Afficher dans les accroches et la structure de navigation, la page
principale (catégorie de produits) sera masquée (de la même manière que vous pouvez
masquer les paragraphes), c’est-à-dire qu’elle sera quasiment invisible. Elle n’apparaîtra pas
dans la barre de navigation ni dans les paragraphes Accroche.
93
Chapitre 3
Shop to date 5 pro
Dans Shop to date, les pages principales et les catégories de produits masquées apparaissent
en grisé. Cette fonction vous permet de masquer aux yeux des visiteurs de votre boutique en
ligne les pages principales et les catégories de produits sur lesquelles vous travaillez encore,
ou qui ne sont plus à jour mais dont vous voulez encore utiliser le contenu.
Cette fonction est également disponible dans les propriétés des pages principales.
REMARQUE : - Essayez de donner des noms aussi courts et explicites que possible à vos pages
principales, car les longs titres peuvent nuire à la convivialité de votre site.
94
Créer un projet
3.9.2 Ajouter des pages secondaires
Nous avons déjà évoqué la notion de page secondaire dans les sections précédentes. Nous
allons y revenir plus précisément dans les paragraphes suivants. Qu’est-ce qu’une page
secondaire et qu’est-ce qui la différencie d’une page principale et d’une page principale de
niveau inférieur ?
Dans les sites Web dont le contenu est riche, les pages secondaires accueillent généralement
les contenus rédactionnels qui sont modifiés, supprimés ou ajoutés en permanence.
Contrairement aux pages principales et aux catégories de produits qui forment la structure
du site, les pages secondaires se caractérisent par une grande souplesse. Par ailleurs, une
page secondaire est toujours associée à une page principale ou une catégorie de produits.
Elle ne peut pas être autonome.
Pour le visiteur, les pages secondaires ne sont pas visibles d’emblée. Ce sont des pages
"cachées", auxquelles il n’accède qu’en cliquant directement sur des liens.
Il s’agit là d’une caractéristique importante des pages secondaires : c’est vous qui mettez en
place les liens. C’est donc vous qui décidez si une page secondaire doit être reliée aux autres
pages, c’est-à-dire si le visiteur peut/doit sélectionner cette page. C’est ce qui les distingue des
pages principales, qui apparaissent automatiquement dans la barre de navigation du site.
L’une des méthodes permettant de lier les pages secondaires est de les afficher dans des
paragraphes Accroche (listes automatiques), que nous décrirons en détail ultérieurement.
Contrairement aux pages principales, qui sont créées de manière plus durable, les pages
secondaires comme les produits sont sans cesse révisés et nécessitent donc une grande
souplesse. Cette souplesse est permise par les nombreuses options de création des pages
secondaires que le programme intègre.
REMARQUE : - Il est difficile de répondre à la question de savoir si les contenus rédactionnels
doivent figurer sur des pages principales ou secondaires. C’est la pertinence qui doit guider votre
choix. Il faut en l’occurrence tenir compte de la structure de l’ensemble du site et de l’ampleur
du projet.
Shop to date met l’Assistant Nouvelle page secondaire à votre disposition. Pour l’appeler,
sélectionnez la commande Nouvelle page secondaire dans le menu Produits et pages
secondaires ou cliquez sur le bouton Nouvelle page dans l’Aperçu des pages secondaires, dans
le volet inférieur de l’interface du programme.
Contrairement aux pages principales, les pages secondaires ne figurent pas dans la structure
de navigation créée automatiquement. Vous devez vous-même les rendre accessibles à l’aide
de liens ou d’accroches, ou encore via une séquence Suivant/Précédent sur la page principale
parent.
95
Chapitre 3
Shop to date 5 pro
Il est très facile de savoir quelles pages secondaires sont associées à une page principale ou
une catégorie de produits. Dans le volet inférieur de l’interface du programme, cliquez sur le
bouton Pages secondaires. Dans la zone Pages principales et catégories de produits, sélectionnez
la page principale ou la catégorie de produits voulue. La liste de toutes les pages secondaires
associées à la page principale ou la catégorie de produits sélectionnée apparaît dans le volet
inférieur.
L’Assistant Nouvelle page secondaire
Pour associer une page secondaire à une page principale ou une catégorie de produits,
sélectionnez la page principale ou la catégorie de produits voulue dans l’aperçu. Appelez
ensuite la commande Nouvelle page secondaire dans le menu Produits et pages secondaires.
L’Assistant Nouvelle page secondaire apparaît. Ses fonctions sont identiques à celles de
l’Assistant Nouvelle page principale.
À la première étape de l’Assistant Nouvelle page secondaire, vous devez choisir le type de
page que vous souhaitez créer. Sous Modèles disponibles figure la liste des types de page
secondaire disponibles. Cliquez sur une entrée pour l’afficher dans l’aperçu.
96
Créer un projet
Sélectionnez le type de page secondaire que vous voulez créer en cliquant sur l’entrée
correspondante. Shop to date vous propose les choix suivants :
Page vide
Crée une page vide sans paragraphe.
Paragraphe Texte
Crée une page contenant un paragraphe Texte vide.
Paragraphe Texte avec
image
Crée une page contenant un paragraphe Texte vide, accompagné
d’une image sur le côté (illustration).
Blog
Crée un blog que vous pouvez mettre à jour en ligne à l’aide d’un
navigateur Web.
Livre d’or
Crée un livre d’or dans lequel les visiteurs de votre boutique en ligne
peuvent déposer des commentaires. Cette fonction nécessite la prise
en charge du langage PHP.
Image cliquable
Crée une image contenant des zones cliquables, également appelée
imagemap.
Énumération
Crée une page vide contenant une énumération.
Image
Crée une page vide contenant un paragraphe Image.
Plan du site
Crée un aperçu hiérarchique cliquable de votre boutique en ligne.
Tableau
Crée une page contenant un tableau vide.
Texte plus dernière
modification
Crée une page contenant un paragraphe Texte et la date de la
dernière modification.
Texte plus accroche
(secondaires)
Crée une page contenant un paragraphe Texte et une accroche
incluant toutes les pages secondaires de niveau inférieur.
Texte plus accroche
(principales)
Crée une page contenant un paragraphe Texte et une accroche
incluant toutes les pages principales de niveau inférieur.
À la rubrique Avancé, le programme vous propose plusieurs exemples de pages secondaires
avec contenu.
Sélectionnez le type de page secondaire voulu, puis cliquez sur Suivant.
À la seconde étape de l’Assistant Nouvelle page secondaire, attribuez un titre à la page. Sous
Texte abrégé, vous pouvez saisir un descriptif ou une accroche qui sera utilisé si la page
secondaire est associée à une page principale ou une catégorie de produits.
97
Chapitre 3
Shop to date 5 pro
Si vous envisagez de faire figurer la page secondaire dans une accroche (par le biais d’un petit
texte d’introduction), nous vous conseillons de lui adjoindre une illustration (voir section "La
bibliothèque de médias").
Après avoir défini tous les paramètres, fermez l’Assistant Nouvelle page secondaire en
cliquant sur Terminer.
Un cas particulier : les pages secondaires sur la page d’accueil
Shop to date distingue les pages secondaires créées à l’intérieur des pages principales ou
catégories de produits normales et les pages secondaires créées sur la page d’accueil.
Alors que, dans le premier cas, les renvois vers les différentes pages secondaires doivent être
créés manuellement, par le biais de liens, d’ accroches ou de la séquence Suivant/Précédent,
les pages secondaires de la page d’accueil apparaissent automatiquement sur chaque page
sous forme de liens.
REMARQUE : - Dans les propriétés des pages secondaires d’une page d’accueil (double-clic sur la
page secondaire), les options Afficher dans les accroches et dans le pied de page et Intégrer dans la
séquence Suivant/Précédent sont donc activées par défaut. Vous ne devriez désactiver ces options
98
Créer un projet
que si vous voulez insérer un formulaire directement sur la page d’accueil et utiliser l’une des
pages secondaires comme page de feed-back.
Pourquoi une telle distinction entre les différents types d’entrée ? La réponse est simple :
cela permet de développer des thèmes suffisamment importants pour devoir être accessibles
depuis n’importe quelle page, mais qui ne doivent être intégrés à la barre de navigation, par
exemple parce qu’ils n’entrent pas dans la thématique générale ou qu’ils seraient occultés par
les autres rubriques.
Ne faites figurer sur les pages secondaires de la page d’accueil que les thèmes qui n’entrent
pas dans le cadre des autres sujets et qui doivent se répéter sur chaque page de votre site
Web. Les pages secondaires créées directement sur la page d’accueil contiennent
généralement les mentions légales, un formulaire de contact, le profil de la société ou encore
les conditions générales de vente.
Créer un modèle de page secondaire
À la section "Créer un modèle de page principale", nous vous avons expliqué comment
ajouter vos propres modèles de pages principales aux Assistants Nouvelle page principale et
Nouvelle page secondaire. Pour créer un modèle à partir d’une page secondaire, créez une
page secondaire avec des paragraphes et ajoutez du texte si vous le souhaitez. Sélectionnez
ensuite la commande Enregistrer en tant que modèle dans le menu Produits et pages
99
Chapitre 3
Shop to date 5 pro
secondaires. Le modèle créé sera disponible à la fois dans l’Assistant Nouvelle page secondaire et
dans l’Assistant Nouvelle page principale.
Remarques générales concernant les pages secondaires
1. Les pages secondaires devant être créées avec le plus de souplesse possible, une page
secondaire ne porte généralement que sur un seul thème, par exemple les différents
communiqués de presse à l’intérieur de la page principale News ou les différents
membres à l’intérieur de la page principale Équipe.
2. Les pages secondaires sont des "pages cachées" : contrairement aux pages principales
et aux catégories de produits, elles n’apparaissent pas dans la barre de navigation
créée automatiquement. Les renvois vers les pages secondaires doivent être créés
manuellement sous la forme de liens, de paragraphes Accroche ou d’une séquence
Suivant/Précédent.
3. Les pages secondaires de la page d’accueil constituent l’exception à cette règle : elles
sont automatiquement affichées sur chaque page sous forme de boutons.
4. Comme les pages principales et les catégories de produits, les pages secondaires
peuvent comporter un nombre illimité de paragraphes.
5. Les pages secondaires sont créées sur un seul niveau.
6. Le nombre de pages secondaires est illimité. Selon le type de boutique en ligne, le
nombre de pages secondaires peut être très supérieur au nombre de pages
principales.
3.9.3 La fenêtre de propriétés
Que ce soit pour les catégories de produits, les pages principales, les produits, les pages
secondaires ou les paragraphes, la fenêtre de propriétés centralise tous les paramètres de
configuration.
Pour ouvrir la fenêtre de propriétés d’un élément, double-cliquez sur celui-ci, par
exemple une page principale, ou sélectionnez-le et cliquez sur le bouton ci-contre dans
la barre d’outils.
Les options disponibles dans la fenêtre de propriétés dépendent du type d’entrée
sélectionné. Pour les pages principales et secondaires (ou les catégories de produits), les
options proposées portent principalement sur leur intégration dans les accroches (voir
section "Les pages secondaires et les accroches"), la création des pages HTML et
l’importation de fichiers Word (voir section "Importation depuis Microsoft Word").
Pour modifier les propriétés de plusieurs types d’entrées, cliquez sur les pages principales,
catégories de produits, pages secondaires, produits ou paragraphes voulus après avoir ouvert
la fenêtre de propriétés. Les options proposées s’adaptent automatiquement à l’élément
sélectionné. Validez vos paramètres en cliquant sur Appliquer, puis sélectionnez l’entrée
suivante.
100
Créer un projet
Nous reviendrons sur les principaux paramètres au cours du manuel. À ce stade, vous devez
simplement savoir que cette boîte de dialogue vous permet de nommer ou de renommer les
pages, catégories de produits, produits ou paragraphes. Le programme applique ensuite le
nouveau titre et l’affiche dans l’aperçu. Tapez le titre voulu dans la zone de saisie située en
haut de l’onglet. C’est ce titre qui apparaîtra dans la boutique en ligne finale.
REMARQUE : - Les pages principales (catégories de produits) peuvent se voir attribuer deux titres :
un titre par défaut et un titre long, qui sera affiché uniquement dans la barre de titre du
navigateur et comme titre de la page. C’est en revanche le titre standard qui apparaîtra dans la
barre de navigation. Pour attribuer à une page principale un titre long différent du titre par
défaut, tapez-le dans la zone de saisie Titre (long), sous l’onglet Général de la fenêtre de
propriétés de la page principale.
Pour modifier les propriétés générales de la boutique en ligne, sélectionnez la commande
Propriétés du site Web dans le menu Fichier. La modification des propriétés du site Web sera
traitée séparément à la section "Options de création HTML".
3.10 Créer un modèle de design
Lorsque vous créez ou gérez votre boutique en ligne dans Shop to date, le design de votre
projet ne joue aucun rôle. Il interviendra en revanche au moment de sa publication sur
Internet pour garantir l’efficacité de la présentation de vos contenus.
Comme nous l’avons dit précédemment, Shop to date vous propose un grand nombre de
modèles professionnels qui ont fait leurs preuves. Chaque modèle dispose d’un design qui lui
est propre, présentant des caractéristiques spécifiques, par exemple :
■ la disposition des barres de navigation
■ la forme des boutons
■ la police et la taille des caractères des titres et du texte des paragraphes
■ les éléments graphiques et les images intégrées
101
Chapitre 3
Shop to date 5 pro
De plus, les modèles se déclinent en plusieurs variantes, qui se distinguent les unes des autres
par leur combinaison de couleurs et d’images.
Vous avez déjà appliqué un design à votre boutique au moment de sa création, mais vous
aimeriez en changer ? Ou peut-être n’avez-vous pas encore fait votre choix et vous aimeriez
le faire maintenant ?
Il vous suffit de cliquer sur le bouton Sélectionner un design dans la barre d’outils pour
ouvrir la boîte de dialogue Sélectionner un design.
Pour ouvrir cette boîte de dialogue, vous pouvez également ouvrir la fenêtre de propriétés de
votre page d’accueil, activer l’onglet Options HTML, cliquer sur le bouton Propriétés du site,
puis sur le bouton Sélectionner un design sous l’onglet Création de la boîte de dialogue
Propriétés du site Web.
L’onglet Designs regroupe les modèles de base fournis avec Shop to date, accompagnés du
nombre de variantes disponibles pour chacun d’entre eux. Il vous propose un aperçu des
designs sur la base de la page d’accueil de l’exemple de site.
Recherchez dans la liste le style de modèle qui correspond le mieux au contenu de votre
projet. Couleurs accrocheuses ou neutres, titres grand format ou discrets : vous trouverez à
coup sûr votre bonheur. Dans le cas contraire, il vous est possible de personnaliser un
modèle. Pour plus d’informations à ce sujet, reportez-vous au chapitre "Créer un projet".
102
Créer un projet
En plus des onglets mis à votre disposition par l’Assistant de création, la boîte de dialogue
Sélectionner un design accueille un onglet supplémentaire, sous lequel vous pouvez configurer
une page d’accueil ou de bienvenue qui sera affichée avant la boutique en ligne proprement
dite. Nous vous expliquons comment faire à la section "Page de bienvenue".
Sélectionnez un design et confirmez votre choix par OK. Le programme ferme la boîte de
dialogue Sélectionner un design. Vous ne constatez aucun changement dans l’interface du
programme. Pour visualiser le design, vous devez en effet afficher le programme dans votre
navigateur. Pour plus d’informations à ce sujet, reportez-vous à la section "Aperçu et création
des pages HTML".
3.10.1 Compléter le design par un encadré latéral
Vous avez trouvé le design parfait pour votre boutique en ligne ? Shop to date vous offre
aussi la possibilité d’ajouter une colonne supplémentaire sur le côté droit du design choisi :
un encadré latéral.
Un encadré latéral est un espace d’information supplémentaire que vous pouvez proposer à
vos visiteurs.
103
Chapitre 3
Shop to date 5 pro
Pour ajouter un encadré latéral à votre boutique, cliquez sur le bouton ci-contre dans la
barre d’outils.
Le programme ouvre la boîte de dialogue Encadré latéral, identique à l’éditeur de
paragraphes de l’interface principale du programme.
Dans cette boîte de dialogue, vous pouvez créer les paragraphes que vous voulez faire figurer
dans l’encadré latéral et y insérer des contenus.
Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à l’encadré latéral.
Le programme appelle l’Assistant Nouveau paragraphe pour les encadrés latéraux.
104
Créer un projet
En raison de l’espace réduit dédié aux encadrés latéraux, tous les types de paragraphes
proposés par l’Assistant Nouveau paragraphe de l’interface principale du programme ne
sont pas disponibles ici.
Le programme met à votre disposition les types de paragraphes suivants :
■ Texte : permet d’afficher des textes avec des liens hypertextes. Vous pouvez insérer et
■
■
■
■
■
■
■
■
■
■
■
■
■
■
■
configurer des liens hypertextes, et afficher les caractères en gras et en italique. Les
paragraphes Texte ne peuvent pas être accompagnés d’une illustration dans un
encadré latéral.
Image : permet d’afficher des images en grand format sans légende.
Énumération : crée une liste d’entrées avec des puces.
Accroche : crée des listes de sélection de thèmes, de pages et de paragraphes. Le
programme crée un paragraphe Accroche en mode avancé, que vous pouvez formater
à l’aide des entrées mises à votre disposition dans l’éditeur.
Élément HTML : insère un code HTML directement dans votre site. Entrez le code
dans l’éditeur.
Plug-in Vote : permet de créer des enquêtes en ligne. Les réponses ne peuvent pas être
accompagnées d’une illustration dans un encadré latéral.
Plug-in Bannière : permet d’insérer une bannière de texte défilant dans votre boutique
en ligne.
Plug-in Dernière modification : affiche la date et l’heure de la dernière modification.
Plug-in Mail to date : intègre dans l’encadré latéral une procédure de connexion au
centre de services Mail to date 2.0.
Plug-in Podcast : permet de déposer sur votre site des podcasts contenant un nombre
quelconque d’épisodes et de mettre ces contenus à la disposition des utilisateurs
d’Apple iTunes et des autres clients de podcasting (ou podcatchers) sous la forme
d’un lien d’abonnement.
Plug-in RSS Publisher : affiche le flux RSS (informations liées) de prestataires tiers.
Plug-in RSS Reader : intègre un flux d’actualité configurable dans l’encadré latéral,
qui peut être importé à partir d’autres pages Internet.
Plug-in Agenda : affiche les rendez-vous des jours suivants et les rendez-vous
récurrents.
Plug-in Astuce du jour : affiche une astuce différente tous les jours, toutes les heures
ou à chaque appel de la page Web. Les astuces ne peuvent pas être accompagnées
d’une illustration dans un encadré latéral.
Plug-in Arrière-plan : permet de proposer à vos visiteurs de télécharger gratuitement
des arrière-plans du Bureau dans diverses résolutions.
Plug-in Compteur d’accès : comptabilise les accès à la page Web actuelle.
105
Chapitre 3
Shop to date 5 pro
REMARQUE : - Il est préférable d’attribuer un titre au paragraphe dès sa création. Pour donner
un titre à un paragraphe existant ou modifier son titre, cliquez sur l’icône correspondante avec
le bouton droit de la souris dans l’Aperçu des paragraphes et sélectionnez la commande
Renommer dans le menu contextuel.
Pour insérer l’encadré latéral dans la page, sélectionnez la commande Fermer dans le menu
Encadré latéral. Vous fermez ainsi la boîte de dialogue et revenez à l’interface du
programme.
Pour vérifier le résultat des saisies, cliquez sur le bouton Aperçu dans le navigateur afin
d’afficher l’aperçu HTML.
REMARQUE : - Par défaut, un encadré latéral créé sur la page d’accueil apparaît également sur
toutes les pages de niveau inférieur. Mais il est également possible de créer un encadré
personnalisé sur chaque page principale. Désactivez pour ce faire l’option Reprendre le contenu
de la page principale de niveau supérieur.
3.11 Aperçu et création des pages HTML
Vous connaissez maintenant beaucoup des principales fonctions de Shop to date : créer un
projet, le structurer au moyen de pages principales et de catégories de produits, et le
compléter par des produits, pages secondaires et, éventuellement, un encadré latéral. Vous
savez également comment appliquer un design à votre boutique en ligne.
Mais la curiosité vous gagne peut-être. Sans doute aimeriez-vous visualiser le résultat de
votre travail, c’est-à-dire l’aperçu en mode HTML.
3.11.1 Conversion en HTML
L’aperçu HTML peut être activé de deux manières : soit vous lancez une procédure de
création complète du site Web, soit vous n’affichez dans la fenêtre du navigateur que les
pages que vous avez sélectionnées dans Shop to date. Comme la procédure de création
complète peut être assez longue selon l’étendue de votre projet, la seconde solution est utile
pour se faire rapidement une opinion du résultat.
REMARQUE : - Dans les premiers temps, il peut être utile de vérifier régulièrement le résultat de
vos saisies en mode HTML. Vous pourrez ainsi vous assurer que les pages ont été correctement
créées. L’aperçu dans le navigateur vous permet par ailleurs de tester les différents designs sur
votre projet.
106
Créer un projet
Aperçu d’une page
Pour obtenir un aperçu rapide d’une page principale ou secondaire ou d’une catégorie
de produits, sélectionnez-la, puis cliquez sur le bouton Aperçu dans le navigateur de la
barre d’outils.
Le programme ouvre la fenêtre Création du site, qui vous informe de la progression de la
création HTML.
Votre navigateur par défaut démarre ensuite automatiquement et affiche la page
sélectionnée. Veuillez noter que cette option ne convertit qu’une seule page de votre projet
en HTML. Par conséquent, vous ne pouvez pas accéder aux autres pages du site dans le
navigateur ni utiliser les liens.
Pour créer le site complet, utilisez la fonction expliquée à la section suivante.
Créer un site complet
La création de la totalité du site est la méthode d’aperçu la plus complète, mais aussi la plus
longue. Elle vous permet de créer la totalité de votre projet en HTML, ce qui vous donne la
possibilité de naviguer à travers tout le projet dans le navigateur.
Pour lancer la procédure de création, cliquez sur le bouton Créer le site Web.
Lors de la première création de la boutique en ligne ou du site Web, le programme ouvre la
boîte de dialogue Sélectionner le dossier de destination, dans laquelle vous devez sélectionner
le dossier d’enregistrement des fichiers du site Web.
Lors de son installation, le programme créé automatiquement le dossier Sites Web créés, qui
devient le dossier par défaut. Pour enregistrer vos pages HTML dans un autre dossier,
sélectionnez ce dernier dans l’arborescence. Le bouton Nouveau dossier vous permet de créer
un nouveau dossier d’enregistrement.
107
Chapitre 3
Shop to date 5 pro
REMARQUE : - Lors de la création de la boutique en ligne, tous les fichiers et pages présents dans
le dossier de destination sont écrasés ou supprimés. Il convient de vérifier que le dossier
d’enregistrement sélectionné ne contient pas d’autres projets Shop to date. Si vous travaillez sur
plusieurs projets, nous vous conseillons d’affecter un dossier propre à chaque projet dans la
boîte de dialogue Sélectionner le dossier de destination.
Cliquez sur OK pour lancer la création. Le programme ouvre la fenêtre Création du site, qui
vous informe de la progression de la création HTML. À la fin de la création, un récapitulatif
de la procédure vous est proposé, avec la mention Aucun problème trouvé dans l’idéal.
Si un journal des erreurs s’affiche, cela signifie que des erreurs se sont produites lors de la
création du projet. Elles sont généralement faciles à résoudre. Vous obtiendrez de plus
amples informations sur les différents messages d’erreurs à la fin de ce manuel.
REMARQUE : - Une fois la boutique en ligne créée, vous pouvez l’afficher à tout moment au
moyen de la commande Afficher le site Web créé du menu Fichier.
3.11.2 Options de la création HTML
Que la boutique soit publiée localement dans le navigateur ou diffusée sur Internet par accès
distant, sa création repose sur les paramètres que vous avez définis dans la fenêtre de
propriétés du site Web.
Ces derniers déterminent, d’une part, la durée du processus de téléchargement et, d’autre
part, le nom sous lequel les pages HTML sont enregistrées et gérées.
Pour ouvrir la fenêtre de propriétés de votre boutique en ligne, double-cliquez sur la page
d’accueil dans l’Aperçu des pages principales et des catégories de produits ou sélectionnez la
commande Propriétés dans le menu contextuel.
108
Créer un projet
Dans la zone Titre de la page d’accueil, entrez le nom de fichier que vous voulez attribuer à la
page d’accueil, c’est-à-dire à la première page de votre site. Le nom par défaut est index.
Sélectionnez l’entrée default si votre fournisseur de services vous le recommande.
Cliquez ensuite sur le bouton Propriétés du site. Vous pouvez aussi
sélectionner la commande Propriétés du site Web dans le menu Fichier.
Le programme ouvre la boîte de dialogue Propriétés du site Web, qui regroupe les paramètres
de base de la boutique en ligne.
Onglet Création
L’onglet Création met à votre disposition les options suivantes, qui s’appliquent aussi bien à
la création locale qu’au transfert du site Web sur un serveur :
■ Titre du site Web : entrez le nom sous lequel le site Web doit être publié ou modifiez
le nom actuel. Le titre du site correspond également au nom du dossier dans lequel le
projet et les pages qui le composent sont enregistrés.
■ Moteur de recherche (textes) : si votre projet est important, il peut être utile pour vos
visiteurs de pouvoir rechercher certains termes ou mots-clés directement dans une
fenêtre de saisie. Shop to date vous propose pour cela deux méthodes de recherche de
texte dans cette liste déroulante.
109
Chapitre 3
Shop to date 5 pro
Basé sur un serveur
(PHP)
La recherche est exécutée directement sur le serveur Web. Seuls les
résultats de la recherche sont transférés sur l’ordinateur de la personne
qui a lancé la recherche. Si le nombre des résultats est important,
ceux-ci sont affichés sur plusieurs pages par groupe de 10.
Si vous choisissez cette option, vérifiez que votre fournisseur Web
propose la fonction de recherche basée sur serveur.
Basé sur un client
(JavaScript)
La recherche est exécutée sur l’ordinateur de la personne qui l’a lancée
(client). L’index complet est tout d’abord téléchargé, ce qui allonge
sensiblement la durée de chargement par rapport à la recherche basée
serveur.
Sélectionnez cette option seulement si votre fournisseur ne propose pas
de possibilité PHP.
Après avoir sélectionné une méthode, cliquez sur le bouton situé en regard de la liste
déroulante. Le programme ouvre la boîte de dialogue Propriétés de la recherche de texte, dans
laquelle vous pouvez définir les propriétés de la recherche de texte.
La recherche peut porter sur les textes complets de toutes les pages ou seulement sur les
textes abrégés des pages.
110
Créer un projet
REMARQUE : - Si vous choisissez cette deuxième option, vérifiez que vous avez saisi un texte
abrégé dans la fenêtre de propriétés de chaque page. Dans le cas contraire, les pages ne disposant
pas de texte abrégé seront exclues de la recherche.
Vous pouvez toutefois limiter la recherche en validant l’option suivante et en indiquant le
nombre de caractères à indexer.
Dans le cas d’une recherche en texte intégral basée sur un serveur (PHP), vous pouvez
également définir le nombre d’entrées devant être affichées par page dans les résultats de la
recherche.
Pour activer la sélection automatique des réglages optimaux de la méthode de recherche choisie,
cliquez sur le bouton Paramètres recommandés et validez par OK.
■ Enregistrer les pages créées dans : par défaut, tous les sites Web et boutiques en ligne
sont enregistrés dans le sous-dossier Mes fichiers du dossier Sites Web créés, que Shop
to date crée automatiquement lors de l’installation. Pour choisir un autre dossier
d’enregistrement, cliquez sur l’icône de dossier et sélectionnez-le dans
l’arborescence.
■ Stratégie de création : Shop to date vous propose trois stratégies de création des
boutiques en ligne.
Intégrale
Si vous optez pour cette stratégie, tous les fichiers sont recréés et
conservés en vue de la publication. Choisissez cette stratégie si vous
avez transféré votre site sur un autre serveur Web ou si vous pensez
que des fichiers ont été perdus sur le serveur Web actuel. Sachez
toutefois que la publication des fichiers par le biais de cette stratégie
peut durer très longtemps. Il est donc recommandé de n’y recourir que
dans des cas exceptionnels.
Incrémentielle
Si vous optez pour cette stratégie, seuls les fichiers nouveaux ou
modifiés sont conservés en vue de la publication. Si cette stratégie
réduit le temps de chargement, elle présente toutefois l’inconvénient
que des fichiers dont vous n’avez plus besoin restent sur votre serveur
et occupent par conséquent de l’espace inutilement. Cette stratégie est
donc surtout prévue pour les sites Web dont les pages sont rarement
supprimées.
Différentielle
(recommandé)
Il s’agit d’une extension de la stratégie incrémentielle : seuls les fichiers
modifiés sont, là aussi, publiés. En plus, les fichiers inutilisés sont
conservés en vue de leur suppression sur le serveur et y sont supprimés
si vous activez l’option Supprimer les fichiers inutilisés sous l’onglet
Publication. La technologie sur laquelle repose le programme garantit
que seuls sont supprimés les fichiers créés par Shop to date : les fichiers
"étrangers" ne sont pas affectés. Nous vous conseillons de choisir la
stratégie différentielle.
111
Chapitre 3
Shop to date 5 pro
Comparaison des trois méthodes :
Intégrale
Très lente
Élevés
Incrémentielle
Très rapide
Élevés
Différentielle
Rapide
Faibles
REMARQUE : - Si, pour une quelconque raison, vous ne souhaitez pas appliquer la stratégie
différentielle, vous pouvez supprimer régulièrement, par exemple une fois par mois, le contenu
de votre serveur à l’aide d’un programme FTP. Ensuite, lancez la création de votre site Web dans
un premier temps au moyen de la stratégie intégrale, puis de la stratégie incrémentielle.
■ Après la création du site : indiquez à Shop to date ce qu’il doit faire immédiatement
après la création du site Web en sélectionnant l’option voulue dans la liste
déroulante. Vous pouvez lui demander d’afficher le site dans un navigateur local
(Afficher le site Web) ou de transférer les données FTP pour le publier (Publier le site
Web). Avec l’option Interroger l’utilisateur, le programme vous demandera à chaque
fois ce qu’il doit faire.
■ URL de la cible HTTP (serveur Web local) : pour pouvoir afficher et vérifier sur votre
ordinateur les fonctions PHP, comme un livre d’or ou un forum, avant la publication,
vous devez disposer d’un serveur Web local (voir plus loin). Shop to date intègre un
serveur Web local. Si vous voulez en utiliser un autre, vous devez entre l’URL cible
dans cette zone. Cette fonction n’est activée que si vous activez l’option Utiliser un
autre serveur Web sous Utiliser le serveur Web local pour l’affichage des pages créées.
■ Dossier de documents (serveur Web local) : spécifiez le dossier de documents de votre
serveur Web local. Cette fonction n’est activée que si vous avez activé l’option Utiliser
un autre serveur Web sous Utiliser le serveur Web local pour l’affichage des pages créées.
Les options suivantes vous permettent de définir certains détails du processus de création
proprement dit.
■ Utiliser le serveur Web local pour l’affichage des pages créées : par défaut, c’est l’option
Utiliser le serveur Web intégré qui est activée. Nous vous conseillons de laisser cette
option activée, car certaines fonctions de Shop to date requièrent l’utilisation du
langage PHP.
Si vous voulez utiliser un autre serveur Web, renseignez les zones URL de la cible
HTTP (serveur web local) et Dossier de documents (serveur web local).
112
Créer un projet
■ Chercher les pages secondaires orphelines : pendant la création de votre boutique en
■
■
■
■
■
ligne, Shop to date peut vérifier les pages secondaires orphelines et les regrouper
dans un rapport d’erreur. On appelle pages orphelines les pages vers lesquelles aucun
lien ne renvoie ou qui ne sont pas intégrées à la séquence Suivant/Précédent, et qui ne
peuvent donc pas être contrôlées par l’utilisateur.
Créer un site Web accessible à tous : si vous activez cette option, le lien Version texte
renvoyant vers une version destinée aux malvoyants est automatiquement inséré dans
la marge supérieure de la version originale de votre site Web (pour déficients visuels).
Le lien apparaît également dans les premières informations du texte source. Les
outils d’aide à la lecture pour malvoyants peuvent ainsi repérer ce lien très
rapidement lors du traitement de la page de haut en bas. Les sites Web accessibles à
tous ne contiennent pas de tableaux, par exemple, parce qu’ils constituent un obstacle
pour les outils d’aide à la lecture.
Créer des pages imprimables : si vous activez cette option, le programme insère
automatiquement sur chaque page le lien Version imprimable. Ce lien permet aux
visiteurs d’afficher une version de la page contenant uniquement le texte et les
images, sans les barres de menus et de navigation, ni les autres objets du cadre de
votre boutique en ligne. Comme seul le cadre principal apparaît dans la version
imprimable, l’impression est limitée au contenu du cadre. Les menus, les cadres de
navigation et l’arrière-plan, aux couleurs souvent intenses, ne sont pas imprimés. Les
visiteurs de la boutique économisent ainsi du temps et de l’argent.
Exécuter la synchronisation des documents Word : si votre projet contient des
documents Word, vous pouvez les synchroniser avec Shop to date afin de vous assurer
que votre boutique en ligne est toujours à jour (pour plus d’informations à ce sujet,
reportez-vous à la section "Association avec Word").
Vérifier les liens WWW : toutes les URL présentes dans votre projet sont vérifiés. Les
liens non pertinents sont regroupés dans un rapport d’erreur.
Créer des illustrations de produit pour Froogle : cette option vous permet de créer des
illustrations pouvant être regroupées sous la forme d’une liste sur Froogle (www
.Froogle.fr). Pour exporter des produits vers Froogle, utilisez l’Assistant
Exportation (commande Fichier/Exporter).
Le bouton Sélectionner un design, en bas de la boîte
de dialogue, ne joue aucun rôle dans la création
HTML décrite ici.
Créer des sites pour terminaux mobiles
Les téléphones portables, les Pocket PC et les Smartphones sont de plus en plus souvent
utilisés pour surfer sur Internet. Shop to date tient compte de cette évolution en vous
permettant, en quelques clics seulement, de générer automatiquement une version de votre
boutique en ligne optimisée pour les terminaux mobiles en différentes résolutions.
113
Chapitre 3
Shop to date 5 pro
Cliquez sur le bouton Sites pour terminaux mobiles sous
l’onglet Création de la fenêtre de propriétés du site Web.
Le programme ouvre la boîte de dialogue Sites pour terminaux mobiles, dans laquelle vous
pouvez choisir les terminaux mobiles pour lesquels votre site Web doit être créé.
Les plates-formes de destination suivantes vous sont proposées :
■ PDA : crée une boutique en ligne optimisée pour les Pocket PC et les Smartphones
avec une résolution d’écran de 240 x 320 pixels. Par défaut, la boutique en ligne est
enregistrée dans le dossier mobile/pda. Pour changer le nom du dossier, il vous suffit
de taper un nouveau nom dans la zone de saisie.
■ Téléphone portable : crée une boutique en ligne optimisée pour les téléphones
portables avec une résolution d’écran de 160 x 240 pixels. Par défaut, la boutique en
ligne est enregistrée dans le dossier mobile/pda. Pour changer le nom du dossier, il
vous suffit de taper un nouveau nom dans la zone de saisie.
■ PDA-VGA : crée une boutique en ligne optimisée pour les Pocket PC et les
Smartphones avec affichage haute résolution (480 x 640 pixels). Les sites Web créés
avec cette option peuvent également être lus sur la Playstation Portable. Par défaut,
la boutique en ligne est enregistrée dans le dossier mobile/pda. Pour changer le nom
du dossier, il vous suffit de taper un nouveau nom dans la zone de saisie.
114
Créer un projet
L’option Créer une page de sélection vous permet de mettre en place une page de sélection
pour les terminaux mobiles, sur laquelle les visiteurs pourront sélectionner le format de leur
choix.
Activez l’option Consigner dans le journal des erreurs les éléments impossibles à afficher sur les
plates-formes choisies si vous ne voulez pas éditer les éléments qui ne peuvent pas être
affichés (par exemple les tableaux de plus de deux colonnes).
Après avoir défini les paramètres voulus, activez l’onglet Couleurs pour adapter le design de
l’affichage.
Cet onglet vous permet de définir les couleurs de votre site Web mobile. Les options
suivantes vous sont proposées :
■ Couleur des caractères : définit la couleur générale des caractères de votre boutique en
ligne mobile. Par défaut, la couleur des caractères est le noir.
■ Couleur de l’arrière-plan : définit la couleur générale de l’arrière-plan de votre
boutique en ligne mobile. Par défaut, la couleur de l’arrière-plan est le blanc.
■ Couleur des liens : définit la couleur dans laquelle les liens doivent être affichés sur
votre site Web mobile.
■ Couleur de l’arrière-plan dans la zone de navigation : définit la couleur d’arrière-plan
du menu.
■ Couleur des caractères dans la zone de navigation : définit la couleur des caractères
utilisés dans le menu. Veillez à choisir une couleur de caractères suffisamment
distincte de la couleur d’arrière-plan pour une meilleure lisibilité.
115
Chapitre 3
Shop to date 5 pro
En bas de la boîte de dialogue vous est proposée la fonction ColorCatcher, qui vous permet
d’appliquer à votre boutique en ligne les couleurs d’autres sites Web.
Pour remplir les différentes cases du ColorCatcher avec des couleurs, sélectionnez la
commande ColorCatcher dans le menu Fichier. Nous vous expliquons comment faire à la
section "Mode d’emploi du ColorCatcher".
Pour appliquer les couleurs du ColorCatcher à votre design, faites glisser les cases de
couleurs voulues vers les éléments du site Web en maintenant le bouton de la souris enfoncé
(glisser-déposer). De cette manière, vous pouvez par exemple appliquer les couleurs de votre
société à votre boutique en ligne mobile.
Vous pouvez aussi doter votre boutique en ligne mobile d’un logo ou d’une image d’en-tête.
Activez pour ce faire l’onglet Logo.
Sous cet onglet, vous disposez de trois boutons pour éditer votre logo personnalisé :
■ Cliquez sur Supprimer ce logo pour supprimer un logo précédemment chargé dans
l’aperçu.
■ Cliquez sur Logo personnel pour charger un logo depuis la bibliothèque de médias.
■ Très pratique : si vous ne disposez d’aucun logo ou si voulez pas utiliser un logo
personnel, cliquez sur le bouton Bibliothèque de logos pour sélectionner l’un des
nombreux logos professionnels (ou images d’en-tête) fournis avec le programme.
116
Créer un projet
Cliquez sur un logo pour le visualiser ou le sélectionner. Il s’affiche alors dans la zone
d’aperçu. Cliquez sur OK pour confirmer votre choix et fermer la bibliothèque de logos.
Cliquez de nouveau sur OK pour enregistrer vos paramètres et fermer la boîte de dialogue
Sites pour terminaux mobiles.
Onglet Options HTML
Activez l’onglet Options HTMLde la fenêtre de propriétés du site Web. Les paramètres que
vous définissez ici déterminent l’extension des pages et des fichiers des pages HTML. Sauf
indication contraire de votre fournisseur de services, nous vous conseillons de conserver les
paramètres par défaut.
■ Extension de fichier pour les pages HTML : sélectionnez dans la liste déroulante
l’extension que vous voulez attribuer à vos pages HTML. Par défaut, c’est l’extension
html qui est sélectionnée. Les autres extensions proposées sont htm, HTML et HTM.
117
Chapitre 3
Shop to date 5 pro
■ Extension de fichier pour les scripts : sélectionnez dans la liste déroulante l’extension
que vous voulez attribuer à vos fichiers de script. Par défaut, c’est l’extension php qui
est sélectionnée. Les autres extensions proposées sont php3, php4, phtml et asp.
■ Qualité JPEG : configurez le niveau de qualité global des images intégrées à votre
projet de site Web. Veuillez noter qu’une augmentation de la qualité d’affichage
s’accompagne d’une augmentation de la taille des fichiers et donc du temps de
chargement.
Filigrane pour les images
Cliquez sur le bouton Définir un filigrane pour doter
automatiquement toutes les images publiées dans votre
boutique d’un filigrane.
Dans la boîte de dialogue qui s’affiche, activez l’option Associer un filigrane aux images
publiées.
Choisissez ensuite la couleur du texte. Cliquez à cet effet sur le bouton représentant trois
points de suspension et sélectionnez la couleur de votre choix dans la boîte de dialogue
suivante.
118
Créer un projet
Si vous activez l’option Ombre, le filigrane sera accompagné d’une ombre. Là encore,
vous pouvez choisir la couleur de l’ombre en cliquant sur le bouton ci-contre (couleur par
défaut : noir).
Les options suivantes vous permettent de définir la police et la taille des caractères (en
points).
Sous Position, vous pouvez choisir l’emplacement du filigrane par rapport aux images : En
haut à gauche, En bas à gauche, En haut à droite ou En bas à droite (paramètre par défaut).
Dans la zone Largeur minimale, indiquez la largeur minimale que doit présenter le filigrane.
Dans la zone Texte par défaut, tapez le texte du filigrane.
Le bouton Saisir des méta tags appelle l’Assistant Méta tags,
dans lequel vous pouvez enregistrer les mots-clés utilisés
par les moteurs de recherche pour le référencement des sites. Pour plus d’informations à ce
sujet, reportez-vous à la section "Méta tags".
Vous voulez placer une bannière publicitaire dans la zone
d’en-tête de votre boutique en ligne ? Cliquez sur le bouton
Saisir un code HTML dans la partie inférieure de la boîte de dialogue.
Dans la boîte de dialogue qui s’affiche, vous pouvez entrer et éditer le code HTML
permettant l’affichage de la bannière. Les codes HTML sont généralement fournis par les
auteurs des bannières.
119
Chapitre 3
Shop to date 5 pro
Les boutons de la barre d’outils vous permettent de valider ou d’annuler les modifications,
voire de supprimer la totalité du code HTML. Il est en outre possible d’importer des
contenus HTML depuis des fichiers HTML ou TXT, ou de les exporter dans d’autres
dossiers.
Le bouton RSS Autodiscovery et FavIcon vous permet,
d’une part, de sélectionner un flux RSS intégré à votre
boutique en ligne pour la fonction RSS Autodiscovery et, d’autre part, de sélectionner une
image pour le site qui apparaîtra sous la forme d’une icône dans la barre d’adresse des
navigateurs récents.
La zone Entrée RSS présente la liste des flux RSS que vous avez insérés à votre boutique en
ligne au moyen d’un paragraphe Plug-in RSS Publisher, accompagnés de leur titre et de leur
nom de fichier.
120
Créer un projet
Sélectionnez l’entrée que vous voulez utiliser pour la fonction Autodiscovery. Sélectionnez
l’entrée (aucun RSS Autodiscovery) si vous ne voulez pas utiliser cette fonction.
La zone FavIcon vous permet de sélectionner l’icône qui
sera affichée dans la barre d’adresse du navigateur lors du
chargement du site Web.
REMARQUE : - L’affichage de l’icône FavIcon requiert l’utilisation d’un navigateur récent, par
exemple Firefox 1.5, Internet Explorer 7 ou Opera 9.
Pour ajouter une icône FavIcon à la barre d’adresse du navigateur, cliquez sur le bouton
Importer une icône FavIcon. Dans la boîte de dialogue qui apparaît, vous avez la possibilité
d’importer une icône au format ICO, GIF, BMP ou JPEG. Vous pouvez également
sélectionner une FavIcon sur un support de données.
REMARQUE : - La taille de l’image doit être de 16 x 16 pixels pour que celle-ci puisse être
importée et affichée dans la barre d’adresse du navigateur.
L’icône sélectionnée apparaît dans la zone FavIcon avec votre URL afin de vous permettre
de vérifier l’effet produit dans la barre d’adresse. Pour supprimer une icône sélectionnée,
cliquez sur le bouton Supprimer cette icône FavIcon.
Onglet Langue
Si vous envisagez de publier votre boutique en ligne dans une autre langue que le français,
vous devez modifier la langue des ressources, c’est-à-dire des éléments de texte que Shop to
date insère automatiquement dans votre boutique. Pour ce faire, activez l’onglet Langue de
la fenêtre de propriétés du site Web.
121
Chapitre 3
Shop to date 5 pro
La liste regroupe toutes les ressources linguistiques et les textes en français correspondants.
Double-cliquez sur un élément pour afficher la boîte de dialogue Éditer les ressources
linguistiques, dans laquelle vous pouvez rédiger le texte à afficher dans une autre langue.
Cliquez sur Par défaut pour restaurer le texte d’origine.
122
Créer un projet
Par ailleurs, Shop to date met à votre disposition des paquets de langue
complets. Cliquez sur le bouton Importer et sélectionnez la langue dans
laquelle vous voulez publier votre boutique en ligne.
Les langues proposées sont l’allemand, l’anglais, le français, le néerlandais et l’espagnol. Pour
enregistrer dans un fichier les ressources linguistiques que vous avez éditées manuellement,
cliquez sur le bouton Exporter.
Il est bien sûr possible de modifier également la légende des boutons de votre boutique en
français, par exemple de remplacer "Suivant" par "Page suivante".
Pour enregistrer les ressources éditées en vue d’une utilisation future,
cliquez sur le bouton Exporter.
Attribuez un nom au fichier de ressources et cliquez sur Enregistrer pour les exporter.
123
Chapitre 3
Shop to date 5 pro
Dans la boîte de dialogue Liste des pays, que vous ouvrez
en cliquant sur le bouton Configurer la liste des pays, vous
avez la possibilité de compléter ou de restreindre la zone géographique dans laquelle vous
voulez commercialiser vos produits. Cette liste de pays est également utilisée pour la
communication des noms de pays aux prestataires de paiement que vous avez choisis.
Lorsque vous cliquez sur le bouton Configurer la liste des pays, la boîte de dialogue Liste des
pays s’ouvre par défaut avec une liste.
Cliquez sur le bouton Importer pour charger l’une des listes de pays prédéfinies fournies avec
le programme (format *.gwc ; vous ne pouvez importer qu’une seule liste à la fois). Les listes
de pays suivantes vous sont proposées :
■ Français (UE) – Liste des pays européens en langue française.
■ Anglais (Monde) - Liste des codes pays du monde entier en langue anglaise.
■ Allemand (UE) – Liste des pays européens en langue allemande.
■ Allemand (Monde) – Liste des codes pays du monde entier en langue allemande.
Le programme affiche la liste importée dans la boîte de dialogue.
Le bouton Nouveau pays ouvre la boîte de dialogue Pays, dans laquelle vous pouvez créer un
nouveau nom de pays. Entrez les valeurs requises dans les zones Nom du pays, Code à 3
lettres, Code à 2 lettres et Code UN.
124
Créer un projet
REMARQUE : - Pour être certain que les noms de pays seront correctement transmis aux
prestataires de paiement, saisissez les codes nationaux conformément à la norme ISO 3166. La
liste de tous les codes de pays selon ISO 3166 est disponible dans l’aide en ligne du programme,
que vous pouvez consulter au moyen du bouton Aide de la boîte de dialogue Pays.
Dans la partie inférieure de la boîte de dialogue, vous pouvez définir le signe du séparateur
des milliers et de la décimale. Sélectionnez l’un des signes proposés dans les listes
déroulantes ou tapez directement le signe voulu dans les zones de saisie.
Le bouton Par défaut vous permet de rétablir les signes par défaut.
Emplacement des pages HTML
Les paramètres que vous avez définis dans les deux onglets précédents s’appliquent à
l’ensemble de votre boutique en ligne. La fenêtre de propriétés des différentes pages
principales vous permet à l’inverse de définir le nom sous lesquelles les pages HTML doivent
être créées et gérées.
Appelez à cet effet la fenêtre de propriétés d’une page principale et activez l’onglet Options
HTML.
■ Fichier : sélectionnez le nom de fichier HTML que vous souhaitez attribuer à la page
principale. Le nom par défaut est index. Choisissez default si votre fournisseur le
recommande.
■ Dossier : entrez le nom du dossier dans lequel la page HTML et les éléments qui la
composent doivent être enregistrés dans le programme. Le nom que vous saisissez ici
n’apparaît pas directement dans la boutique en ligne, mais seulement dans l’adresse
affichée dans le navigateur. Il sert principalement à l’enregistrement interne de votre
125
Chapitre 3
Shop to date 5 pro
projet Shop to date. C’est le dossier dans lequel les éléments et les types d’entrées de
la page sélectionnée sont enregistrés sur votre disque dur ou le serveur. Le nom par
défaut est un code numérique interne attribué par Shop to date.
Cliquez sur le bouton Auto pour le remplacer par le titre de la page. Vous
pouvez aussi taper directement le nom dans la zone de saisie ou modifier le
titre généré automatiquement.
■ Redirection : si vous entrez dans cette zone de saisie l’URL d’un autre site Web, Shop
to date redirige automatiquement la page principale ou la catégorie sélectionnée vers
le domaine indiqué (voir aussi section "Pages externes : Redirection de l’URL").
Cliquez sur le bouton Test si vous voulez que le programme vérifie la validité de
l’adresse URL (une connexion Internet doit être établie).
Les zones Description et Mots-clefs peuvent accueillir les méta tags spécifiques à la page. Pour
plus d’informations à ce sujet, consultez la rubrique "Méta tags". Il est recommandé de
n’activer l’option Utiliser l’extension de fichier associée aux scripts que si vous voulez utiliser
l’extension de fichier pour les scripts spécifiée sous l’onglet Options HTML de la fenêtre de
propriétés du site Web aussi pour cette page secondaire.
REMARQUE : - Il est inutile de refermer la fenêtre de propriétés à chaque fois que vous voulez
sélectionner une autre page principale ou catégorie de produits. Il suffit de cliquer sur l’élément
voulu dans l’Aperçu des pages principales et des catégories de produits.
126
Créer un projet
3.12 Publier la boutique en ligne sur Internet
Votre boutique en ligne est presque terminée. Il ne vous reste plus qu’à la publier sur
Internet. Vous avez déjà défini la plupart des paramètres s’appliquant à la création et à
l’enregistrement des pages HTML à la section précédente. Nous allons maintenant vous
expliquer comment transférer votre boutique sur Internet par FTP.
3.12.1 Publication par transfert FTP
Cette section présente tous les paramètres nécessaires à la publication de votre boutique sur
Internet. Pour ce faire, ouvrez la boîte de dialogue Propriétés du site Web au moyen de la
commande homonyme du menu Fichier. Activez l’onglet Publication.
Shop to date dispose d’un client FTP interne, avec lequel vous pouvez très facilement
transférer les fichiers de votre boutique en ligne sur le serveur externe de votre fournisseur
par FTP (File Tranfer Protocol). Les paramètres que vous définissez sous l’onglet Publication
sont destinés à éviter tout problème lors du transfert.
Sous Hôte FTP, commencez par saisir l’adresse à laquelle votre site doit être transféré. Cette
adresse vous est communiquée par votre hébergeur, c’est-à-dire le fournisseur qui publie
votre site sur Internet. Elle peut prendre la forme suivante : www.maboutiqueenligne.fr.
Dans les zones Identifiant FTP et Mot de passe FTP, entrez le nom d’utilisateur et le mot de
passe demandés par votre fournisseur pour le chargement FTP.
Ne renseignez la zone Dossier distant FTP que si vous ne voulez pas copier votre boutique en
ligne dans le dossier principal (root) du domaine (par exemple, parce que votre page
d’accueil ou une autre boutique en ligne s’y trouve déjà et que vous ne voulez pas qu’elle soit
127
Chapitre 3
Shop to date 5 pro
écrasée). Entrez le nom du sous-dossier voulu (ou demandé), qui sera créé automatiquement
par Shop to date au moment du transfert.
Sous URL de la cible HTTP, saisissez l’adresse à laquelle votre site Web doit être accessible
sur Internet, par exemple, http://www.maboutiqueenligne.fr.
Sous Capacité maximale, indiquez l’espace maximal dont vous disposez sur le serveur. La
valeur est exprimée en Mo.
La zone URL de la cible SSL vous permet d’entrer l’adresse de votre site Web si votre
boutique peut être appelée via une page sécurisée.
Contactez votre fournisseur hôte pour obtenir de plus amples informations sur les
connexions SSL.
Si vous activez l’option Supprimer les fichiers inutilisés, les anciens fichiers seront
systématiquement supprimés du serveur lors de chaque transfert. Cette option ne fonctionne
que si elle est toujours activée : un seul transfert des données effectué sans cette option peut
conduire à ce que des fichiers inutilisés soient conservés sur le serveur.
Si vous rencontrez des difficultés pendant le transfert des données, activez l’option Ne pas
utiliser de commande PASV pour désactiver le transfert passif (PASV), ce qui peut être
nécessaire, par exemple pour les connexions Internet par satellite. Il est conseillé de ne pas
cocher cette case dans la plupart des cas.
Activez la fonction Exécuter CHMOD dans les cas suivants :
■ Le serveur Web que vous utilisez est basé sur Linux, Unix ou BSD (ce qui est
généralement le cas).
■ Vous utilisez des plug-ins qui enregistrent des données sur le serveur, comme un livre
d’or, un compteur de visites ou un forum.
■ Le message d’erreur Warning: fopen(): failed to open stream: Permission
denied s’affiche lors de l’exécution des plug-ins sur le serveur.
Activez cette option uniquement si vous êtes confronté aux trois situations décrites. Si cette
option est activée, les droits d’accès sont consignés dans le dossier assets/plugindata sont
paramétrés sur 777. Les plug-ins enregistrent vos données dans ce dossier. La plupart des
prestataires de services n’autorisent pas les scripts PHP à enregistrer des données dans le
dossier, ce qui peut générer l’erreur mentionnée. Si vous n’utilisez pas de plug-ins qui
enregistrent des données sur le serveur, le dossier indiqué n’est pas créé. Dans ce cas, les
droits d’accès ne sont pas modifiés non plus.
Si un message d’erreur s’affiche pendant le transfert de votre boutique, désactivez cette
option et définissez les droits d’accès manuellement à l’aide d’un programme FTP.
128
Créer un projet
Si vous activez cette option après-coup parce que le message d’erreur cité précédemment
s’est affiché, n’oubliez pas de recréer votre site en mode intégral avant le transfert des
données.
Activez l’option Avant la publication, rechercher régulièrement des mises à jour du programme
pour rechercher la dernière version du programme.
Paramètres du proxy et du pare-feu
Si vous voulez, en plus des données FTP, définir aussi les paramètres d’un serveur proxy,
cliquez sur le bouton Proxy / Pare-feu.
Sélectionnez le type de pare-feu dans la liste déroulante prévue à cet effet, puis complétez les
zones de saisie Serveur du pare-feu, Port du pare-feu, Identifiant du pare-feu et Mot de passe du
pare-feu avec les informations fournies par votre prestataire de services. Confirmez par OK.
REMARQUE : - Il est rare de devoir définir ces paramètres. Les données relatives au serveur
proxy ou au pare-feu sont inutiles dans la plupart des cas. Pour plus d’informations sur les
serveurs proxy et les pare-feu, adressez-vous à votre prestataire de services.
Utiliser MySQL
Si vous voulez enregistrer vos données dans une base de
données, activez l’option Utiliser mySQL et cliquez sur le
bouton Configurer mySQL.
Le programme ouvre la boîte de dialogue homonyme, dans laquelle vous pouvez définir vos
paramètres.
129
Chapitre 3
Shop to date 5 pro
Dans la zone Serveur de base de données, entrez l’adresse Internet où se trouve la base de
données, puis tapez le nom de la base de données dans la zone Base de données.
Dans les zones suivantes, entrez le nom d’utilisateur et le mot de passe requis pour l’accès au
serveur de base de données. Demandez ces informations à votre prestataire de services.
Cliquez sur OK pour valider vos paramètres et fermer la boîte de dialogue.
REMARQUE : - Les données de clients et de commandes présentes sur le serveur seront
supprimées si vous activez ou désactivez l’utilisation de MySQL après-coup.
Shop to date effectue un transfert FTP "intelligent", dans le cadre duquel seuls les fichiers
nouveaux et modifiés sont transférés si vous avez sélectionné l’entrée Différentielle ou
Incrémentielle dans la liste Stratégie de création, sous l’onglet Création de la fenêtre de
propriétés du site Web.
En outre, le programme dispose d’un mode failsafe : si le transfert est interrompu, vous
pouvez le relancer. Shop to date recommence l’opération là où elle s’était arrêtée.
REMARQUE : - Vous pouvez appeler directement depuis Shop to date une boutique en ligne
publiée sur Internet. Ouvrez pour ce faire le projet concerné et sélectionnez la commande
Fichier/Afficher le site Web créé. Le programme ouvre automatiquement votre navigateur
Internet et appelle l’adresse URL correspondante (une connexion Internet doit être établie).
3.12.2 Méta tags
Les méta tags peuvent contenir diverses instructions utilisées par les moteurs de recherche
sur Internet, qui vous permettent d’améliorer le référencement de votre boutique en ligne
auprès de ces derniers.
130
Créer un projet
Les méta données peuvent contenir des informations sur l’auteur et le contenu d’un fichier.
Dans Shop to date, vous pouvez saisir ces données à deux niveaux : pour l’ensemble du site
et des produits ou individuellement pour chaque page.
L’Assistant Méta tags
L’Assistant Méta tags vous permet de définir ces méta données pour toutes les pages du site
dans une boîte de dialogue conviviale.
Pour appeler l’Assistant Méta tags, cliquez sur le bouton Saisir des méta tags, sous l’onglet
Options HTML de la fenêtre de propriétés du site Web.
■ Auteur : tapez le nom de l’auteur de la boutique en ligne.
■ Description : c’est cette description qui sera affichée dans les moteurs de recherche si
votre site Web est trouvé.
■ Mots-clefs : quand un visiteur recherche une boutique en ligne à l’aide d’un moteur de
recherche, il utilise des mots-clés. Entrez dans cette zone les mots-clés qui
permettront à votre boutique en ligne d’apparaître sur la page des résultats. Tapez
des mots pertinents en rapport avec votre boutique en ligne, séparés par une virgule.
REMARQUE : - Pensez à utiliser les variantes orthographiques des mots-clés, y compris les fautes
d’orthographe les plus courantes. Par exemple, pour "tee-shirt", vous pouvez aussi taper "t-shirt".
■ Langue : sélectionnez la langue dans laquelle les mots-clés sont exprimés. Il arrive en
effet que certains mots aient une signification complètement différente d’une langue
à l’autre. Sélectionnez la langue de votre choix dans la liste déroulante mise à votre
disposition.
REMARQUE : - Les options décrites ci-dessus reposent sur les méta tags Author, Desciption et
Keywords.
131
Chapitre 3
Shop to date 5 pro
Définir des méta tags spécifiques aux pages
Pour définir des méta tags pour une page principale, une page secondaire, une catégorie de
produit ou un produit individuellement, ouvrez sa fenêtre de propriétés et activez l’onglet
Options HTML. Entrez les informations requises dans les zones Description et Mots-clés.
Cliquez sur le bouton Auto pour que Shop to date génère automatiquement une
description à partir des paragraphes de texte de la page.
L’auteur et la langue sont repris des propriétés du site Web.
3.12.3 Transférer la boutique en ligne sur Internet
Après avoir créé votre boutique en ligne et défini tous les paramètres nécessaires au transfert
FTP, connectez-vous à Internet et sélectionnez la commande Publier le site Web dans le menu
Fichier.
Vous pouvez aussi activer cette fonction en cliquant sur le bouton Publier le site Web
dans la barre d’outils ou en activant le lien Publier le site Web dans l’Assistant de projet.
132
Créer un projet
Le cas échéant, le programme vous demandera de recréer les fichiers HTML du site, par
exemple si vous y avez apporté des modifications, avant de les publier. Recréez les fichiers
HTML, puis activez à nouveau la fonction Publier le site Web.
Le transfert des fichiers du site commence. À la fin de la procédure, le programme vous en
propose un récapitulatif. Cliquez sur Fermer.
Votre boutique en ligne est désormais accessible sur Internet et attend son premier visiteur.
Quickbuild - La création sélective
Qui n’a jamais vécu cela ? À peine la boutique en ligne est-elle publiée sur Internet que l’on
découvre les premières erreurs. Ou deux images de l’équipe ont-elles été interverties ? Ces
erreurs doivent bien sûr être corrigées au plus vite. Mais une ou deux corrections minimes
valent-elles la peine de recréer la totalité de la boutique en ligne pour la transférer sur le
serveur ? Non ! Il existe une méthode plus rapide : la fonction Quickbuild Recréer la page
actuelle.
Dans le menu Fichier, sélectionnez la commande Recréer la page actuelle ou appuyez sur les
touches [Maj+Ctrl+F9] de votre clavier.
Répondez par l’affirmative au message qui s’affiche pour lancer la procédure de création.
Elle sera cette fois-ci beaucoup moins longue que la création du site complet.
133
Chapitre 3
Shop to date 5 pro
Ce gain de temps est permis par le fait que seule la page sur laquelle vous avez effectué des
modifications est recréée.
REMARQUE : - Pour des questions de rapidité, cette fonction ne contrôle pas l’intégrité des liens
et des images, ce qui peut générer des erreurs.
Quand vous créez des pages avec Shop to date, le programme s’assure automatiquement que
tout est à la bonne place : les images, les liens et les fichiers sont toujours insérés aux
emplacements adéquats sans intervention de votre part.
Si vous recréez la totalité de votre boutique en ligne en vue de la publier, la vérification de
l’intégrité de sa structure, très complexe, prend un certain temps. Mais si vous n’avez effectué
que de légères modifications sur une page, cette vérification n’est pas toujours utile. C’est la
raison pour laquelle la fonction Recréer la page actuelle s’applique uniquement après des
corrections minimes.
Malgré le gain de temps qu’elle permet, cette fonction doit donc être utilisée avec prudence.
Nous vous conseillons d’y renoncer dans les cas suivants :
■ Vous avez modifié le nom de fichier de la page actuelle depuis la dernière création de
■
■
■
■
la boutique.
Vous avez modifié le nom de fichier d’un élément auquel la page actuelle renvoie, par
exemple l’entrée d’une accroche.
Vous avez modifié le titre, le nom de fichier ou l’emplacement de certaines pages
principales, ou vous avez créé, supprimé ou déplacé des pages principales depuis la
dernière création de la boutique.
La page actuelle renvoie vers de nouveaux éléments.
La page actuelle est entièrement nouvelle, c’est-à-dire qu’elle n’existait pas lors de la
dernière création de la boutique.
À l’inverse, les modifications suivantes ne posent généralement aucun problème :
■ Ajouter, déplacer ou supprimer des paragraphes sur la page actuelle.
■ Ajouter, supprimer ou modifier des images sur la page actuelle.
■ Modifier le texte, corriger les fautes d’orthographe.
■ Insérer des liens vers les pages existantes.
134
Créer un projet
Si, toutefois, vous rencontrez des problèmes liés à des liens non pertinents ou à des images
manquantes ou mal affichées, ne vous inquiétez pas : ces erreurs seront automatiquement
corrigées la prochaine fois que le site sera recréé, quelle que soit la stratégie de création
choisie.
REMARQUE : - Il est bien entendu possible d’éditer plusieurs pages et de les recréer au moyen de
la fonction Recréer la page actuelle, puis de publier toutes les modifications opérées en même
temps.
3.13 Sauvegarder le projet de boutique en ligne
Lorsque vous éditez un projet de boutique en ligne avec Shop to date, sa base de données est
ouverte et intègre immédiatement toutes les modifications que vous y apportez. Par
conséquent, il n’est pas nécessaire d’enregistrer les modifications avant de recréer la
boutique en ligne.
Il en résulte aussi que les modifications ne peuvent pas être annulées automatiquement.
Par exemple, si vous supprimez une page principale par erreur, vous devez la créer à
nouveau.
Pour ne pas avoir à recréer le projet après des modifications involontaires, il est fortement
conseillé de sauvegarder le projet avant chaque modification. Shop to date vous propose trois
solutions de sauvegarde : créer une copie de la boutique en ligne, exporter la boutique en
ligne dans un fichier d’archive ou créer une sauvegarde du projet.
3.13.1 Exporter la boutique en ligne dans un fichier
L’un des moyens de sauvegarder votre projet Shop to date est d’exporter la boutique en ligne
dans un fichier d’archive, que vous pourrez importer en cas de besoin afin de restaurer votre
"ancienne" boutique en ligne. Vous pouvez archiver la totalité de la boutique en ligne ou
seulement certaines pages principales.
L’avantage de la deuxième solution est qu’elle offre plus de clarté dans la gestion des fichiers
et qu’elle permet en outre d’économiser de l’espace disque. Pour archiver la boutique en
ligne, sélectionnez la commande Exporter dans le menu Fichier.
135
Chapitre 3
Shop to date 5 pro
L’Assistant Exportation met plusieurs options d’exportation à votre disposition. Validez
l’option Composants du projet (fichier d’archive), puis cliquez sur Suivant.
Dans la fenêtre suivante de l’Assistant Exportation, vous pouvez spécifier les pages
principales que vous voulez exporter.
Par défaut, toutes les pages principales et les catégories de produits de la boutique en ligne
sont incluses à l’exportation, ce qui est signalé par la coche verte apparaissant dans les cases
136
Créer un projet
correspondantes. Pour exclure une page principale ou une catégorie de produits de la
procédure d’exportation, décochez sa case.
Pour annuler la sélection des pages cochées, cliquez sur le bouton
Désélectionner tout.
Pour sélectionner toutes les pages, cliquez sur le bouton Sélectionner tout.
La version multi-utilisateurs de Shop to date met à votre disposition des options
supplémentaires.
La liste déroulante située en regard des boutons vous permet de choisir les éléments à
exporter :
■ Exporter tous les éléments sélectionnés - Exporte tous les éléments contenus dans les
pages cochées.
■ Exporter uniquement les modifications (conserver l’état) - Exporte uniquement les
éléments qui ont été modifiés contenus dans les pages cochées. L’état modifié est
alors conservé.
■ Exporter uniquement les modifications (réinitialiser l’état) - Exporte uniquement les
éléments qui ont été modifiés contenus dans les pages cochées. L’état est réinitialisé.
Activez l’option Autoriser l’importation dans d’autres projets lorsqu’il doit être possible
d’importer le fichier exporté dans un autre projet existant.
L’option Fractionner en vue d’un envoi par e-mail fractionne le fichier d’exportation en
plusieurs sous-fichiers d’une taille de 1 Mo environ, optimisés pour l’envoi par e-mail. Les
sous-fichiers sont automatiquement regroupés au moment de l’importation dans Shop to
date.
Après avoir défini les paramètres voulus, cliquez sur Terminer.
Dans la boîte de dialogue Exporter, sélectionnez le dossier de votre disque dur dans lequel
vous voulez enregistrer le fichier d’archive et attribuez un nom au fichier (format W2B).
Cliquez sur le bouton Enregistrer pour lancer l’exportation.
Dans la boîte de dialogue Propriétés de l’archive de sauvegarde, les zones Nom du projet et
Description sont déjà renseignées. Vous pouvez les éditer si nécessaire.
137
Chapitre 3
Shop to date 5 pro
Cliquez sur OK pour lancer l’exportation. Une barre de progression vous permet de suivre
l’avancée de la procédure. Selon le volume des données à exporter, elle peut durer un certain
temps.
Vous êtes informé de la fin de l’exportation par un message. Cliquez sur OK pour le fermer.
Exportation vers Froogle
L’Assistant Exportation de Shop to date vous permet de créer des fichiers de produits
compatibles avec la saisie des données sur Froogle (www.froogle.fr).
Pour exporter vos produits vers Froogle/Google Base, sélectionnez la commande Exporter
dans le menu Fichier. Le programme ouvre l’Assistant Exportation.
Validez l’option Produits (Froogle), puis cliquez sur le bouton Options.
À la rubrique Catégorie de la boîte de dialogue Options d’exportation Froogle/Google Base,
indiquez si une catégorie standard doit être créée pour tous les produits (Utiliser toujours cette
catégorie) ou si le nom de la catégorie de produits de niveau supérieur doit être utilisé lors de
l’attribution de la catégorie (Utiliser le nom de la catégorie de niveau supérieur).
138
Créer un projet
La rubrique Téléchargement met deux options à votre disposition :
■ Se contenter de créer le fichier : crée un fichier selon les paramètres définis au moment
du téléchargement.
■ Charger automatiquement vers Google Base : charge automatiquement le fichier créé
vers Google Base. Pour permettre le téléchargement automatique du fichier, entrez,
dans les zones prévues à cet effet, les données de téléchargement vers Google Base
qui vous ont été fournies : nom de fichier, URL du serveur, identifiant et mot de passe
FTP.
Vous avez par ailleurs la possibilité de créer automatiquement des illustrations pour Froogle
à partir des images de vos produits au moment de la création de votre boutique en ligne.
REMARQUE : - Les produits gratuits ne sont pas exportés.
3.13.2 Créer une sauvegarde d’un projet de boutique en ligne
Une sauvegarde crée une copie complète du projet de boutique en ligne actuellement ouvert
dans un fichier d’archive. Vous pouvez utiliser ce fichier d’archive pour restaurer le projet à
tout moment.
REMARQUE : - Pour éviter toute perte de données (par exemple, suite à un crash du disque dur
ou à une suppression involontaire), nous vous conseillons de sauvegarder régulièrement votre
travail.
Le Gestionnaire de sauvegardes
Vous créez et gérez vos sauvegardes dans le Gestionnaire de sauvegardes, que vous
pouvez appeler en cliquant sur le bouton homonyme de la barre d’outils.
139
Chapitre 3
Shop to date 5 pro
Le Gestionnaire de sauvegardes se compose de trois onglets : Créer une sauvegarde, Restaurer
une sauvegarde et Sauvegardes automatiques.
Créer une sauvegarde
L’onglet Créer une sauvegarde vous permet de créer
directement une sauvegarde de l’état actuel du projet de
boutique en ligne ouvert. Cliquez pour ce faire sur le bouton Sauvegarder maintenant.
Dans la boîte de dialogue qui apparaît, vous pouvez définir les propriétés de votre archive de
sauvegarde.
Entrez le nom du projet sous lequel l’archive doit être sauvegardée. Vous pouvez également
taper une brève description. Vous pouvez par exemple y consigner les différences avec les
autres fichiers de sauvegarde précédemment créés.
140
Créer un projet
Cliquez sur OK. Le programme ouvre la boîte de dialogue Exporter, dans laquelle vous
pouvez sélectionner le dossier d’enregistrement et indiquer le nom du fichier d’archive. Un
nom de fichier est proposé par défaut. Il se compose du nom du projet, de la date et de
l’heure de la sauvegarde. Vous pourrez ainsi retrouver plus facilement le fichier de
sauvegarde au moment de la restauration.
Cliquez sur le bouton Enregistrer pour lancer la création de la sauvegarde. Une barre de
progression vous informe de l’avancement de la procédure. Le programme affiche un
message à la fin de la création du fichier d’archive.
Restaurer une sauvegarde
L’onglet Restaurer une sauvegarde vous permet d’accéder aux sauvegardes précédemment
créées en vue de les restaurer.
141
Chapitre 3
Shop to date 5 pro
La liste présente les sauvegardes disponibles, accompagnées de la date de création, de la
description et du chemin d’accès au fichier. Si vous sélectionnez un fichier, une description
détaillée apparaît en bas de la boîte de dialogue : date de création détaillée, nom du projet,
description que vous avez entrée avant la création et nom de fichier complet. Vous disposez
des boutons suivants pour éditer les entrées de la liste :
Restaure le fichier de sauvegarde sélectionné dans la liste.
Supprime l’entrée sélectionnée (après un message de confirmation). Le fichier d’archive
n’est pas supprimé.
Supprime le fichier d’archive sélectionné (après un message de confirmation)
Ouvre dans l’Explorateur le dossier dans lequel l’entrée sélectionnée est enregistrée.
Cliquez sur le bouton Restaurer une archive pour restaurer le fichier d’archive
sélectionné
Cliquez sur le bouton Restaurer une archive pour restaurer le fichier d’archive sélectionné.
Veuillez noter qu’après la restauration, le fichier d’archive aura remplacé définitivement le
projet ouvert. Répondez par Oui au message de confirmation pour lancer la procédure de
restauration. Selon la taille du projet et la puissance de votre système, celle-ci peut durer un
certain temps. Une barre de progression vous informe de l’avancement de la procédure. Le
programme affiche un message à la fin de la restauration. Le projet restauré apparaît ensuite
dans l’interface de Shop to date et peut être édité comme d’habitude.
Définir des sauvegardes automatiques
Deux précautions valent mieux qu’une. Dans le cadre des projets de boutiques en ligne
importants, auxquels vous consacrez beaucoup de temps et de travail, nous vous conseillons
de créer régulièrement des sauvegardes afin éviter toute perte de données. Shop to date vous
propose à cet effet une fonction très utile : la création automatique de sauvegardes.
142
Créer un projet
L’onglet Sauvegardes automatiques vous permet de créer automatiquement une copie de
sauvegarde à la fermeture du programme ou avant la création du site. Validez l’option de votre
choix, puis sélectionnez dans l’arborescence le dossier dans lequel les fichiers de sauvegarde
doivent être enregistrés. Si vous voulez sauvegarder les fichiers d’archive dans un dossier qui
n’existe pas encore, cliquez sur le bouton Nouveau dossier pour créer un nouveau dossier,
puis sélectionnez-le dans l’arborescence. Les sauvegardes créées automatiquement sont
disponibles sous l’onglet Restaurer une sauvegarde.
REMARQUE : - Les paramètres définis dans le Gestionnaire de sauvegardes sont spécifiques à
chaque projet, c’est-à-dire qu’ils ne s’appliquent qu’au projet ouvert. L’onglet Restaurer une
sauvegarde regroupe uniquement les sauvegardes associées à ce projet de boutique en ligne.
Nous vous conseillons de mettre en place des sauvegardes automatiques pour chaque projet de
boutique en ligne que vous créez.
3.13.3 Importer une archive dans Shop to date
La fonction d’importation importe des fichiers au format W2D (fichiers d’archive Web to
date) et S2D (fichiers d’archive Shop to date) dans le projet de site Web ou de boutique en
ligne ouvert. Lors de l’importation, toutes les autres informations contenues dans ce projet
sont remplacées et donc perdues. Aussi l’importation d’un fichier W2D/S2D n’est-elle
recommandée que lors de la création d’un nouveau site Web, par exemple si vous voulez
143
Chapitre 3
Shop to date 5 pro
charger, consulter ou modifier un fichier Shop to date que vous avez précédemment exporté
sous la forme d’une sauvegarde.
Avant d’importer un fichier d’archive, créez un nouveau projet Shop to date si vous ne voulez
pas que le projet en cours soit remplacé lors de l’importation. Sélectionnez ensuite la
commande Importer dans le menu Fichier. Le programme affiche un message de
confirmation vous rappelant que l’importation remplacera le projet ouvert. Cliquez sur OK.
Sélectionnez le fichier voulu dans la boîte de dialogue Importer et cliquez sur Ouvrir pour
lancer l’Assistant Importation.
Dans la fenêtre de l’Assistant Importation, cochez les cases des pages principales (catégories
de produits) que vous voulez importer.
Toutes les pages du projet sont sélectionnées par défaut. Pour exclure une page de
l’importation, décochez la case correspondante.
Les boutons Sélectionner tout et Désélectionner tout
vous permettent de sélectionner ou de désélectionner
toutes les pages d’un seul clic de souris.
144
Créer un projet
Indiquez ensuite si les entrées qui ont été modifiées par d’autres utilisateurs dans l’archive
doivent remplacer les entrées actuelles, si les entrées qui ont été supprimées dans l’archive
doivent également être supprimées dans le projet et si les entrées qui ont été supprimées
dans le projet mais pas dans l’archive doivent être restaurées.
Par ailleurs, les images et les médias sont importés par défaut.
Cliquez sur le bouton Importer pour importer les pages principales et les
catégories de produits sélectionnées.
Une barre de progression et les éléments figurant dans la partie inférieure de la boîte de
dialogue qui s’affiche vous informent de l’avancement de la procédure.
À la fin de l’importation, le programme affiche une boîte de dialogue récapitulant les
modifications apportées au projet.
Cliquez sur Fermer pour mettre fin à l’importation.
REMARQUE : - Il peut arriver que les fichiers d’archive créés avec une version du programme
antérieure à la version 4.0 ne puissent pas être ouverts dans Shop to date. Pour éditer un projet
145
Chapitre 3
Shop to date 5 pro
créé avec l’une de ces versions, ouvrez-le simplement via la commande Ouvrir un site Web du
menu Fichier.
Le programme vous demande si vous voulez créer une copie de sauvegarde, puis convertit le
projet.
4 Notions fondamentales d’organisation du
contenu
Dans la première partie de ce manuel, nous vous avons essentiellement présenté la mise en
place des composants de base d’une boutique en ligne et sa publication sur Internet.
La deuxième partie vous explique comment créer des contenus rédactionnels avec Shop to
date. La création des pages répond au principe de construction modulaire. Les unités
utilisées à cet effet sont les types de paragraphes proposés par le programme. Ils vous
permettent d’organiser et de gérer les contenus de façon très souple.
Nous allons vous expliquer comment compléter votre boutique en ligne avec des contenus
rédactionnels tels que du texte, des images et des tableaux, et comment le gérer au moyen des
différents types de paragraphes.
Dans ce chapitre, vous apprendrez notamment à :
■ créer des paragraphes et présenter vos contenus au moyen de divers types de
■
■
■
■
paragraphes,
créer des formulaires,
lier et organiser des fichiers de média et des fichiers à télécharger,
utiliser des liens internes et externes,
organiser les différents types d’entrées de Shop to date.
4.1 Créer des paragraphes
Vous savez désormais comment bâtir le squelette d’une boutique en ligne. Dans les sections
suivantes, vous allez apprendre à y insérer du contenu. Le programme met pour cela neuf
types de paragraphes à votre disposition :
Paragraphe Texte
Permet de saisir du texte et d’insérer des illustrations.
Paragraphe Image
Permet d’insérer des images en grand format.
146
Notions fondamentales d’organisation du contenu
Tableau
Permet de créer des tableaux.
Énumération
Permet de saisir des énumérations.
Accroche
Permet de créer des listes automatiques (accroches).
Formulaire
Permet de créer des formulaires.
Élément HTML
Permet d’insérer des codes HTML.
Clip média
Permet d’insérer des séquences vidéo.
Plug-in
Les plug-ins élargissent les fonctionnalités de votre boutique en ligne
avec des types de paragraphes spéciaux comme les compteurs de
visites, les livres d’or, les flux RSS, les galeries de photos, l’astuce du
jour, etc..
L’utilisation de ces composants accélère et facilite l’édition du contenu, tout en conférant
une grande liberté de mise en forme.
REMARQUE : - Ce principe modulaire ne transparaît pas dans la boutique en ligne finalisée.
Pour le visiteur, les textes, images, tableaux, etc. forment un tout homogène. Cette succession de
"modules de paragraphes" qui forme la structure du site ne se remarque pas.
4.1.1 L’Aperçu des paragraphes et l’éditeur de paragraphes
Avant de nous pencher sur la création des paragraphes, intéressons-nous d’abord à l’Aperçu
des paragraphes, à gauche, et à l’éditeur de paragraphes, à droite, qui peuvent se présenter
comme sur l’image suivante.
147
Chapitre 4
Shop to date 5 pro
L’Aperçu des paragraphes présente, sous une forme schématique, les paragraphes qui ont été
créés dans la page principale, la page secondaire ou la catégorie de produits sélectionnée.
Chaque paragraphe est représenté par une icône correspondant à son type, accompagné du
titre du paragraphe, d’un aperçu stylisé, qui reflète la longueur relative du paragraphe, ainsi
que d’une illustration sur le côté le cas échéant. Le dernier paragraphe créé apparaît toujours
en dernière position.
L’éditeur de paragraphes (la grande fenêtre à droite) est la zone dans laquelle vous éditez les
paragraphes. La ligne située au-dessus affiche le type et le titre du paragraphe qui est
actuellement ouvert dans la fenêtre de l’éditeur.
La mention 1/4 située en haut, à droite du titre, indique le numéro du paragraphe sur le
nombre total de paragraphes. Si vous avez créé plusieurs paragraphes, vous pouvez les
parcourir à l’aide de la flèche située à côté de cette mention.
À gauche apparaît par défaut la mention (sans affectation). C’est le nom de la catégorie en
cours. Shop to date vous permet en effet d’affecter une catégorie à chaque page du projet.
Sélectionnez pour cela la commande Affecter une catégorie dans le menu Catégories de
produits et pages principales. Le programme ouvre la boîte de dialogue homonyme.
Vous pouvez affecter l’une des catégories existantes à la page en cours ou créer une nouvelle
catégorie. Pour plus d’informations sur les catégories, qui peuvent aussi servir pour les
images, reportez à la section "La bibliothèque de médias".
REMARQUE : - Vous pouvez modifier la taille des différentes zones de l’interface du
programme. Quand vous passez lentement le pointeur d’une zone à une autre, il prend la forme
d’une double flèche. Pour changer la taille d’une zone, maintenez le bouton de la souris enfoncé
et faites-la glisser.
148
Notions fondamentales d’organisation du contenu
Au-dessus de l’Aperçu des paragraphes et de l’éditeur de paragraphes, vous disposez de barres
d’outils vous permettant d’exécuter les fonctions suivantes :
Ouvre ou ferme la fenêtre d’aperçu des paragraphes.
Affiche ou masque les données commerciales. Activé uniquement pour
les catégories de produits et les produits.
Crée un paragraphe.
Supprime le paragraphe sélectionné dans l’Aperçu des paragraphes après
l’affichage d’un message de confirmation.
Bascule vers le premier paragraphe dans l’aperçu des paragraphes.
Bascule vers le paragraphe situé au-dessus du paragraphe sélectionné.
Bascule vers le paragraphe situé en dessous du paragraphe sélectionné.
Bascule vers le dernier paragraphe dans l’aperçu des paragraphes.
Tous les autres boutons varient en fonction du type de paragraphe sélectionné. Seuls les
paragraphes de texte et les énumérations disposent des mêmes boutons. Nous vous les
présentons dans les sections correspondantes. Les boutons de l’Aperçu des paragraphes sont
les suivants :
Déplace le paragraphe sélectionné d’une position vers le haut.
Déplace le paragraphe sélectionné d’une position vers le bas.
Permet d’éditer le titre du paragraphe.
4.1.2 Créer un paragraphe
Pour créer un paragraphe, utilisez la commande Nouveau du menu
Paragraphe ou cliquez sur le bouton ci-contre.
Le programme ouvre la boîte de dialogue Créer un nouveau paragraphe.
149
Chapitre 4
Shop to date 5 pro
REMARQUE : - Dans Shop to date, plusieurs possibilités s’offrent à vous pour activer les
fonctions : les icônes ou les boutons, les menus, les raccourcis clavier, le glisser-déplacer, le
menu contextuel, etc.. Nous ne pouvons pas toutes les citer ici.
Même si le menu contextuel constitue souvent la méthode la plus rapide et la plus directe, vous
avez peut-être d’autres habitudes de travail. Avec le temps, vous trouverez par vous-même les
techniques qui vous correspondent le mieux.
Tapez le titre du paragraphe dans la zone de saisie Titre du paragraphe. C’est ce titre qui
apparaît dans l’Aperçu des paragraphes et sert de titre au paragraphe dans la boutique en ligne
finale. Ne renseignez pas la zone si vous ne voulez pas attribuer de titre au paragraphe. Dans
ce cas, le programme créé automatiquement l’entrée (sans nom) et n’affecte pas de titre au
paragraphe.
Dans la liste des types de paragraphes, activez l’option correspondant au type de paragraphe
que vous voulez créer. L’option activée par défaut est le paragraphe Texte, car c’est le type de
paragraphes le plus courant. La zone d’aperçu, à droite de la boîte de dialogue, affiche un
exemple du type de paragraphe sélectionné dans la liste.
Sous la zone d’aperçu vous sont proposés deux
boutons : Choisir une illustration et Aucune
illustration. Ils sont uniquement activés pour les types de paragraphes pouvant accueillir une
petite image placée sur le côté, appelée illustration : texte, énumération, élément HTML et clip
média. Ils sont désactivés pour tous les autres types de paragraphes.
150
Notions fondamentales d’organisation du contenu
Le bouton Choisir une illustration ouvre la boîte de dialogue Sélectionner une image, que vous
aurez souvent l’occasion d’utiliser dans le programme. Nous y reviendrons plus loin dans ce
chapitre. Cliquez sur OK pour valider vos paramètres et fermer la boîte de dialogue. Le
nouveau paragraphe apparaît dans l’Aperçu des paragraphes, avec son titre dans la barre de
titre de l’éditeur de paragraphe le cas échéant. Vous pouvez maintenant l’éditer.
Masquer un paragraphe
Vous disposez de deux moyens pour masquer un paragraphe : la planification automatique
(voir section "Le Planificateur") et la méthode manuelle, qui s’applique quand vous travaillez
encore sur un paragraphe ou que celui-ci ne doit être publié qu’ultérieurement.
Ouvrez la boîte Propriétés, par exemple en double-cliquant sur le paragraphe voulu dans
l’Aperçu des paragraphes, et désactivez la case à cocher Paragraphe visible, sous l’onglet
Généralités.
Cliquez sur Appliquer. Le paragraphe apparaît désormais en grisé dans l’Aperçu des
paragraphes, ce qui signifie qu’il ne sera pas pris en compte dans la procédure de publication
tant que cette option restera désactivée.
151
Chapitre 4
Shop to date 5 pro
4.2 Les différents types de paragraphes
Shop to date propose neuf types de blocs permettant d’insérer du contenu dans une boutique
en ligne. Dans les sections suivantes, nous vous présentons les différents types de
paragraphes, leurs possibilités d’utilisation et leur mode d’emploi.
4.2.1 Paragraphe Texte
Tous les textes que vous voulez ajouter à votre boutique en ligne sont créés avec ce type
de paragraphe. Le paragraphe Texte peut en outre s’accompagner d’une illustration, une
image affichée en miniature en regard du texte.
Dans la boutique en ligne créée, le visiteur pourra cliquer sur l’illustration pour ouvrir la
photo ou l’image dans une nouvelle fenêtre, dans sa taille d’origine. Comme toutes les
images, l’illustration peut être dotée d’un titre et d’une légende.
Les paragraphes Texte peuvent donc se composer soit uniquement de texte, soit d’une
combinaison de texte et d’image.
Insérer du texte
Lorsque vous avez créé un paragraphe de texte comme expliqué précédemment,
un curseur clignotant apparaît dans l’éditeur de paragraphe. Ce curseur vous indique
que vous pouvez saisir un texte comme à l’accoutumée.
Pour les paragraphes Texte, la barre d’outils de l’éditeur de paragraphes contient
deux boutons permettant de mettre le texte en gras ou en italique.
Le troisième bouton vous permet de définir la couleur des caractères du paragraphe
sélectionné. Cliquez dessus pour ouvrir la boîte de dialogue Couleur des caractères du
paragraphe, dans laquelle vous pouvez définir la couleur du texte de l’ensemble du
paragraphe.
Avec l’option Couleur spécifique au modèle de design (recommandé), qui est activée par
défaut, la couleur des caractères est la couleur définie dans le modèle choisi.
152
Notions fondamentales d’organisation du contenu
Activez l’option Couleur personnalisée si vous voulez attribuer une couleur différente au
paragraphe sélectionné. Cliquez sur l’icône représentant trois points de suspension, puis
sélectionnez la couleur de votre choix dans la boîte de dialogue Windows Couleurs. Vous
pouvez choisir l’une des couleurs de base ou définir une couleur personnalisée. Cliquez
ensuite sur OK pour fermer la boîte de dialogue.
Validez votre choix par OK. La nouvelle couleur définie est appliquée au paragraphe. Elle
apparaît dans l’échantillon situé à côté du bouton Couleur des caractères.
Les cinq derniers boutons de la barre d’outils de l’éditeur de paragraphes portent sur les liens
insérés dans les paragraphes. Nous y reviendrons plus en détail à la section "Les liens".
REMARQUE : - Associés aux interlignes, les attributs Gras et Italique peuvent vous permettre de
structurer un paragraphe Texte en faisant office de "sous-titres". Pour simplifier la gestion de vos
textes, posez-vous toutefois la question de savoir s’il vaut mieux créer deux paragraphes Texte
plus courts plutôt qu’un long paragraphe Texte.
Dans Shop to date, la mise en forme du texte saisi s’effectue de la même manière que dans
les autres applications. Le menu contextuel comporte également les commandes Copier,
Couper et Coller.
REMARQUE : - L’éditeur de paragraphes ne permet pas de modifier la police, ni la taille des
caractères. Quel que soit le type de paragraphe activé, Shop to date affiche tous les textes dans
la police du programme.
La taille des caractères est automatiquement définie par le modèle de design sélectionné.
Les polices de caractères proposées sont parfaitement adaptées aux designs. Dans la boîte de
dialogue Sélectionner un design, vous avez toutefois la possibilité de sélectionner la police de
votre choix pour votre boutique (onglet Police de caractères). Le programme vous garantit un
résultat professionnel dans tous les cas, sans intervention de votre part.
Dès que vous quittez le paragraphe Texte, sa longueur totale est affichée de manière
schématisée dans l’Aperçu des paragraphes.
Insérer des photos et des images en tant qu’illustrations
Si vous n’avez pas doté le paragraphe d’une illustration au moment de sa création en cliquant
sur le bouton Choisir une illustration, vous pouvez le faire maintenant.
Vous disposez de plusieurs possibilités. Vous pouvez par exemple utiliser la fenêtre de
propriétés du paragraphe.
153
Chapitre 4
Shop to date 5 pro
Pour afficher les propriétés d’un paragraphe, double-cliquez sur celui-ci dans l’Aperçu
des paragraphes ou cliquez sur le bouton Fenêtre de propriétés dans la barre d’outils.
Vous pouvez aussi cliquer sur le paragraphe dans l’Aperçu des paragraphes avec le bouton
droit de la souris et sélectionner la commande Propriétés dans le menu contextuel.
La boîte de dialogue Propriétés se présente comme sur l’image suivante.
Le titre du paragraphe, que vous pouvez modifier, est affiché dans la partie supérieure.
Lorsque vous cliquez sur le bouton Appliquer, la modification est immédiatement répercutée
dans l’Aperçu des paragraphes.
La boîte de dialogue vous propose ensuite trois onglets : Généralités, HTML et Planification.
La fonction de planification vous permet de programmer la publication du paragraphe.
Sous l’onglet Généralités, vous pouvez agrémenter le paragraphe d’une illustration.
La mention Aucune illustration dans la zone d’aperçu indique qu’aucune illustration n’a
encore été affectée au paragraphe. Pour sélectionner une image, faites glisser cette dernière
depuis la bibliothèque de médias vers la zone d’aperçu de la boîte de dialogue.
154
Notions fondamentales d’organisation du contenu
Vous pouvez aussi sélectionner une illustration en cliquant sur le bouton Sélectionner
une illustration. Le programme ouvre la boîte de dialogue Sélectionner une image.
Dans la partie gauche de la fenêtre, vous pouvez voir la liste de tous les fichiers image que
vous avez placés dans la bibliothèque de médias. Le cas échéant, vous pouvez sélectionner
une catégorie dans la liste déroulante mise à votre disposition.
Par défaut, la liste affiche toutes les images (toutes les catégories). Servez-vous de liste pour
restreindre l’affichage à la catégorie voulue.
Cliquez sur un fichier dans la liste pour l’afficher dans la zone d’aperçu.
Les
trois
options
proposées en bas de la
boîte de dialogue vous permettent de choisir l’action qui doit être appliquée à l’image quand
un visiteur clique dessus. L’option Agrandir l’image ouvre l’image dans une nouvelle fenêtre
du navigateur, dans sa taille d’origine. Avec l’option Aucune action, aucune action n’est
exécutée.
Pour lier l’illustration à une autre page, activez l’option Afficher le lien, puis cliquez sur le
bouton Sélectionner la cible du lien pour définir si l’image doit être liée à une page de votre
boutique en ligne, à un site externe ou à un lien de téléchargement.
Double-cliquez sur l’image voulue, ou sélectionnez-la et cliquez sur OK pour l’insérer dans le
paragraphe.
REMARQUE : - Pour afficher la bibliothèque de médias dans la partie inférieure de l’interface du
programme, cliquez sur le bouton Images de cette zone. La bibliothèque de médias est une zone
de stockage de tous les fichiers image, multimédia et autres qui doivent apparaître dans votre
boutique ou être proposés en téléchargement à vos visiteurs.
Pour insérer dans le paragraphe une image qui ne se trouve pas encore dans la bibliothèque
de médias, cliquez sur le bouton Importer une image dans la boîte de dialogue Sélectionner une
image.
Double-cliquez sur le fichier voulu dans l’arborescence des dossiers (ou cliquez sur Ouvrir,
puis OK dans la boîte de dialogue Sélectionner une image) pour l’ajouter à la bibliothèque de
médias. Vous pouvez importer des fichiers image au format JPEG, GIF et BMP.
155
Chapitre 4
Shop to date 5 pro
REMARQUE : - Pour importer un fichier image au format JPEG, remplacez simplement
l’extension par .jpg. Il en va de même pour les fichiers médias au format MPEG : en remplaçant
l’extension par .mpg, vous pouvez aussi les importer dans Shop to date.
Validez votre choix par OK: L’illustration apparaît dans la fenêtre de propriétés du
paragraphe. L’action à exécuter en cas d’activation de l’image est identifiée par une
petite icône, située dans le coin supérieur gauche de la zone Illustration du
paragraphe.
Supprimer cette illustration : supprime l’illustration sélectionnée. Vous pouvez
remplacer l’illustration supprimée par une autre image à tout moment.
Éditer cette illustration : ouvre l’éditeur d’images, dans lequel vous pouvez éditer vos
images (voir section "Éditer une image").
Agrandir cette illustration : activez cette fonction si vous voulez proposer une vue
agrandie de l’illustration à vos visiteurs quand ils cliquent dessus.
Pour insérer une image dans un paragraphe, vous pouvez aussi la faire glisser depuis la
bibliothèque de médias vers l’Aperçu des paragraphes ou l’éditeur de paragraphes.
Si vous faites glisser une image vers l’éditeur de paragraphe, vous avez la possibilité de
l’insérer dans le paragraphe en tant qu’illustration ou en tant que lien renvoyant du texte à
l’image.
REMARQUE : - La plupart des modifications que vous apportez à un paragraphe dans l’éditeur
de paragraphes ne sont pas répercutées tout de suite dans l’Aperçu des paragraphes, mais
seulement la fois suivante où vous l’activez. Même si elles ne sont pas encore visibles, elles ont
bien été prises en compte par le programme. À l’inverse, les paramètres définis dans la fenêtre
de propriétés du paragraphe, comme l’insertion ou le remplacement d’une image, sont affichés
dans l’Aperçu des paragraphes dès que vous cliquez sur le bouton Appliquer.
Quand une image a été insérée dans un paragraphe, la boîte de dialogue Propriétés propose
la zone Légende de l’illustration, dans laquelle vous pouvez saisir une légende pour
l’illustration.
Saisissez le titre de l’image sur la ligne supérieure, affichée en caractères gras, et la légende
elle-même en dessous.
156
Notions fondamentales d’organisation du contenu
Par défaut, cette légende accompagne toujours l’image, quelles que soient les pages sur
lesquelles elle apparaît et quel que soit leur nombre.
Si, toutefois, vous voulez définir plusieurs légendes pour la même image, par exemple parce
que l’image apparaît à différents emplacements du site dans des contextes différents, vous
pouvez modifier les paramètres de la légende.
Cliquez à cet effet sur l’icône jaune figurant à côté du titre de l’image et activez l’option
Légende individuelle. La légende préalablement saisie se rapporte uniquement à l’instance
actuelle de l’image.
Il est bien entendu à tout moment possible de convertir une légende universelle en légende
individuelle. Pour ce faire, activez d’abord l’option voulue, puis cochez la case Copier la
légende universelle vers la légende individuelle. L’inverse est également possible : vous pouvez
convertir une légende individuelle en légende universelle. Dans ce cas, les légendes
éventuellement créées pour cette image seront remplacées. Cliquez sur Appliquer pour
insérer l’image, son titre et sa légende dans le paragraphe Texte.
REMARQUE : - Les légendes servent généralement à décrire l’image et font référence au
paragraphe correspondant. La longueur des légendes n’étant pas limitée, vous pouvez utiliser les
illustrations et leurs légendes comme des éléments de texte autonomes et ainsi créer un "article
dans l’article".
La mise en forme des titres et des légendes des images dépend du modèle de design
sélectionné. Nous vous conseillons de vérifier régulièrement les légendes dans la boutique en
ligne créée.
Dans la barre d’outils, cliquez sur le bouton Aperçu dans le navigateur pour visualiser le
résultat dans le modèle de design choisi.
157
Chapitre 4
Shop to date 5 pro
Dans la boutique en ligne créée, le visiteur pourra cliquer sur l’illustration pour ouvrir la
photo ou l’image dans une nouvelle fenêtre, dans sa taille d’origine.
Faites l’essai vous-même : créez un paragraphe Texte, complétez-le avec du texte et insérez
une illustration. Vous constatez que l’Aperçu des paragraphes a pris en compte vos saisies. À
côté de la représentation schématisée du nombre de lignes, vous voyez la légende et la
vignette de l’illustration. Vous obtenez ainsi un aperçu rapide du contenu de vos pages,
même sans activer les différents paragraphes.
REMARQUE : - Le titre et la légende dont vous dotez une image font partie de l’image elle-même
et non du paragraphe dans lequel elle apparaît. Vous pouvez donc les affecter directement à
l’image dans sa fenêtre de propriétés, que vous ouvrez en double-cliquant sur l’image dans la
bibliothèque de médias.
4.2.2 Paragraphe Image
Ce type de paragraphe est idéal pour les grandes images détaillées et aère la structure de
vos pages. Alors que dans le type de paragraphe Texte, l’image sert uniquement à illustrer le
principal élément du paragraphe, à savoir le texte, elle constitue l’élément principal dans le
type de paragraphe Image. De plus, un paragraphe Image ne contient seulement un titre et
un texte d’accompagnement ou une légende.
Comme pour les illustrations, vous pouvez associer aux images une action spécifique qui sera
activée quand un visiteur cliquera sur l’image dans la boutique en ligne publiée, par exemple
agrandir l’image ou renvoyer vers une autre page Web. De même, les légendes des images du
type de paragraphe Image peuvent être universelles ou individuelles.
158
Notions fondamentales d’organisation du contenu
REMARQUE : - Vous ne pouvez insérer qu’une seule image par paragraphe. Pour afficher
plusieurs images, par exemple dans le cadre d’une galerie de photos, créez autant de
paragraphes Image que nécessaire ou utilisez le plug-in Album photos (pop-up) ou le plug-in
Album photos (intégré), sur lesquels nous reviendrons plus tard.
La barre d’outils de l’éditeur de paragraphes met à votre disposition les boutons suivants :
Ouvre la fenêtre de propriétés de l’image, dans laquelle vous pouvez saisir son titre et un
texte d’accompagnement.
Ouvre la boîte de dialogue Sélectionner une image, dans laquelle vous pouvez insérer une
image dans le paragraphe.
Ouvre la boîte de dialogue Aperçu de l’image, dans laquelle vous pouvez afficher l’image
dans sa taille d’origine, l’agrandir, la réduire ou la visualiser en détail.
Pour créer un paragraphe Image, créez un paragraphe comme décrit précédemment et
activez l’option Image dans la boîte de dialogue qui s’affiche. Tapez un titre et confirmez par
OK. Le programme ouvre la boîte de dialogue Sélectionner une image, que vous connaissez
déjà. Vous pouvez y choisir l’image que vous voulez insérer dans le paragraphe. Le
paragraphe Image est ensuite créé et apparaît dans l’Aperçu des paragraphes.
Si vous n’avez pas encore doté votre image d’un titre ni d’une légende, vous pouvez les créer
dans la fenêtre de propriétés ou en cliquant à l’emplacement correspondant dans l’éditeur de
paragraphes. Quand une image n’a pas encore été nommée, le titre et la légende
apparaissent en grisé en bas de l’éditeur de paragraphes. Une fois le paragraphe Image
terminé, il s’affiche dans l’éditeur de paragraphes. L’image et le texte apparaissent aussi dans
l’Aperçu des paragraphes.
159
Chapitre 4
Shop to date 5 pro
Pour remplacer une image insérée dans un paragraphe Image par une autre, soit vous
faites glisser la nouvelle image de la bibliothèque de médias vers l’éditeur de
paragraphes ou le paragraphe dans l’Aperçu des paragraphes, soit vous cliquez sur le bouton
ci-contre dans la barre d’outils de l’éditeur de paragraphes pour ouvrir la boîte de dialogue
Sélectionner une image.
Cliquez sur le bouton ci-contre pour ouvrir la boîte de dialogue Aperçu de l’image, dans
laquelle vous pouvez agrandir ou réduire l’image, ou la visualiser en détail.
4.2.3 Paragraphe Tableau
Utilisez un paragraphe Tableau si, par exemple, vous voulez proposer dans votre boutique
en ligne un comparatif de produits possédant des caractéristiques différentes.
Dans l’Aperçu des paragraphes, le paragraphe Tableau est illustré par un titre et le nombre de
lignes et de colonnes qui le composent. En revanche, les images insérées n’apparaissent pas
dans l’Aperçu des paragraphes. La barre d’outils de l’éditeur de paragraphes met à votre
disposition les boutons suivants :
Icône
Description
Ouvre la boîte de dialogue Taille du tableau et en-têtes, dans laquelle vous pouvez définir
le nombre et les en-têtes de lignes et de colonnes.
Ajoute une ligne à la fin du tableau.
160
Notions fondamentales d’organisation du contenu
Ouvre la boîte de dialogue Éditer une cellule, dans laquelle vous pouvez saisir et éditer le
texte de la cellule.
Ouvre la boîte de dialogue Sélectionner une image, dans laquelle vous pouvez insérer une
image dans la cellule sélectionnée.
Quand vous avez activé l’option Tableau dans la boîte de dialogue Créer un nouveau
paragraphe, nommé le paragraphe et cliqué sur OK, Shop to date ouvre la boîte de dialogue
Taille du tableau et en-têtes.
Indiquez le nombre de lignes et de colonnes que le tableau doit comporter. Vous pourrez
bien entendu modifier ces paramètres à tout moment.
Précisez également si les lignes et/ou les colonnes doivent être dotées d’en-têtes. Cochez la
case correspondante. La première colonne ou la première ligne sera mise en valeur.
Pour vous déplacer dans un tableau, cliquez sur les cellules, ou servez-vous des touches de
direction ou de la touche [˜]. Si vous appuyez sur la touche Tab dans la dernière cellule d’un
tableau (en bas, à droite), le programme lui ajoute une ligne.
Pour compléter un tableau avec du contenu et donc éditer une cellule, double-cliquez
sur cette dernière ou cliquez sur le bouton ci-contre dans la barre d’outils.
Le programme ouvre la boîte de dialogue Éditer une cellule. Tapez le texte voulu. Cette boîte
de dialogue met à votre disposition diverses fonctions vous permettant de saisir, d’éditer et
de mettre en forme le texte de la cellule.
161
Chapitre 4
Shop to date 5 pro
Cliquez sur la coche verte ou sélectionnez la commande Appliquer les modifications dans le
menu Cellule pour valider vos saisies et fermer la boîte de dialogue.
REMARQUE : - Les mises en forme appliquées au texte de la cellule ne sont pas visibles dans
l’éditeur de paragraphes, mais uniquement dans la boutique en ligne finale ou dans l’aperçu dans
le navigateur.
Vous pouvez aussi insérer une image dans une cellule, soit par glisser-déplacer depuis la
bibliothèque de médias, soit en cliquant sur le bouton ci-contre, qui ouvre la boîte de
dialogue Sélectionner une image.
Pour modifier le nombre de lignes et/ou de colonnes d’un tableau existant, cliquez sur le
bouton ci-contre pour ouvrir la boîte de dialogue Taille du tableau et en-têtes et saisissez
les nouvelles valeurs.
Pour ajouter une ligne à la fin du tableau, cliquez sur le bouton ci-contre ou appuyez sur
la touche [˜] dans la dernière cellule. Des liens peuvent également être insérés dans les
cellules qui contiennent un texte.
Nous reviendrons sur ces points un peu plus loin dans le chapitre.
4.2.4 Paragraphe Énumération
Ce type de paragraphe sert à créer des listes ou énumérations, dans lesquelles chaque
nouveau paragraphe de texte ou chaque nouvelle ligne commence par une puce.
À l’intérieur de ce type de paragraphe, les énumérations sont créées au moyen de la touche
[Ä]. Les différentes parties du texte ou les lignes sont nettement séparées les unes des autres,
ce qui favorise la lisibilité.
162
Notions fondamentales d’organisation du contenu
Par conséquent, les énumérations sont plus particulièrement adaptées aux descriptions
employant des phrases courtes, par exemple à la présentation de produits.
Comme ce type de paragraphe, à l’instar des paragraphes Texte, peut aussi accueillir une
illustration, il peut notamment être utilisé pour les descriptions qui comportent des images
des éléments décrits en plus de leur énumération.
Pour créer un paragraphe Énumération, cliquez sur le bouton Nouveau paragraphe.
La première puce du paragraphe apparaît dans l’éditeur de paragraphes. Tapez votre texte et
appuyez sur la touche [Ä] pour créer les puces. L’affichage simplifié du paragraphe
Énumération dans l’Aperçu des paragraphes reprend le nombre de puces, le titre et
l’illustration le cas échéant.
Pour les paragraphes de ce type, la barre d’outils de l’éditeur de paragraphes propose les trois
boutons habituels de mise en forme en gras et en italique des mots sélectionnés, ainsi qu’un
bouton vous permettant de définir une autre couleur de caractères.
Le menu contextuel de ce type de paragraphe comporte également les commandes Copier,
Couper et Coller. Les cinq autres boutons de la barre d’outils de l’éditeur de paragraphes se
rapportent à l’édition des liens que vous pouvez y insérer.
Pour insérer une illustration dans un paragraphe Énumération, procédez comme expliqué à
la section "Paragraphe Texte" : cliquez sur le bouton Choisir une illustration dans la boîte de
dialogue Créer un nouveau paragraphe, faites glisser l’image voulue depuis la bibliothèque de
médias ou utilisez la fenêtre de propriétés du paragraphe.
4.2.5 Paragraphe Accroche
Les paragraphes Accroche vous permettent de créer des listes automatiques dont les
entrées renvoient vers d’autres pages principales ou secondaires.
Une fonction très utile des accroches est la possibilité de programmer l’affichage des
différentes entrées qui les composent. Il est ainsi possible de mettre à jour automatiquement
les heures d’entraînement d’un club ou les dates de prestations d’un orchestre par exemple.
Pour plus d’informations sur les paragraphes Accroche et découvrir leurs fonctions et
paramètres, reportez-vous au chapitre "Les pages secondaires et les accroches".
163
Chapitre 4
Shop to date 5 pro
4.2.6 Paragraphe Formulaire
Ce type de paragraphe permet aux visiteurs de votre boutique en ligne de prendre contact
avec vous.
Selon les champs proposés dans le formulaire, vos visiteurs peuvent vous poser des questions
ou vous envoyer un commentaire sur votre boutique.
L’Aperçu des paragraphes affiche les paragraphes Formulaire avec le nombre de lignes défini.
Pour les paragraphes Formulaire, la barre d’outils de l’éditeur de paragraphes met à votre
disposition les boutons suivants :
Crée un champ de formulaire à la fin du formulaire et ouvre la boîte de dialogue Éditer ce
champ.
Ouvre la boîte de dialogue Éditer ce champ, dans laquelle vous pouvez éditer le champ de
formulaire sélectionné.
Supprime le champ sélectionné sans message de confirmation.
Déplace le champ sélectionné d’une position vers le haut.
Déplace le champ sélectionné d’une position vers le bas.
Affiche les détails du formulaire dans l’éditeur de paragraphes.
Ouvre la boîte de dialogue Propriétés du formulaire.
Quand vous activez l’option Formulaire et cliquez sur OK dans la boîte de dialogue Créer un
nouveau paragraphe, Shop to date appelle l’Assistant Nouveau formulaire.
164
Notions fondamentales d’organisation du contenu
Choisir un type de formulaire
Choisissez d’abord le type de formulaire que vous voulez créer.
Vous avez le choix entre trois possibilités :
■ Formulaire de feed-back (passerelle de messagerie interne) : si votre serveur Web prend
en charge le langage PHP, vous pouvez faire appel à la passerelle de formulaires
interne pour transférer les formulaires de feed-back.
■ Préférez la deuxième option, Formulaire vide pour d’autres scripts de serveur, si vous ne
voulez pas passer par la passerelle de formulaires, parce que vous avez la possibilité
de traiter vos propres formulaires sur votre serveur Web et donc d’utiliser d’autres
scripts de serveur.
■ L’option Associer un formulaire créé avec mail to date 1 vous permet d’associer des
formulaires d’abonnement ou de désinscription aux lettres d’information et autres
messages de masse créés avec le programme Mail to date 1 de DATA BECKER
(code article : 446 774). Mail to date est un programme professionnel de création et
d’envoi de messages de masse (par exemple, messages publicitaires, lettres
d’information), et de gestion des adresses des clients et des abonnés. L’association de
ce type de formulaires présente l’avantage de permettre le transfert automatique des
informations qu’ils contiennent à Mail to date. Les données relatives à vos clients sont
ainsi automatiquement recueillies.
Formulaire de feed-back
Cliquez sur le bouton Suivant pour passer à l’étape suivante de l’Assistant Nouveau
formulaire. Dans la première zone de saisie, entrez l’adresse électronique à laquelle le
feed-back doit être envoyé.
165
Chapitre 4
Shop to date 5 pro
À la zone Objet, vous pouvez également spécifier l’objet sous lequel le message doit être
envoyé. Vous pourrez de cette manière classer vos e-mails, ce qui vous sera utile, par
exemple, si vous utilisez plusieurs formulaires de feed-back.
Vous avez par ailleurs la possibilité de créer ou sélectionner une page de feed-back qui sera
affichée sur votre site après l’envoi du formulaire par un visiteur. Une page de feed-back peut
par exemple contenir le message suivant : "Merci pour votre message. Nous vous répondrons
dans les plus brefs délais.". Il est conseillé de définir comme page de feed-back une page
secondaire qui n’apparaîtra pas dans les accroches ou ne sera pas intégrée à la séquence
Suivant/Précédent.
Cliquez sur le bouton Sélectionner/créer une page.
Dans la boîte de dialogue suivante, vous pouvez sélectionner une page existante ou créer une
page de feed-back au moyen du bouton prévu à cet effet. Le programme crée la page en tant
que page secondaire de la page principale ou de la catégorie de produits en cours, avec un
titre et un texte par défaut. Vous pouvez éditer les deux zones directement dans la boîte de
dialogue ou dans la page secondaire elle-même ultérieurement.
166
Notions fondamentales d’organisation du contenu
Validez la page de feed-back créée ou sélectionnée en cliquant sur OK.
REMARQUE : - Cette page n’est pas affichée automatiquement dans les accroches et n’est pas
intégrée à la séquence Suivant/Précédent. Elle s’affiche uniquement après l’envoi du
formulaire.
Afin que votre page de feed-back puisse être affichée, vous devez indiquer l’emplacement de
votre boutique en ligne à la passerelle de formulaires via laquelle votre formulaire est
envoyé.
À cette fin, ouvrez la fenêtre de propriétés du site Web (Fichier/Propriétés du site Web), activez
l’onglet Publication et tapez l’adresse Internet à laquelle votre site est accessible sur Internet
dans la zone URL de la cible HTTP.
Cliquez sur le bouton Précédent pour revenir à l’étape précédente de l’Assistant Nouveau
formulaire et sur Terminer pour créer le paragraphe Formulaire. Dans l’éditeur de
paragraphes, les paragraphes Formulaire contiennent déjà les principaux champs et se
présentent comme sur l’image suivante.
167
Chapitre 4
Shop to date 5 pro
Dans la colonne de gauche de l’éditeur de paragraphes, intitulée Libellé, figurent les intitulés
des champs du formulaire dans lesquels vous devez effectuer vos saisies.
Si cette colonne ne suffit pas pour décrire un champ, vous pouvez compléter les informations
fournies à vos visiteurs à la colonne Description. Il n’est toutefois pas obligatoire de
renseigner cette colonne.
Les deux premières lignes du formulaire accueillent l’adresse e-mail et l’objet que vous avez
définis au moment de la création du paragraphe. Pour éditer l’un de ces champs,
double-cliquez dessus et entrez la nouvelle adresse e-mail ou le nouvel objet dans la boîte de
dialogue qui s’affiche, puis validez par OK.
Les champs suivants sont Nom, Prénom, E-mail et Message. Vous pouvez les conserver en
l’état ou les personnaliser. Il est également possible d’ajouter de nouveaux champs. Ces deux
opérations sont à effectuer dans la boîte de dialogue Éditer ce champ, sur laquelle nous
reviendrons dans la suite de cette section.
Formulaire vide
Les formulaires vides, que vous créez avec la deuxième option de l’Assistant Nouveau
formulaire, ne font pas appel à la passerelle de formulaires interne. Il est donc recommandé
de choisir cette option uniquement si vous avez la possibilité de traiter vos propres
formulaires sur votre serveur Web et d’utiliser d’autres scripts de serveur.
La création et l’édition des champs des formulaires vides sont très similaires à celles des
champs des formulaires de feed-back. Vous devez toutefois définir vous-même les propriétés
168
Notions fondamentales d’organisation du contenu
d’envoi et de réception du formulaire dans la fenêtre de propriétés du formulaire. De plus, les
champs ne sont pas créés automatiquement avec le paragraphe. Nous vous en disons plus les
propriétés des formulaires vides dans les paragraphes suivants.
Associer un formulaire créé avec Mail to date 1
Si vous utilisez Mail to date de DATA BECKER (code article : 446 774), activez la dernière
option de l’Assistant Nouveau formulaire, Associer un formulaire créé avec Mail to date 1.
Vous pouvez de cette manière intégrer à votre projet Shop to date un formulaire créé dans
le programme Mail to date, mais aussi utiliser les formulaires d’abonnement ou de
désinscription aux lettres d’information et autres messages de masse créés dans ce dernier.
Pour associer un formulaire Mail to date 1, activez la dernière option, puis cliquez sur le
bouton Terminer.
Le programme ouvre la boîte de dialogue Ouvrir le formulaire. Sélectionnez le formulaire
créé avec Mail to date au format W2F. Cliquez sur le bouton Ouvrir. Le formulaire est inséré
sous la forme d’un paragraphe indépendant dans la page principale en cours dans Shop to
date. Toutes les données de clients contenues dans le formulaire sont automatiquement
enregistrées dans le programme Mail to date, où elles pourront être traitées.
Éditer un champ de formulaire
Les propriétés des champs de formulaire doivent être définies dans la boîte de dialogue
Éditer ce champ, déjà mentionnée, qui sert à la fois à éditer un champ existant et à créer un
nouveau champ.
Cette fenêtre peut donc s’ouvrir de différentes manières.
Pour ajouter un nouveau champ de formulaire, cliquez sur le bouton ci-contre dans la
barre d’outils de l’éditeur de paragraphes ou double-cliquez sur la ligne (nouveau
champ) dans l’éditeur de paragraphes. Dans ces deux cas, la boîte de dialogue qui s’affiche
est vide.
Pour éditer un champ, sélectionnez la ligne correspondante et cliquez sur le bouton
ci-contre. Vous pouvez aussi double-cliquer sur la ligne voulue. Dans ce cas, la boîte de
dialogue contient déjà des informations.
169
Chapitre 4
Shop to date 5 pro
Renseignez les informations que vous voulez faire figurer dans le champ. Nous vous
rappelons que la zone Libellé doit être renseignée, alors que la zone Description est
facultative. Cliquez sur OK pour appliquer vos saisies dans l’éditeur de paragraphes.
Cliquez sur le bouton Afficher les détails pour définir les paramètres avancés. Notez qu’il
s’agit de fonctions destinées aux utilisateurs avancés concernant les variables serveur, etc..
Ces fonctions ne doivent donc être utilisées que par les utilisateurs expérimentés.
Les différents types de champs
La boîte de dialogue Éditer ce champ ne permet pas seulement de saisir le libellé et une
description du champ. Vous pouvez y définir d’autres paramètres.
Lorsque vous créez un nouveau champ, vous devez sélectionner le type de champ voulu dans
la liste déroulante Type.
Les types de champ proposés sont Titre, Zone de texte (une ligne), Zone de texte (plusieurs
lignes), Case à cocher, Bouton d’option et Champ masqué.
Le tableau suivant présente les différents types de champs de formulaire et leur fonction.
170
Notions fondamentales d’organisation du contenu
Titre
Crée un titre pour le formulaire.Les visiteurs de la boutique en ligne ne
peuvent rien saisir dans les champs de ce type.
Zone de texte (une
ligne)
Crée une zone de texte d’une seule ligne.
Les visiteurs de la boutique en ligne peuvent y saisir un petit texte, tel
que leur nom, leur adresse e-mail etc..
Ce champ est défini par défaut dans la liste.
Zone de texte
(plusieurs lignes)
Crée une zone de texte de plusieurs lignes.
Les visiteurs de la boutique en ligne peuvent saisir un texte plus long
dans les champs de ce type.
Case à cocher
Crée une case à cocher activable.
Si vous créez plusieurs cases à cocher, les visiteurs de votre boutique en
ligne peuvent activer plusieurs cases à cocher simultanément (sélection
ET).
Exemple d’emploi :
Merci de m’envoyer des informations sur les thèmes suivants :
Musique
Sport
*Jardinage
Bouton d’option
Crée un bouton d’option activable.
Si vous créez plusieurs boutons d’option, les visiteurs de votre boutique
en ligne ne peuvent activer qu’un seul bouton d’option à la fois
(sélection OU).
Exemple d’emploi :
Mes goûts musicaux :
Classique
Rock
*Jazz
Champ masqué
Crée un champ que les visiteurs de votre boutique en ligne ne voient
pas. Les champs de ce type servent surtout à des fins d’information
interne, par exemple pour accueillir les propriétés d’envoi.
La création d’un champ de ce type désactive les options suivantes.
Seule la saisie des variables serveur et des valeurs de retour reste
possible. Pour entrer ces dernières, cliquez sur le bouton Afficher les
détails.
Utilisez ces fonctions uniquement si vous êtes un utilisateur
expérimenté.
Cliquez sur une entrée pour la sélectionner.
Sous les zones de saisie de la boîte de dialogue Éditer ce champ vous sont proposées deux
cases à cocher. La première, Vérifier la validité de l’adresse e-mail, est disponible uniquement
pour l’entrée Zone de texte (une ligne) de la première liste déroulante.
171
Chapitre 4
Shop to date 5 pro
Si les visiteurs de votre boutique en ligne doivent saisir leur adresse e-mail dans ce champ,
activez la case à cocher pour que Shop to date vérifie que la structure de l’entrée saisie
correspond à celle d’une adresse électronique.
Si vous activez l’option Champ à remplir obligatoirement, qui est disponible uniquement pour
les zones de texte d’une ou plusieurs lignes, les visiteurs de votre boutique en ligne doivent
renseigner ce champ. Si le champ n’est pas complété, le formulaire ne sera pas envoyé.
Activez cette option pour les champs servant à recueillir des informations importantes.
Pour les experts : Les détails
Cliquez sur le bouton Afficher les détails. Cette rubrique accueille les zones Variable serveur et
Valeur par défaut (pour les types de champ Titre, Zone de texte (une ligne) et Zone de texte
(plusieurs lignes)) ou Valeur de retour (pour les types de champ Case à cocher, Bouton d’option
et Champ masqué).
Pour les cases à cocher et les boutons d’option, l’option Champ activé par défaut a pour effet
que la case à cocher ou le bouton d’option est déjà activé dans le formulaire. Pour les
spécialistes du HTML : ces fonctions utilisent la balise NAME ou VALUE. Si vous gérez
votre propre script de formulaire sur votre serveur, les variables serveur vous permettent de
définir l’identificateur transmis au serveur via GET ou POST. Cela dépend du
fonctionnement du script.
Pour afficher les données détaillées dans l’éditeur de paragraphes, cliquez sur le bouton
ci-contre dans la barre d’outils. Désactivez-le pour n’afficher que les données par
défaut.
172
Notions fondamentales d’organisation du contenu
Grouper des boutons d’option
Shop to date vous permet de créer des groupes de boutons d’option. Normalement, il n’est
possible de n’activer qu’un seul bouton d’option à la fois, contrairement aux cases à cocher.
Ils servent donc à effectuer une sélection parmi un choix de propositions, par exemple le sexe
d’une personne. Mais comment faire pour permettre aux visiteurs de sélectionner plusieurs
propositions dans un formulaire, par exemple le sexe, la nationalité et l’état civil ?
Pour éviter que les visiteurs ne puissent activer qu’une seule option pour les trois thèmes,
vous pouvez créer des groupes de boutons d’option. Dans ce cadre, les thèmes Sexe,
Nationalité et État civil forment chacun un bloc autonome (groupe). À l’intérieur de chaque
groupe, seule une proposition peut être sélectionnée.
Cliquez pour ce faire sur le bouton Afficher les détails et saisissez la même variable serveur
pour chacune des options d’un même groupe, mais une valeur de retour différente, pouvant
correspondre au libellé. N’utilisez pas de caractères spéciaux ni d’espaces.
Si vous voulez créer d’autres groupes de boutons d’option, attribuez-leur d’autres variables
serveur.
Propriétés du formulaire
Vous devez définir ou éditer les propriétés des formulaires vides. Vous ne pouvez utiliser les
formulaires vides que si vous avez la possibilité de traiter vos propres formulaires sur votre
serveur Web et donc d’utiliser d’autres scripts de serveur.
Ouvrez la fenêtre de propriétés du formulaire au moyen du bouton ci-contre ou du
bouton Propriétés du formulaire de la boîte de dialogue Propriétés. Vous pouvez aussi
cliquer sur le paragraphe Formulaire avec le bouton droit de la souris dans l’Aperçu des
paragraphes et sélectionner la commande Propriétés du formulaire dans le menu contextuel.
Lorsque vous ouvrez la fenêtre de propriétés d’un formulaire de feed-back, le programme
affiche préalablement un message.
REMARQUE : - Dans les paragraphes suivants, nous partons du principe que vous disposez d’un
script de formulaire. Un script de formulaire est un petit programme installé sur votre serveur
Web, qui réceptionne et traite les entrées d’un formulaire, par exemple les enregistre dans une
base de données ou les envoie par e-mail. Votre prestataire de services Internet propose
peut-être ce type de scripts. Certaines fournisseurs gratuits le font également.
La fenêtre Propriétés du formulaire vous propose trois options dans sa partie inférieure.
173
Chapitre 4
Shop to date 5 pro
Si vous activez l’option Désigner une autre cible pour la transmission des formulaires, vous
pouvez définir les paramètres suivants :
URL cible
Définit la propriété ACTION du formulaire, c’est-à-dire l’adresse à laquelle les
données du formulaire doivent être envoyées. Tapez cette dernière, y compris le
préfixe de protocole (http:, https: ou mailto:).
Méthode
Définit la propriété METHOD du formulaire. Les valeurs autorisées sont POST et
GET.
Encodage
Définit la propriété ENCTYPE du formulaire. Les valeurs possibles sont application/
x-www-form-urlencoded, text/plain et multipart/form-data.
Le consortium W3 recommande la méthode GET quand le programme de
traitement utilise les données uniquement comme paramètres de fonctionnement,
alors que la méthode POST est conseillée pour les cas où le programme de
traitement applique d’autres méthodes telles que l’enregistrement des données dans
une base de données. Par ailleurs, la méthode POST est conçue pour les volumes de
données plus importants que la méthode GET, pour lesquels les paramètres sont
associés à l’URL.
Les visiteurs du site peuvent aussi envoyer les formulaires par courrier électronique.
Pour ce faire, faites précéder votre adresse électronique du préfixe mailto: dans la zone URL
cible, par exemple mailto:[email protected]. Sélectionnez la méthode POST et le type
d’encodage text/plain. Lorsqu’un visiteur du site cliquera sur le lien Envoyer, son client de
messagerie ouvrira directement une fenêtre de message contenant déjà l’adresse
électronique, l’objet et les données du formulaire. Il ne lui restera plus qu’à l’envoyer.
4.2.7 Paragraphe Élément HTML
Shop to date vous permet d’insérer des codes HTML complets afin que vous puissiez
reprendre dans votre site Web des informations provenant d’autres sites Web ou des
éléments basés sur JavaScript.
174
Notions fondamentales d’organisation du contenu
Shop to date vous permet d’insérer des codes HTML complets afin que vous puissiez
reprendre dans votre site Web des informations provenant d’autres sites Web ou des
éléments basés sur JavaScript.
Comme pour les paragraphes Texte et Énumération, les paragraphes HTML peuvent
accueillir une illustration.
Dans la pratique, ce type de paragraphe vous permet, par exemple, de proposer un
planificateur d’itinéraire dans votre boutique en ligne. Quand vous insérez des éléments
HTML au moyen d’un code source, ils sont exécutés dans votre boutique en ligne.
Pour les paragraphes Élément HTML, la barre d’outils de l’éditeur de paragraphes met à
votre disposition les boutons suivants :
Ouvre la boîte de dialogue Importer un fichier HTML, dans laquelle vous pouvez
sélectionner le fichier que vous voulez insérer.
Ouvre la boîte de dialogue Exporter un fichier HTML, dans laquelle vous pouvez définir le
dossier d’enregistrement du fichier HTML que vous avez créé ou édité.
Ouvre la boîte de dialogue Associer un élément externe qui vous permet d’afficher des
scripts dans des frames.
175
Chapitre 4
Shop to date 5 pro
Le type de paragraphe Élément HTML vous offre trois possibilités :
■ Saisir directement le texte HTML dans l’éditeur
■ Importer un fichier HTML existant
■ Associer un élément externe
Saisir ou importer un code HTML
Créez un paragraphe Élément HTML. Ce type de paragraphe autorisant l’insertion
d’illustrations, vous pouvez cliquer sur le bouton Choisir une illustration et sélectionner
l’image voulue dans la boîte de dialogue Sélectionner une image.
La fenêtre de propriétés du paragraphe, que vous pouvez ouvrir à partir du menu contextuel
de l’Aperçu des paragraphes, vous permet aussi d’insérer l’image après-coup. Vous pouvez
également faire glisser l’image depuis la bibliothèque de médias vers le paragraphe HTML
dans l’Aperçu des paragraphes.
Cliquez sur OK pour afficher le paragraphe avec son illustration dans l’Aperçu des
paragraphes.
Au départ, la fenêtre de l’éditeur de paragraphes est vide. Pour intégrer un élément
HTML dans le paragraphe, ouvrez la boîte de dialogue d’importation des fichiers
HTML en cliquant sur le bouton ci-contre ou via la commande Fichier étranger/Importer.
Shop to date autorise l’importation de fichiers HTML, de fichiers de script (*.html,
*.htm, *.php) et de fichiers texte (*.txt). Choisissez le fichier voulu et cliquez sur Ouvrir.
Le code source s’affiche dans l’éditeur de paragraphes.
Pour éditer le fichier importé ou le code source saisi, servez-vous des commandes du menu
contextuel : Sélectionner tout, Copier, Couper, Coller, Supprimer et Annuler.
Si vous avez créé le code HTML vous-même ou que vous avez modifié un code importé, vous
pouvez l’enregistrer dans un autre dossier de votre ordinateur afin d’en disposer dans
d’autres projets de boutique en ligne. Cliquez pour cela sur le bouton ci-contre.
Associer un élément externe
Pour associer un élément externe, activez l’option Associer un élément externe de
l’Assistant Nouvel élément HTML ou cliquez sur le bouton ci-contre dans la barre
d’outils de l’éditeur de paragraphes. Le programme ouvre la boîte de dialogue Associer un
élément externe.
176
Notions fondamentales d’organisation du contenu
Entrez l’adresse URL (le site Web) à
laquelle cet élément est disponible. Les
boutons Vérifier l’URL et Afficher l’URL vous permettent de vérifier la validité de l’URL et de
l’afficher dans le navigateur par défaut.
Sous Hauteur, vous pouvez indiquer la hauteur de l’élément associé dans votre boutique en
ligne. La valeur par défaut est 300 pixels. La largeur est définie automatiquement par le
programme.
Si vous voulez que les visiteurs de votre boutique en ligne puissent faire défiler l’élément,
activez l’option Afficher des barres de défilement (option activée par défaut).
Cliquez sur OK pour associer l’élément externe à votre boutique en ligne.
4.2.8 Paragraphe Clip média
Les paragraphes Clip média vous permettent de proposer aux visiteurs de votre boutique
en ligne des fichiers vidéo et Flash, qu’ils pourront regarder sur Internet.
Vous pouvez en outre doter la vidéo ou le fichier Flash d’une illustration.
Utilisez le type de paragraphe Clip média par exemple pour présenter des souvenirs de
vacances, des extraits de jeu, votre famille ou votre association avec des images animées.
REMARQUE : - Shop to date prend en charge les formats vidéo les plus courants. Quand vous
insérez des vidéos à votre site, faites attention à la taille des fichiers et à la durée de chargement
correspondante. Pour importer un fichier au format MPEG dans Shop to date, remplacez
l’extension par MPG (par exemple dans l’Explorateur Windows).
177
Chapitre 4
Shop to date 5 pro
Pour les paragraphes Clip Média, la barre d’outils de l’éditeur de paragraphes met à votre
disposition les boutons suivants :
Ouvre la fenêtre de propriétés du fichier vidéo ou Flash inséré dans le paragraphe.
Ouvre la boîte de dialogue Sélectionner une vidéo, dans laquelle vous pouvez sélectionner et
lire la vidéo que vous voulez insérer dans le paragraphe.
Lit la vidéo.
Pour créer un paragraphe Clip média, activez l’option Clip média dans l’Assistant Nouveau
paragraphe et affectez-lui une illustration le cas échéant.
Cliquez sur OK. Le programme ouvre la boîte de dialogue Sélectionner une vidéo, dans
laquelle vous pouvez sélectionner le fichier de média voulu (pas uniquement un fichier
vidéo).
Les fichiers affichés dans la boîte de dialogue sont ceux que vous avez ajoutés à la
bibliothèque de médias sous Fichiers étrangers.
Sélectionnez le fichier vidéo ou Flash que vous voulez insérer dans le paragraphe. Cliquez sur
Lire la vidéo pour lancer la vidéo.
Si vous activez (sélectionner la vidéo plus tard), Shop to date crée un paragraphe vide. Validez
par OK.
178
Notions fondamentales d’organisation du contenu
REMARQUE : - Pour lire la vidéo, il faut que le lecteur requis (par exemple, le lecteur
QuickTime, RealPlayer ou le Lecteur Windows Media) soit installé sur votre système.
Pour insérer une vidéo ou un fichier Flash dans un paragraphe, vous devez préalablement
l’ajouter à la zone Fichiers étrangers de la bibliothèque de médias.
Si la bibliothèque de médias n’en contient pas encore, vous pouvez ajouter un fichier en
cliquant sur le bouton Importer une vidéo.
Une fois le fichier choisi, l’affichage dans l’éditeur de paragraphes est modifié.
Les propriétés du fichier vidéo sont affichées sous Titre, Fichier et Format.
L’option Taille vous permet de définir la taille de la fenêtre de lecture.
Cliquez sur le bouton ci-contre pour lire la vidéo. Un programme externe de lecture des
fichiers médias démarre (généralement le Lecteur Windows Media ou RealPlayer) et lit
la vidéo.
Pour insérer une vidéo ou un fichier Flash dans le paragraphe après-coup ou remplacer le
fichier par un autre, activez la zone Fichiers étrangers de la bibliothèque de médias.
Le programme affiche tous les fichiers étrangers disponibles, dont les vidéos et les fichiers
Flash, que vous avez chargés dans la bibliothèque de médias. Faites glisser le fichier que vous
voulez insérer vers l’éditeur de paragraphes en maintenant le bouton de la souris enfoncé.
Formats vidéo pris en charge
Shop to date prend en charge les formats vidéo suivants :
■ Windows Media : couvre tous les formats vidéo qui peuvent être lus dans le Lecteur
Windows Media, fourni avec toutes les dernières versions de Windows et de
Microsoft Internet Explorer. Les fichiers Windows Media portent l’extension .asf,
.wma, .wmv, .wm ou .mpg.
179
Chapitre 4
Shop to date 5 pro
■ QuickTime : format vidéo destiné principalement aux ordinateurs Apple. La lecture
des vidéos nécessite l’installation du plug-in QuickTime. Les fichiers QuickTime
portent l’extension .mov ou .qt.
■ RealMedia : format de RealPlayer. La lecture des vidéos nécessite l’installation de
RealPlayer. Les fichiers RealMedia portent l’extension .rm ou .ram.
■ Flash : développé par Macromedia, Flash est un format très compact permettant la
lecture des animations Web interactives au format vectoriel. La lecture des vidéos
nécessite l’installation du plug-in Flash. Les fichiers Flash portent l’extension .swf.
REMARQUE : - Procédez comme suit pour insérer une vidéo dans un autre format ou lire les
vidéos dans une fenêtre de lecteur externe : créez un paragraphe Texte, Énumération ou
Tableau. Insérez un lien vers le fichier vidéo en faisant glisser ce dernier de la bibliothèque de
fichiers étrangers vers le paragraphe ou en cliquant sur le bouton Lien dans la bibliothèque de
fichiers étrangers. Quand un visiteur cliquera sur ce lien, le lecteur approprié démarrera
automatiquement (s’il est installé sur son ordinateur) et lira la vidéo.
Vous trouverez de plus amples informations sur les formats vidéo et les lecteurs aux adresses
Internet suivantes :
Windows Media
www.windowsmedia.com
RealMedia
www.real.com
QuickTime
www.apple.com/quicktime
Flash
www.macromedia.com/software/flashplayer/
4.2.9 Type de paragraphe Plug-in
Le type de paragraphe Plug-in vous permet de tirer le maximum de votre site web. Les
plug-in ajoutent à votre site des fonctionnalités supplémentaires, parfois interactives.
Plug-in Agenda
Le plug-in Agenda vous permet d’établir une liste de rendez-vous pour les jours, les semaines
et les mois à venir. Ces rendez-vous peuvent être uniques ou récurrents. Pour que votre
agenda reste à jour en permanence, les rendez-vous expirés sont automatiquement
supprimés de la liste.
180
Notions fondamentales d’organisation du contenu
REMARQUE : - ce plug-in n’impose aucune exigence particulière à votre navigateur Internet
mais exige un serveur web capable d’exécuter des scripts PHP.
Pour créer un nouveau paragraphe de type Plug-in Agenda :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Agenda.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Agenda :
1. Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite,
ou cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale.
Vous ouvrez ainsi la boîte de dialogue Agenda dans laquelle vous pouvez définir les
paramètres de configuration du plug-in.
2. Un clic sur le bouton Nouveau rendez-vous ouvre une seconde boîte de dialogue
dans laquelle vous devez saisir les détails du rendez-vous à créer. Dans la liste
déroulante Date, utilisez le calendrier pour préciser la date de ce rendez-vous.
Cliquez ensuite sur OK pour valider le rendez-vous et l’ajouter à votre liste. Répétez
l’opération pour tous les rendez-vous à inscrire dans votre agenda.
3. Sous la liste des rendez-vous, précisez ensuite à quel moment un rendez-vous à venir
doit être annoncé sur votre site web (nombre de jours avant son échéance) et à quel
moment il ne doit plus apparaître sur le site (nombre de jours après son échéance).
4. Si vous souhaitez que les rendez-vous affichés sur votre site web soient précédés de
leur date, cochez l’option Afficher la date devant l’événement.
5. Par défaut, les liens que vous associez à vos rendez-vous portent la mention Plus....
Pour remplacer ce libellé, saisissez un texte personnel dans le champ Libellé des
liens.
Plusieurs boutons sont à votre disposition sous la liste des rendez-vous :
Nouveau rendez-vous : permet de créer un nouveau rendez-vous (unique).
Nouvelle série de rendez-vous : permet de créer une nouvelle série de rendez-vous
(récurrents).
181
Chapitre 4
Shop to date 5 pro
Supprimer ce rendez-vous : permet de supprimer le rendez-vous actuellement sélectionné
dans la liste.
Modifier ce rendez-vous : permet de modifier les détails du rendez-vous sélectionné.
Insérer un lien : permet d’associer un lien au rendez-vous sélectionné.
Supprimer ce lien : permet de supprimer le lien associé au rendez-vous sélectionné.
Supprimer tous les rendez-vous expirés : permet de retirer de la liste tous les rendez-vous
qui, d’après les paramètres actuels, ont expiré.
Créer une série de rendez-vous
Un clic sur le bouton Nouvelle série de rendez-vous ouvre une boîte de dialogue dans laquelle
vous devez saisir les informations suivantes :
Evénement associé à cette série de rendez-vous : dans ce champ, décrivez en détails la nature
de l’événement associé à cette série de rendez-vous (par ex. réunion des membres du
bureau).
Date du premier rendez-vous : cliquez sur la flèche pour afficher le calendrier et fixer la date
du premier rendez-vous de la série.
Rendez-vous quotidien : activez cette option si le rendez-vous doit se répéter tous les jours.
Rendez-vous tous les xx jours : activez cette option si le rendez-vous doit se répéter selon un
intervalle compris entre 2 et 100 jours.
Rendez-vous hebdomadaire : activez cette option si le rendez-vous doit se répéter toutes les
semaines.
Rendez-vous toutes les xx semaines : activez cette option si le rendez-vous doit se répéter
selon un intervalle compris entre 2 et 100 semaines.
Rendez-vous mensuel : activez cette option si le rendez-vous doit se répéter tous les mois.
Rendez-vous tous les xx mois : activez cette option si le rendez-vous doit se répéter selon un
intervalle compris entre 2 et 100 mois.
Fin de la série de rendez-vous : cliquez sur la flèche pour afficher le calendrier et fixer la date
du dernier rendez-vous de la série.
Nombre fixe de rendez-vous : si le rendez-vous doit se répéter un nombre de fois établi à
l’avance (p. ex. 10), sélectionnez la valeur correspondante dans la liste déroulante. Vous
pouvez combiner cette option avec les options précédentes.
182
Notions fondamentales d’organisation du contenu
Pour valider vos paramètres et quitter la fenêtre de configuration du plug-in, cliquez sur le
bouton OK.
Plug-in Album photos (intégré)
Le plug-in Album photos (intégré) vous permet d’afficher des photos sur votre site web en les
intégrant directement dans la page actuelle.
A côté de l’image principale affichée en grand format, vous pouvez ajouter un nombre
déterminé d’images miniatures. Lorsque le visiteur clique sur l’une de ces miniatures,
l’image correspondante s’affiche en grand format à l’intérieur de l’album.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière au serveur web que vous
exploitez. Il requiert toutefois un navigateur Internet capable d’exécuter JavaScript.
Pour créer un nouveau paragraphe de type Plug-in Album photos (intégré) :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Album photos (intégré).
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Album photos (intégré) :
1. Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite,
ou cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale.
Vous ouvrez ainsi la boîte de dialogue Album photos (intégré) dans laquelle vous
pouvez définir les paramètres de configuration du plug-in.
Sélectionner des images
2. Dans la partie droite de la boîte de dialogue, la rubrique Sélection des images vous
invite à sélectionner une à une les différentes images qui composeront votre album
photos. Cliquez sur l’un des emplacements de l’album, puis sélectionnez l’une des
images présentes dans la bibliothèque de web to date ou cliquez sur le bouton
Importer une image. Cliquez ensuite sur le bouton Ajouter dans l’album ou
double-cliquez sur l’image souhaitée pour qu’elle prenne sa place au sein de l’album.
Vous obtenez le même résultat en pressant la touche [Inser] de votre clavier. Pour
supprimer l’image actuellement sélectionnée dans l’album, pressez la touche
[Suppr].
183
Chapitre 4
Shop to date 5 pro
Sous la fenêtre de l’album, trois onglets vous invitent à personnaliser l’album en cours de
création : Présentation, Images et Légende / navigation.
3. L’onglet Présentation vous aide à personnaliser l’apparence de votre album photos.
Commencez par déterminer l’emplacement des miniatures autour de l’image
principale : miniatures à gauche, miniatures en haut, miniatures à droite, miniatures
en bas, miniatures à gauche et à droite, miniatures en haut et en bas
4. A la ligne suivante, précisez si l’espacement entre les images doit être petit, moyen ou
grand.
5. Avec la réglette, déterminez enfin le nombre de miniatures, c’est-à-dire le nombre
de photos à intégrer dans votre album. Toutes les modifications que vous apportez
sont immédiatement prises en compte dans la fenêtre d’affichage Album, ce qui vous
permet de les tester et éventuellement de les corriger.
6. L’onglet Images vous aide à paramétrer les images incluses dans votre album. Dans
la liste déroulante Format des images, sélectionnez un format prédéfini pour
l’affichage de vos photos. Pour un formatage plus précis, chargez d’abord vos images
dans l’éditeur d’images de web to date et choisissez l’un des formats prédéfinis. Si
vous souhaitez éviter cette étape d’ajustement manuel, cochez l’option Optimiser
automatiquement le format des images : web to date se charge alors d’ajuster
lui-même vos images.
7. Cochez ensuite l’option Ajouter une bordure si vous souhaitez présenter chaque
image à l’intérieur d’une bordure dont la couleur peut être librement définie (clic sur
le bouton à trois points).
8. L’onglet Légende / navigation vous offre la possibilité d’ajouter une légende à votre
album photos. Il vous permet également d’ajouter des liens de navigation grâce
auxquels les visiteurs pourront parcourir vos images vers l’avant ou vers l’arrière. Le
texte de ces liens peut être saisi librement.
9. Pour valider vos choix avant de quitter la fenêtre de configuration du plug-in, cliquez
sur le bouton OK.
Pour tester l’album photos que vous venez de configurer, créez le site web puis affichez-le
dans votre navigateur Internet.
Plug-in Album photos (pop-up)
Vous souhaitez présenter à vos visiteurs une sélection de photos sans pour autant surcharger
votre site web ni augmenter le temps de chargement de la page d’accès ?
Rien de plus simple : le plug-in Album photos (pop-up) est un outil de présentation
professionnelle, parfaitement adapté à la diffusion de photos sur le Web. Il dépose sur votre
page web un simple lien pointant vers une fenêtre pop-up séparée contenant l’intégralité de
votre album photos. Dans cette fenêtre, un simple clic suffit pour agrandir les photos
miniatures ou pour feuilleter les différentes pages de l’album.
184
Notions fondamentales d’organisation du contenu
REMARQUE : - ce plug-in n’impose aucune exigence particulière au serveur web utilisé, mais
requiert un navigateur Internet capable d’exécuter JavaScript.
Pour créer un nouveau paragraphe de type Plug-in Album photos (pop-up) :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Album photos (pop-up).
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Album photos (pop-up) :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Album photos (pop-up) dans laquelle vous pouvez définir les
paramètres de configuration du plug-in.
Sélectionner des images
Dans la partie droite de la boîte de dialogue, la rubrique Sélection des images vous invite à
sélectionner une à une les différentes images qui composeront votre album photos. Cliquez
sur l’un des emplacements de l’album, puis sélectionnez l’une des images présentes dans la
bibliothèque de web to date ou cliquez sur le bouton Importer une image. Cliquez ensuite sur
le bouton Ajouter dans l’album ou double-cliquez sur l’image souhaitée pour qu’elle prenne
sa place au sein de l’album.
Vous obtenez le même résultat en pressant la touche [Inser] de votre clavier. Pour
supprimer l’image actuellement sélectionnée dans l’album, pressez la touche [Suppr].
Sous la fenêtre de l’album, six onglets vous invitent à personnaliser l’album en cours de
création : Format, Images, Description, Design, Langage et Options.
L’onglet Format :
Cet onglet vous permet de définir le format de votre album photos. Commencez par indiquer
le nombre de lignes, de colonnes et de pages à créer (en fonction du nombre de photos à
présenter).
Précisez ensuite si l’espacement entre les images doit être petit, moyen ou grand.
185
Chapitre 4
Shop to date 5 pro
Par défaut, la taille de la fenêtre pop-up est fixée à 800 pixels pour la largeur et à 600 pixels
pour la hauteur. Les deux listes déroulantes vous permettent de définir une taille
personnalisée.
L’onglet Images :
L’onglet Images vous aide à paramétrer les images incluses dans votre album. Dans la liste
déroulante Format des images, sélectionnez un format prédéfini pour l’affichage de vos
photos.
Pour un formatage plus précis, chargez d’abord vos images dans l’éditeur d’images de web to
date et choisissez l’un des formats prédéfinis. Si vous souhaitez éviter cette étape
d’ajustement manuel, cochez l’option Optimiser automatiquement le format des images :
web to date se charge alors d’ajuster lui-même vos images.
Cochez ensuite l’option Avec bordure si vous souhaitez présenter chaque image à l’intérieur
d’une bordure dont la couleur et l’épaisseur peuvent être librement définis.
L’onglet Description :
Cet onglet vous invite à saisir - pour l’image actuellement sélectionnée - un titre et une
description qui apparaîtront sur l’écran lorsque l’image sera présentée en grand format.
L’onglet Design :
Cet onglet vous aide à personnaliser l’apparence de votre album photos. Commencez par
saisir le titre de votre album, puis cliquez sur le bouton A pour choisir la police de caractères
associée à ce titre.
A la ligne suivante, cliquez sur le bouton Appliquer pour que la photo affichée dans la
fenêtre d’aperçu (à droite) devienne l’image d’arrière-plan de votre album photos. Pour
supprimer ensuite cette image d’arrière-plan, cliquez sur le bouton Supprimer. Pour que
l’arrière-plan ne soit pas une image mais une simple couleur, cliquez sur le bouton du champ
Couleur d’arrière-plan et choisissez le coloris souhaité.
REMARQUE : - en fonction de l’image ou de la couleur choisie pour l’arrière-plan de l’album
photos, il peut être utile de modifier la couleur d’affichage des titres et des descriptions (afin de
les rendre plus lisibles). Pour cela, il suffit de cliquer sur les boutons des champs Description et
Titre et de sélectionner de nouveaux coloris.
186
Notions fondamentales d’organisation du contenu
L’onglet Langage :
Cet onglet vous permet de personnaliser les différents éléments de texte qui jalonnent votre
album photos (un fois publié sur Internet). Ces éléments peuvent être modifiés librement,
notamment en fonction de la langue de diffusion de votre site web. Pour retrouver l’élément
de texte initial, cliquez simplement sur le bouton Restaurer le texte par défaut.
L’onglet Options :
Si vous souhaitez limiter l’accès à votre album photos, définissez le mot de passe que vos
visiteurs seront invités à saisir avant de pouvoir parcourir vos photos.
A la ligne Sur les pages, indiquez si les pages individuelles de votre album photos doivent
proposer des liens de navigation (Photo précédente/Photo suivante) et afficher les légendes
des photos.
Si vous cochez l’option Images XXL, les visiteurs pourront afficher chaque photo au format
XXL dans une nouvelle fenêtre.
Et ce n’est pas tout : web to date vous offre également la possibilité d’appliquer un modèle de
design à votre album photos.
Pour valider vos choix avant de quitter la fenêtre de configuration du plug-in, cliquez sur le
bouton OK. Pour tester l’album photos que vous venez de configurer, créez votre site web
puis affichez-le dans votre navigateur Internet.
Plug-in Album Animation
Ce plug-in permet de positionner des objets graphiques animés sur votre site web. Il est
conçu pour donner un peu de "peps" à votre site web à l’occasion d’événements spéciaux que
vous pouvez planifier librement.
Pour configurer ce plug-in, vous pouvez non seulement faire votre choix parmi une sélection
d’objets et de musiques classés dans les rubriques Printemps, Saint Sylvestre, Noël et
Football, mais aussi importer vos propres fichiers graphiques et audio (midi).
Vous avez également la possibilité de créer un lien entre l’objet sélectionné pour l’animation
et la cible de votre choix, par exemple une offre spéciale ou un fichier externe.
187
Chapitre 4
Shop to date 5 pro
REMARQUE : - ce plug-in n’impose aucune contrainte particulière au serveur web que vous
exploitez. Il requiert simplement un navigateur Internet capable d’exécuter JavaScript.
Pour créer un nouveau paragraphe de type Plug-in Animation :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Animation.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Animation :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Animation dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
Sélectionner un objet graphique
Dans la partie supérieure de la boîte de dialogue, commencez par ouvrir la liste déroulante
Objet afin de sélectionner l’objet à animer sur votre site web.
Pour ouvrir l’un des objets fournis avec le plug-in, sélectionnez la rubrique Printemps, Saint
Sylvestre, Noël ou Football, puis sélectionnez l’objet souhaité (qui s’affiche dans la fenêtre
d’aperçu).
Pour utiliser un autre objet, sélectionnez la rubrique (personnalisé) dans la liste déroulante.
La fenêtre inférieure vous invite alors à importer un fichier graphique au format JPEG ou
GIF.
Cliquez sur cette invitation pour ouvrir la boîte de dialogue Importer un objet, puis localisez
l’objet souhaité sur votre disque dur ou sur un support de données. Pour cela, sélectionnez
d’abord le dossier puis le fichier, et cliquez sur le bouton Ouvrir.
REMARQUE : - vous ne pouvez importer que des fichiers portant l’extension *.jpg ou *.gif.
188
Notions fondamentales d’organisation du contenu
Si l’option Exécuter l’animation est cochée, l’objet actuellement affiché dans la fenêtre
d’aperçu sera mis en mouvement sur votre page. Dans le cas contraire, aucun objet ne sera
affiché et seule sera exécutée la musique de fond que vous aurez éventuellement
sélectionnée.
Sélectionner une musique de fond
Dans la partie droite de la boîte de configuration, vous pouvez sélectionner la musique qui
s’exécutera automatiquement lorsqu’un visiteur accédera à la page web sur laquelle vous
aurez inséré le plug-in Animation.
Pour choisir l’une des musiques fournies avec le plug-in, sélectionnez la rubrique Printemps,
Saint Sylvestre, Noël ou Football, puis sélectionnez la musique souhaitée dans la liste
proposée. Le bouton en forme de flèche (présent sous la liste) vous permet d’entendre la
musique choisie.
Pour utiliser une autre musique, sélectionnez la rubrique (personnalisé) dans la liste
déroulante. La fenêtre inférieure vous invite alors à importer un autre fichier audio au
format MIDI.
Cliquez sur cette invitation pour ouvrir la boîte de dialogue Importer une musique, puis
localisez la musique souhaitée sur votre disque dur ou sur un support de données. Pour cela,
sélectionnez d’abord le dossier puis le fichier, et cliquez sur le bouton Ouvrir.
REMARQUE : - vous ne pouvez importer que des fichiers portant l’extension *.mid.
Si l’option Lire la musique est cochée, la musique actuellement sélectionnée sera lue
automatiquement lorsqu’un visiteur accédera à la page web sur laquelle vous aurez inséré le
plug-in. Si l’option n’est pas cochée, aucune musique ne sera lue et seul sera affiché l’objet
sélectionné pour l’animation.
Insérer un lien
Sous la fenêtre d’aperçu, le bouton Insérer un lien vous permet de créer un lien à partir de
votre animation. Lorsque le visiteur clique sur l’animation, il est automatiquement redirigé
vers un site web (interne ou externe), une image ou un fichier étranger.
Un clic sur le bouton Insérer un lien ouvre une boîte de dialogue du programme principal,
dans laquelle vous pouvez définir la cible de la redirection. Pour plus d’informations sur cette
boîte de dialogue, consultez l’aide du programme principal.
189
Chapitre 4
Shop to date 5 pro
Pour supprimer un lien préalablement créé, cliquez simplement sur le bouton Supprimer ce
lien.
Activer le planificateur
Le planificateur vous permet de programmer dans le temps l’apparition de votre animation.
Pour que l’animation apparaisse à une date précise (par ex. le 24 décembre), cochez la
première case de la ligne Affichage, puis cliquez sur la flèche pour sélectionner la date
souhaitée.
Pour que l’animation apparaisse sur une période donnée, cochez également la deuxième case
et indiquez le dernier jour d’affichage.
Pour désactiver le planificateur, décochez simplement les deux cases en cliquant dedans.
Pour valider vos sélections avant de quitter la boîte de dialogue, cliquez sur le bouton OK.
Pour quitter la boîte de dialogue sans valider vos sélections, cliquez sur le bouton Annuler.
Vous pouvez maintenant tester l’effet du plug-in sur votre site web en affichant la page
concernée dans un navigateur Internet (bouton Aperçu dans le navigateur).
Plug-in Arrière-plan
Ce plug-in permet aux visiteurs de votre site web de télécharger gratuitement les images que
vous proposez en tant qu’éléments d’arrière-plan et de les utiliser pour décorer le Bureau de
leur PC.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière au navigateur Internet ni au
serveur web.
Pour créer un nouveau paragraphe de type Plug-in Arrière-plan :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Arrière-plan.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
190
Notions fondamentales d’organisation du contenu
Pour configurer le plug-in Arrière-plan :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Arrière-plan dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
Sélectionner une image
Pour sélectionner une image, cliquez sur le bouton Charger une image, désignez le fichier
JPEG de votre choix, puis cliquez sur le bouton Ouvrir. L’image sélectionnée est alors
importée vers le plug-in et affichée dans la fenêtre d’aperçu.
Cliquez sur le bouton Suivant pour passer à l’étape suivante.
REMARQUE : - la résolution de l’image doit être au moins égale à la plus haute résolution
d’écran proposée pour le téléchargement. Dans le cas contraire, l’image pourra servir
d’arrière-plan mais avec une perte évidente de qualité.
Sélectionner un format d’écran
La deuxième étape vous permet de préciser pour quel format d’écran votre image doit être
optimisée :
■ 4:3 pour écrans CRT et LCD ou
■ 16:10 / 16:9 pour écrans larges LCD
Cochez l’option souhaitée.
Si l’image et le type d’écran présentent des formats différents, un message vous en informe.
Pour optimiser l’image en fonction du format choisi, cliquez sur le bouton Ajuster l’image.
Dans la fenêtre Ajuster l’image, l’image d’origine est affichée à l’intérieur d’un cadre
correspondant au format choisi. Vous pouvez déplacer ce cadre sur l’image pour sélectionner
précisément la zone graphique à conserver. Cliquez ensuite sur le bouton OK pour appliquer
cet ajustement.
Si vous répondez positivement à la demande de confirmation, l’image ajustée est importée
dans le plug-in et affichée dans la fenêtre d’aperçu.
Cliquez sur le bouton Suivant pour passer à l’étape suivante.
191
Chapitre 4
Shop to date 5 pro
Sélectionner une ou plusieurs résolutions
Cette étape vous permet de préciser pour quelle(s) résolution(s) votre image doit être
optimisée :
■ 800 x 600
■ 1024 x 768
■ 1280 x 1024
■ 1600 x 1200
REMARQUE : - les résolutions signalées par un triangle jaune peuvent être proposées mais elles
provoqueront une perte de qualité (en raison de la taille de l’image d’origine). Pour proposer des
arrière-plans compatibles avec toutes les résolutions d’écran (sans perte de qualité),
sélectionnez une image dont la taille correspond au minimum à la résolution d’écran la plus
élevée (1600 x 1200).
Cochez la ou les résolutions souhaitées.
Cliquez sur le bouton Suivant pour passer à l’étape suivante.
Autres détails
Dans la zone Autres détails, vous pouvez saisir un message qui s’affichera à côté de la
représentation miniature de votre image d’arrière-plan. Pour que ce message s’affiche, vous
devez cocher la case Afficher le message.
Lorsque la case Afficher la taille de l’image en kilo-octets est cochée, la taille de l’image
apparaît sur votre page web à côté de chaque résolution proposée.
Un clic sur le bouton Terminer permet de valider vos choix et de fermer la fenêtre de
configuration du plug-in.
Tester le plug-in
Une fois le plug-in configuré, vous pouvez tester son efficacité en affichant la page web
concernée dans votre navigateur Internet (bouton Aperçu dans le navigateur).
Pour télécharger l’arrière-plan proposé, choisissez la résolution désirée en cliquant sur le lien
correspondant. Attendez ensuite le chargement complet de l’image dans une nouvelle
fenêtre du navigateur.
Cliquez sur l’image avec le bouton droit de votre souris, puis choisissez la commande Etablir
en tant qu’élément d’arrière-plan. L’image devient alors l’arrière-plan de votre Bureau.
192
Notions fondamentales d’organisation du contenu
Plug-in Astuce du jour
Que vous souhaitiez annoncer le plat du jour de votre restaurant ou publier des conseils de
bricolage, le plug-in Astuce du jour est l’outil idéal pour proposer aux visiteurs de votre site
web un bloc de texte personnalisé dont le contenu change tous les jours, toutes les heures ou
à chaque appel de la page web.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière à votre navigateur Internet
mais requiert un serveur web pouvant exécuter des scripts PHP.
Pour créer un nouveau paragraphe de type Plug-in Astuce du jour :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Astuce du jour.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Astuce du jour :
1. Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite,
ou cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale.
Vous ouvrez ainsi la boîte de dialogue Astuce du jour dans laquelle vous pouvez
définir les paramètres de configuration du plug-in.
2. La zone Liste des astuces vous permet de regrouper toutes les astuces qui
apparaîtront en alternance sur votre page web.
Pour remplir cette liste, vous disposez des boutons suivants :
■ Nouvelle astuce : crée une nouvelle astuce.
■ Supprimer cette astuce : supprime l’astuce sélectionnée.
■ Modifier cette astuce : permet de modifier l’astuce sélectionnée.
■ Insérer un lien : associe un lien hypertexte à l’astuce sélectionnée.
■ Supprimer ce lien : supprime le lien associé à l’astuce sélectionnée.
■ Déplacer vers le haut : déplace l’astuce sélectionnée vers le rang supérieur.
■ Déplacer vers le bas : déplace l’astuce sélectionnée vers le rang inférieur.
3. Un clic sur le bouton Nouvelle astuce ouvre une boîte de dialogue dans laquelle
vous pouvez saisir librement le texte de votre astuce. Si vous souhaitez coller
directement un texte provenant d’un autre programme, copiez ce texte dans le
193
Chapitre 4
Shop to date 5 pro
4.
5.
6.
7.
Presse-papiers de Windows, puis cliquez sur le bouton Coller depuis le
Presse-papiers dans la fenêtre web to date. Cliquez ensuite sur OK pour ajouter
cette nouvelle astuce à votre liste.
Répétez l’opération autant de fois que nécessaire pour créer une liste
suffisamment étoffée.
Pour déterminer l’ordre d’apparition des astuces les unes par rapport aux autres,
utilisez les boutons fléchés Déplacer vers le haut et Déplacer vers le bas pour
classer les différentes astuces à l’intérieur de la liste. Déterminez ensuite à quel
rythme les astuces doivent se succéder : Alterner tous les jours, Alterner toutes
les heures, Alterner à chaque appel (de la page web concernée)
Pour sauvegarder votre liste actuelle en vue d’une utilisation ultérieure, cliquez
sur le bouton Enregistrer, saisissez un nom de fichier, puis cliquez sur le bouton
Enregistrer. Vos astuces sont alors sauvegardées dans un fichier au format
W2DTIP.
Cliquez sur OK pour valider vos choix et quitter la boîte de dialogue.
Pour tester l’effet de votre paragraphe Astuce du jour, publiez la page web concernée et
affichez-la dans votre navigateur.
Plug-in Bannière
Le plug-in Bannière permet d’afficher une zone de défilement sur votre site web. Cette zone
peut reprendre les contenus actuels de votre projet web to date ou inclure des textes
librement définis.
Chaque entrée de la bannière peut être associée à un lien pointant vers une adresse URL. En
cliquant sur ce lien, le visiteur peut avoir accès à une page d’information supplémentaire.
Pour créer un nouveau paragraphe de type Plug-in Bannière :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Bannière.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Bannière :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Bannière dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
194
Notions fondamentales d’organisation du contenu
La ligne Eléments à inclure vous permet de définir le type de contenu de votre bannière,
ainsi que le nombre d’entrées à afficher sous forme de texte.
La première liste déroulante propose quatre types de contenu :
Pages secondaires
Lorsque cette option est activée, utilisez la fenêtre Contenu de la bannière pour sélectionner
la page principale dont les pages secondaires doivent être incluses dans la bannière. Pour
inclure également les pages secondaires des pages principales subordonnées, cochez la case
Inclure les pages principales subordonnées.
Pages principales
Lorsque cette option est activée, utilisez la fenêtre Contenu de la bannière pour sélectionner
la page principale dont le contenu doit être inclus dans la bannière. Pour inclure également
le contenu des pages principales subordonnées, cochez la case Inclure les pages principales
subordonnées.
Paragraphes de texte
Lorsque cette option est activée, utilisez la fenêtre Contenu de la bannière pour sélectionner
la page principale dont les paragraphes de texte doivent être inclus dans la bannière.
Remarque : seuls sont affichés les paragraphes visibles auxquels vous avez attribué un titre.
Les paragraphes de texte sans titre et les autres types de paragraphe sont ignorés.
Composition manuelle
Lorsque cette option est activée, utilisez la fenêtre Contenu de la bannière pour créer de
nouvelles entrées personnalisées et/ou pour sélectionner manuellement les différents
contenus de vos pages web actuelles.
Nouvelle entrée vide
Ce bouton permet d’inclure dans la bannière un texte personnel dont vous devez saisir le titre
et le texte court.
Le bouton Insérer un lien permet d’associer à cette entrée un lien qui dirigera les visiteurs
vers un autre élément (lien interne, lien externe, lien vers une image ou lien vers un fichier
étranger).
Pour supprimer le lien créé, cliquez sur le bouton Supprimer ce lien.
195
Chapitre 4
Shop to date 5 pro
Nouvelle entrée à partir d’une page existante
Ce bouton permet de créer manuellement une entrée associée à une page principale ou à un
paragraphe de texte existant(e). Cette entrée peut également renvoyer vers une page
externe, une image ou un fichier étranger (bouton Insérer un lien).
Editer une entrée
Toutes les entrées sélectionnées pour apparaître dans la bannière sont affichées dans la zone
Contenu de la bannière. Pour éditer l’une de ces entrées, double-cliquez sur son nom ou
cliquez sur le bouton Editer une entrée. Les boutons fléchés permettent ensuite de définir
l’ordre d’affichage des entrées au sein de la liste et donc de la bannière.
Cliquez sur le bouton OK pour fermer la boîte de dialogue en enregistrant vos paramètres de
configuration.
Sens et vitesse de défilement
Dans la partie inférieure de la boîte de dialogue, la ligne Défilement vous permet de
déterminer le sens de défilement des textes à l’intérieur de la bannière (de droite à gauche ou
de bas en haut).
L’option de bas en haut vous offre la possibilité de choisir la taille de la boîte d’affichage
(petite, moyenne ou grande) en fonction de la quantité de texte à afficher.
Après avoir choisi le sens du défilement, sélectionnez sa vitesse : lente, normale ou rapide.
Couleurs
Pour finir, personnalisez la couleur de l’arrière-plan, des caractères et des liens intégrés.
Cliquez sur le bouton OK pour fermer la boîte de configuration, puis publiez le plug-in pour
contrôler son contenu et son apparence.
Plug-in Blog
Ce plug-in permet d’ajouter à votre site web un journal intime appelé blog, que vous pouvez
entretenir en ligne et agrémenter d’images et de liens.
REMARQUE : - ce plug-in requiert un serveur web capable d’exécuter des scripts PHP4.
L’installation de gdLib 2 est recommandée.
Pour créer un nouveau paragraphe de type Plug-in Blog :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
196
Notions fondamentales d’organisation du contenu
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Blog.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Blog :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Blog dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
Une fois le blog créé, il vous reste à définir le mot de passe grâce auquel vous serez autorisé
à entretenir votre blog sur le Net. Vous pouvez également indiquer le nombre d’entrées
pouvant s’afficher sur chaque page du blog et préciser si ces entrées doivent être
accompagnées uniquement d’une date ou bien de la date et de l’heure de leur création.
Vous pouvez aussi définir si les images chargées à partir du plug-in doivent être
redimensionnées sur le serveur. Cette mise à l’échelle automatique vous permet d’ajouter
des images à votre blog sans être obligé de leur faire subir un traitement préalable
(ajustement de la largeur, optimisation pour l’affichage sur le Web, etc.). Cette mise à
l’échelle fonctionne uniquement si gbLib 2 est installé sur votre serveur. En cas de doute,
interrogez votre prestataire ou testez simplement la fonction. Si le redimensionnement
automatique ne fonctionne pas, désactivez l’option.
Attention : certains prestataires établissent une limite de chargement pour votre espace web
(les fameux File Posts). Cette limite détermine la taille maximale des fichiers pouvant être
chargés vers le serveur. Si une image dépasse cette taille maximale, elle n’est pas affichée. La
taille maximale autorisée est indiquée dans le champ Upload du système de traitement
back-end, mais elle n’est pas fiable à 100%. C’est pourquoi vous devrez vous adresser à votre
prestataire en cas de problème lors du chargement. Le programme web to date n’a aucune
influence en la matière.
Sur le blog publié, le système de traitement en ligne (back-end) est accessible via la fonction
Se connecter. Il propose les options suivantes :
Nouvelle entrée
Utilisez cette fonction pour ajouter une nouvelle entrée à votre blog. Saisissez un titre, un
lien et un texte, puis chargez une image si vous le souhaitez. Le texte peut recevoir l’attribut
gras ou italique, représenté par les paramètres de substitution [b] et [/b] ou [i] et [/i].
Editer une entrée
Cette fonction est identique à la précédente mais permet de modifier une entrée déjà créée.
197
Chapitre 4
Shop to date 5 pro
Supprimer cette entrée
Cette fonction permet de supprimer l’entrée actuelle.
Sauvegarder - avec les images
Cette fonction vous permet de télécharger un fichier compact contenant l’intégralité de votre
blog (y compris les images). Vous pouvez restaurer ce fichier grâce à la fonction Restaurer le
blog.
Sauvegarder - sans les images
Cette fonction est identique à la précédente mais le fichier téléchargé ne contient aucune
image. Elle offre l’avantage de produire des fichiers plus petits.
Restaurer le blog
Cette fonction vous permet de restaurer un blog préalablement sauvegardé.
Attention : la limite de chargement imposée par votre prestataire peut également entraver la
restauration de votre blog. Si la taille du fichier à charger vers le serveur dépasse la limite
fixée, vous ne pourrez pas restaurer votre blog. Dans ce cas, il est conseillé d’appliquer une
autre stratégie de sauvegarde : la sauvegarde via le FTP (voir ci-dessous).
Supprimer tout le blog
Cette fonction supprime l’intégralité de votre blog.
Se déconnecter
Cette fonction permet de se déconnecter de la zone d’administration.
Stratégie de sauvegarde alternative
Si la procédure normale de sauvegarde ou de restauration se solde par un échec, vous pouvez
appliquer une autre méthode pour sauvegarder votre blog. Dans la boîte de configuration, la
ligne Dossier précise dans quel dossier du serveur web votre blog enregistre ses données.
Grâce à un programme FTP, vous pouvez sauvegarder intégralement le contenu de ce
dossier et le restaurer à tout moment.
Si ce type d’accès FTP vous est impossible, vous pouvez également utiliser la fonction
Sauvegarder - sans les images. Dans ce cas, l’archive créée est plus petite et la limite de
chargement imposée par le prestataire est respectée. Il vous reste alors à sauvegarder les
images séparément.
Plug-in Chat
L’espace de chat permet d’associer à la dynamique d’un site web les internautes qui viennent
le visiter. Pour ajouter un espace de chat à votre site web, utilisez le plug-in Chat qui vous
permet de créer au choix un chat ouvert (accessible à tous vos visiteurs) ou un chat fermé
(exigeant l’identification de chaque utilisateur).
198
Notions fondamentales d’organisation du contenu
REMARQUE : - ce plug-in requiert un serveur web capable d’exécuter des scripts PHP. Il exige
également un navigateur Internet capable d’exécuter AJAX (Asynchronous JavaScript and
XML).
Pour créer un nouveau paragraphe de type Plug-in Chat :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Chat.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Chat :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Chat dont les onglets Attributs, Langage et Liste des utilisateurs
vous permettent d’effectuer vos réglages.
L’onglet Attributs
L’onglet Attributs permet de configurer l’apparence du chat sur votre site web.
La ligne Police de caractères vous invite à choisir la police des caractères affichés sur le chat.
Vous avez le choix entre les polices Tahoma, Verdana, Trebuchet, Arial et Times New
Roman, qui sont très largement diffusées dans l’univers de l’Internet. Ainsi, vous êtes certain
que la police sélectionnée ne provoquera aucun problème d’affichage.
La ligne Hauteur de la fenêtre de chat vous permet de définir si la fenêtre affichée sur votre
page web sera de hauteur minimale, moyenne ou maximale.
Les cinq lignes suivantes servent à déterminer la couleur des différents éléments à afficher :
l’arrière-plan, les caractères, les liens, les messages privés et les cadres. Pour choisir une
couleur, cliquez simplement sur l’un des boutons représentant trois points, puis choisissez le
coloris souhaité dans la boîte de dialogue de Windows.
Sur les espaces de chat, les émoticônes :-) sont devenues monnaie courante. Si vous activez
l’option Afficher les émoticônes, une barre d’outils supplémentaire apparaîtra sur votre chat
afin de proposer aux utilisateurs une sélection d’émoticônes préformatées, à insérer d’un
simple clic.
199
Chapitre 4
Shop to date 5 pro
L’onglet Langage
Cet onglet vous permet d’adapter selon vos besoins le langage (libellés et messages
d’information) utilisé dans ce plug-in. Cette possibilité existe également dans le programme
principal.
Double-cliquez sur un élément pour modifier le texte à afficher.
REMARQUE : - dans la partie supérieure de la boîte de dialogue Editer le texte, la fonction
spécifique à l’élément sélectionné fait l’objet d’une explication. Lisez attentivement cette
explication afin d’éviter de modifier par erreur le texte d’un message apparaissant à un autre
endroit.
Pour annuler une modification et retrouver le texte initial d’un élément, double-cliquez sur
l’élément souhaité puis cliquez sur le bouton Restaurer le texte par défaut.
L’onglet Liste des utilisateurs
Par défaut, le plug-in crée un espace de chat ouvert dont l’utilisation n’exige aucune
identification particulière. Les visiteurs de votre site web ont juste besoin de saisir le
pseudonyme sous lequel ils souhaitent apparaître dans le chat actuel.
Comme son nom l’indique, le chat ouvert est accessible à tous. En tant qu’administrateur du
site web, vous n’avez aucune influence sur la liste des chateurs ni sur les contenus diffusés.
L’onglet Liste des utilisateurs vous offre la possibilité d’autoriser un à un tous les utilisateurs
de votre chat, c’est-à-dire de créer un chat fermé dont l’accès exige une procédure
d’identification.
Pour cela, vous devez d’abord cocher l’option Espace de chat fermé (les utilisateurs doivent
s’identifier).
Cliquez ensuite sur le bouton Nouvel utilisateur pour saisir l’identifiant (nom d’utilisateur)
et le mot de passe du nouvel utilisateur admis sur le chat.
Par défaut, le mot de passe saisi dans la boîte de dialogue est masqué (les caractères sont
remplacés par des étoiles). Pour le faire apparaître clairement, cliquez sur le bouton Afficher/
masquer le mot de passe.
REMARQUE : - pour créer un chat fermé, vous devez définir au moins deux utilisateurs.
Pour afficher le nouvel utilisateur dans la liste des utilisateurs, cliquez sur OK.
200
Notions fondamentales d’organisation du contenu
Le bouton Supprimer cet utilisateur vous permet de retirer de la liste l’utilisateur
actuellement sélectionné.
Pour éditer le profil de l’utilisateur actuellement sélectionné (par ex. pour lui attribuer un
nouveau mot de passe), cliquez sur le bouton Editer cet utilisateur.
Pour valider vos réglages et quitter la boîte de dialogue, cliquez sur le bouton OK.
Remarques :
■ N’oubliez pas d’ajouter à votre chat un paragraphe de texte contenant les règles à
respecter sur cet espace.
■ Si vous optez pour un chat fermé, n’oubliez pas de créer un support permettant aux
visiteurs de s’inscrire (formulaire, lien vers une adresse e-mail, etc.).
Plug in Compte à rebours
Ouverture d’un nouveau magasin, lancement d’une offre promotionnelle, début des
championnats du monde, assemblée générale de votre association, noces d’argent de vos
grands-parents... Les occasions ne manquent pas pour déposer sur votre site web une horloge
égrenant les jours et les heures jusqu’à l’événement tant attendu ! Le plug-in Compte à
rebours vous permet justement d’ajouter à votre site web une horloge dynamique à comptage
régressif.
REMARQUE : - ce plug-in n’impose aucune exigence particulière au serveur web que vous
exploitez. Il requiert toutefois un navigateur Internet capable d’exécuter Javascript.
Pour créer un nouveau paragraphe de type Plug-in Compte à rebours :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Compte à rebours.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Compte à rebours :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Compte à rebours dans laquelle vous pouvez définir les paramètres
de configuration du plug-in.
201
Chapitre 4
Shop to date 5 pro
Date et heure de l’événement
Configurer ce plug-in est une opération simple et rapide. Commencez par déterminer la date
de l’événement qui doit se produire à la fin du compte à rebours. Pour cela, utilisez le
calendrier afin de fixer la date (par ex. mardi 1er janvier 2008) et l’horloge pour fixer l’heure
(par ex. 12:00:00).
Fuseau horaire
Sélectionnez ensuite le fuseau horaire pour lequel doit s’afficher le compte à rebours. Pour
utiliser le fuseau horaire associé au visiteur de votre site, laissez l’option Fuseau horaire du
visiteur activée. Le compte à rebours s’affichera automatiquement pour le fuseau horaire
réglé dans le système du visiteur.
Pour définir un fuseau horaire spécifique, activez l’option Fuseau horaire sélectionné, puis
sélectionnez le fuseau horaire souhaité dans la liste déroulante (par ex. (GMT +1.00)
Europe centrale pour la France) et cochez l’option Heure d’été si le compte à rebours doit
prendre en compte le passage à l’heure d’été.
Désignation de l’événement
Ce champ permet de décrire l’événement pour lequel le compte à rebours est activé. Le
champ suivant permet de saisir le texte qui apparaîtra sur l’écran lorsque le compte à rebours
sera terminé.
Eléments à afficher
Dans cette liste d’options, sélectionnez la ou les unités de temps que le compte à rebours doit
afficher sur votre site web.
Les affichages disponibles sont les suivants :
■ Jours
■ Jours, heures, minutes
■ Jours, heures, minutes, secondes
■ Heures, minutes, secondes
■ Heures, minutes
■ Secondes
Le plug-in effectue automatiquement les calculs nécessaires pour afficher le décompte en
fonction de l’unité choisie. De cette façon, vous pouvez facilement égrener des heures ou
même des secondes, sans être obligé de vous lancer dans des calculs de conversion.
Design
Pour finir, sélectionnez l’apparence de votre horloge en choisissant parmi dix modèles de
design. Cliquez simplement sur le design souhaité.
202
Notions fondamentales d’organisation du contenu
Pour valider vos sélections avant de quitter la boîte de dialogue, cliquez sur le bouton OK.
Pour quitter la boîte de dialogue sans valider vos sélections, cliquez sur le bouton Annuler.
Plug in Compteur d’accès
Votre site web enregistre une fréquentation importante et vous aimeriez le faire savoir au
monde entier ? Ou bien vous souhaitez connaître le nombre d’accès à votre site web afin
d’établir des statistiques internes ? Aucun problème : installez le plug-in Compteur d’accès
sur votre page d’accueil et vous saurez à tout moment combien de visiteurs sont passés par
chez vous !
Le plug-in Compteur d’accès indique le nombre d’accès enregistrés dans la journée, ainsi que
le cumul de tous les accès comptabilisés.
Dès que votre site web est publié, vous pouvez lire l’état actuel du compteur sur la page
réservée à l’administrateur. Cette page est accessible grâce au lien présent dans l’Editeur de
paragraphe (fenêtre de droite dans le programme principal). Pour cela, vous devez
simplement saisir l’URL HTTP de cette page dans les propriétés du site. Lire le compteur sur
la page Administrateur est particulièrement utile si vous avez opté pour un compteur
invisible.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière au navigateur Internet que
vous utilisez. Il requiert toutefois un serveur web pouvant exécuter des scripts PHP.
Pour créer un nouveau paragraphe de type Plug-in Compteur d’accès :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Compteur d’accès.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Compteur d’accès :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Compteur d’accès dans laquelle vous pouvez définir les paramètres
de configuration du plug-in.
Par défaut, la valeur de départ du compteur est 0. Mais vous pouvez saisir une autre valeur
selon vos besoins.
203
Chapitre 4
Shop to date 5 pro
Utiliser un compteur invisible
Pour installer sur votre site web un compteur invisible, activez l’option Utiliser un compteur
invisible. Seule la page réservée à l’administrateur vous permet alors de connaître l’état
actuel du compteur.
Utiliser un compteur avec texte
Pour installer un compteur d’accès prenant l’apparence d’un simple texte, activez l’option
Utiliser un compteur avec texte.
Dans le champ Texte, vous pouvez définir librement le texte à afficher. L’apparence finale de
ce texte est présentée à la ligne Aperçu. Pour intégrer dans le texte le décompte de la journée
et le total cumulé, utilisez les boutons Total des accès comptabilisés [t] et Accès
comptabilisés aujourd’hui [d]. Le dernier bouton permet de rétablir le texte initial : Accès
du jour : 3482 - Total des accès : 87652.
REMARQUE : - si le texte peut être modifié librement, les paramètres [d] et [t] quant à eux
doivent être conservés tels quels.
Utiliser un compteur avec image
Cette option permet d’installer un compteur graphique.
Les designs proposés sont les suivants :
■ Bleu
■ Jaune
■ Argent
■ Digital
■ Diodes
■ Tableau
Pour valider vos modifications avant de quitter la boîte de dialogue, cliquez sur le bouton
OK.
Vous pouvez ensuite vérifier la configuration de votre compteur dans la rubrique Paramètres
actuels de l’Editeur de paragraphe.
Plug in Dernière modification
Pour les visiteurs qui consultent régulièrement votre site web, il peut être utile de connaître
la date de la dernière mise à jour du site. De cette façon, les visiteurs peuvent savoir
rapidement s’ils découvriront ou non des nouveautés sur vos pages web.
204
Notions fondamentales d’organisation du contenu
Le plug-in Dernière modification permet justement d’afficher la date et/ou l’heure de la
dernière modification apportée à votre site web.
REMARQUE : - ce plug-in n’impose aucune exigence particulière au serveur web ni au navigateur
Internet.
Pour créer un nouveau paragraphe de type Plug-in Dernière modification :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Dernière modification.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Dernière modification :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Date et heure de la dernière modification dans laquelle vous pouvez
définir les paramètres de configuration du plug-in.
Le champ Texte vous permet de saisir librement le texte à afficher et d’intégrer la date et/ou
l’heure dans le format que vous souhaitez (pour cela, utilisez les boutons proposés sous le
champ). Le texte final s’affiche sur la ligne Aperçu.
Les boutons de la barre d’outils vous permettent d’insérer la date et/ou l’heure dans les
formats suivants :
■ Date au format court [d] : 01/09/2003
■ Date au format long [D] : lundi 1 septembre 2003
■ Heure au format court [t] : 13:20
■ Heure au format long [T] : 13:20:12
■ Texte par défaut : Dernière modification apportée le lundi 1 septembre 2003 à
13:20:12.
205
Chapitre 4
Shop to date 5 pro
REMARQUE : - dans le champ Texte, la date et l’heure sont des variables qui doivent
impérativement être saisies en tant que paramètres ([d], [D], [t] et [T]).
Cliquez sur le bouton OK pour valider vos modifications et quitter la boîte de dialogue.
Dans l’interface principale du programme, la rubrique Paramètres actuels affiche la forme
actuelle du texte.
Plug in Diaporama
Ce plug-in vous permet de publier sur votre site web un album photos Flash animé,
autrement dit un diaporama dans lequel vos photos personnelles peuvent être accompagnées
d’un titre et d’une brève description.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière à votre serveur web, mais
exige un navigateur Internet prenant en charge Adobe Flash.
Pour créer un nouveau paragraphe de type Plug-in Diaporama :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Diaporama.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Diaporama :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Diaporama dont les onglets Diapositives, Langage, Paramètres et
Couleurs vous invitent à définir les paramètres de configuration du plug-in.
L’onglet Diapositives
Cet onglet vous permet de sélectionner et de trier les différentes images ou photos qui
formeront les diapositives de votre diaporama.
En haut à droite, la liste déroulante vous permet de choisir une catégorie d’images existante.
Un clic sur le bouton Importer une image permet de charger de nouvelles images à partir de
votre disque dur ou d’un autre support de données.
206
Notions fondamentales d’organisation du contenu
Cliquez sur une image pour l’afficher dans la fenêtre Aperçu.
Ajouter une image dans le diaporama
Pour créer une nouvelle diapositive (c’est-à-dire pour ajouter une nouvelle image dans le
diaporama), double-cliquez sur le nom de l’image souhaitée (dans la liste de droite) ou
cliquez sur l’image puis sur le bouton Ajouter dans le diaporama.
Supprimer une image du diaporama
Pour supprimer une image du diaporama, cliquez dessus (dans la liste de gauche) puis
cliquez sur le bouton Supprimer cette image (croix rouge).
Définir l’ordre d’affichage des diapositives
Pour trier les différentes images du diaporama (autrement dit pour classer les diapositives),
sélectionnez l’image de votre choix dans la liste de gauche puis cliquez sur l’un des boutons
fléchés pour déplacer l’image jusqu’à la position souhaitée.
Les déplacements possibles sont les suivants :
■ Déplacer vers le début
■ Déplacer vers le haut
■ Déplacer vers le bas
■ Déplacer vers la fin
Propriétés de l’image
Vous avez la possibilité d’associer à chaque diapositive un titre et une brève description qui
apparaîtront au-dessus de l’image affichée dans le diaporama.
Pour saisir ces textes (ou les modifier après coup), vous pouvez soit double-cliquer sur
l’image souhaitée (dans la liste de gauche), soit cliquer dessus puis sur le bouton Propriétés
de l’image.
Vous accédez ainsi aux champs Titre de l’image et Description dont le remplissage est
facultatif.
L’onglet Langage
Cet onglet vous permet d’adapter à vos besoins le langage utilisé dans ce plug-in (libellés et
messages d’information). Double-cliquez sur un élément pour modifier le texte
correspondant, ou cliquez sur le bouton Editer le texte.
207
Chapitre 4
Shop to date 5 pro
Pour retrouver le texte initial d’un élément, cliquez simplement sur le bouton Restaurer le
texte par défaut.
L’onglet Paramètres
Cet onglet permet de définir les paramètres généraux du diaporama :
Nom du diaporama : saisissez un titre personnel pour votre diaporama.
Description : saisissez une brève description du contenu de votre diaporama.
Image d’arrière-plan : pour charger une image d’arrière-plan dans le plug-in, cliquez sur le
bouton Sélectionner une image. Dans la boîte de dialogue ainsi ouverte, choisissez l’image
souhaitée : elle apparaît désormais dans la fenêtre d’aperçu de l’onglet Paramètres. Pour la
supprimer, cliquez sur le bouton Supprimer cette image.
Effet de transition : dans la liste déroulante, choisissez l’effet de transition à appliquer entre
les différentes diapositives.
Téléchargement : précisez si les visiteurs de votre site sont autorisés à télécharger vos
différentes photos et/ou votre album photos complet. Un bouton apparaît alors dans le
diaporama pour permettre ce téléchargement.
Nouvelle diapositive toutes les xx secondes : utilisez la liste déroulante pour définir la vitesse
d’exécution du diaporama.
L’onglet Couleurs
Cet onglet vous permet de choisir librement les différents coloris de votre diaporama.
Dans la zone Palettes de couleurs, commencez par choisir la combinaison de couleurs que
vous souhaitez utiliser. Sa présentation apparaît immédiatement dans la fenêtre d’aperçu.
Dans la zone de droite, choisissez ensuite les différents éléments graphiques dont vous
souhaitez modifier la couleur.
Pour modifier une couleur, cliquez sur l’élément souhaité (arrière-plan, libellé, boutons, etc.)
puis sur le bouton Modifier cette couleur. Dans la palette de couleurs de Windows, choisissez
une couleur de base ou créez une nouvelle couleur personnalisée, puis cliquez sur OK pour
appliquer cette couleur à votre diaporama.
Pour valider vos choix avant de quitter la fenêtre de configuration du plug-in, cliquez sur le
bouton OK. Pour tester le diaporama que vous venez de configurer, affichez la page web
actuelle dans votre navigateur Internet.
208
Notions fondamentales d’organisation du contenu
Plug in Evaluations
Les tops et les flops... Sur Internet, les critiques les plus sévères sont toujours les visiteurs de
sites web. En termes de fonctionnalité, de design et de contenu, tout doit être parfait sur
votre site web, sinon vos visiteurs d’un jour ne reviendront jamais !
Le plug-in Evaluations permet justement d’offrir à ces visiteurs la possibilité d’exprimer leur
opinion - bonne ou mauvaise - en attribuant des notes à vos différentes pages web. Les
évaluations laissées par les visiteurs vous informent sur leur niveau de satisfaction et vous
permettent de savoir si certaines pages exigent des changements immédiats.
Ce plug-in présente un autre avantage : une fonction de statistiques intégrée. Accessible par
le lien Comparer avec d’autres pages, elle permet de comparer entre elles les évaluations
relatives à plusieurs variantes d’une même offre, plusieurs présentations graphiques ou
plusieurs constructions de page. Pratique pour tester une variante avant de l’adopter
définitivement !
Le résultat de ce comparatif peut être exporté en toute simplicité sous la forme d’un fichier
CSV.
REMARQUE : - ce plug-in requiert un serveur web pouvant exécuter des scripts PHP 4 et un
navigateur Internet compatible avec AJAX (Asynchronous JavaScript and XML).
Pour créer un nouveau paragraphe de type Plug-in Evaluations :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Evaluations.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Evaluations :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Evaluations dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
A la ligne Titre de la page évaluée, commencez par saisir le titre de la page web que le plug-in
va permettre d’évaluer.
209
Chapitre 4
Shop to date 5 pro
Sous les onglets Statistiques, Paramètres et Langage, effectuez ensuite vos différents
paramétrages.
L’onglet Statistiques
Cet onglet vous donne un aperçu complet des accès et des évaluations spécifiques à la page
sur laquelle est installé le plug-in. Il vous informe également sur la note moyenne obtenue
(en points) et sur la proportion d’évaluations laissées par rapport au nombre d’accès (%).
Sous les statistiques, trois liens permettent d’actualiser l’affichage des données, de délimiter
la période d’évaluation et de comparer les données statistiques d’une page avec celles
d’autres pages (du même site).
Actualiser
Un clic sur le lien Actualiser permet de mettre à jour l’affichage des données par
l’intermédiaire de la connexion Internet en cours.
REMARQUE : - l’actualisation des données est possible uniquement si le site web a été créé et
publié. Dans le cas contraire, un message d’erreur apparaît.
Délimiter la période d’évaluation :
Un clic sur ce lien ouvre une nouvelle boîte de dialogue dans laquelle vous pouvez définir la
période à évaluer et à reporter dans la fenêtre des statistiques. Les options proposées sont les
suivantes :
Afficher toutes les évaluations : l’affichage des données statistiques n’est pas limité dans le
temps (statistiques globales).
Afficher les évaluations du mois : l’affichage des données statistiques est limité au mois en
cours.
Afficher les évaluations d’aujourd’hui : l’affichage des données statistiques est limité à la
journée en cours.
Afficher les évaluations de : l’affichage des données statistiques est limité au mois et à
l’année sélectionnés dans les deux listes déroulantes. Par défaut, il s’agit du mois actuel de
l’année actuelle.
Afficher les évaluations du : l’affichage des données statistiques est limité à la date
sélectionnée sur le calendrier. Par défaut, il s’agit de la date d’aujourd’hui. Un clic sur le
bouton fléché fait apparaître un calendrier sur lequel vous pouvez choisir une autre date.
210
Notions fondamentales d’organisation du contenu
Cette option vous permet par exemple de vérifier si vos offres spéciales ont été consultées et
appréciées par vos clients.
Une fois la période d’évaluation délimitée, cliquez sur OK pour enregistrer ce choix et
revenir dans la boîte de dialogue Evaluations.
Comparer avec d’autres pages
Cette option permet de comparer l’évaluation de la page actuelle avec l’évaluation des autres
pages du site web. Pour cela, il suffit d’installer et de paramétrer le plug-in sur chacune des
pages à inclure dans le comparatif.
Pour afficher le comparatif, cliquez sur le lien Comparer avec d’autres pages de l’onglet
Statistiques. La fenêtre ainsi ouverte affiche la liste de toutes les pages concernées avec leur
nombre d’accès et d’évaluations, leur note moyenne et la proportion d’évaluations laissées
par rapport au nombre d’accès.
Sous le tableau comparatif, plusieurs boutons sont à votre disposition.
Pour rafraîchir l’affichage des données, cliquez sur le bouton Actualiser.
REMARQUE : - l’actualisation est possible uniquement si le site web a été créé et publié. Dans le
cas contraire, un message d’erreur apparaît.
Un clic sur le bouton Période d’évaluation permet de définir une nouvelle période pour
l’évaluation de toutes les pages répertoriées.
Un clic sur le bouton Exporter permet de copier les données du tableau comparatif dans un
fichier CSV que vous pourrez ouvrir ultérieurement pour analyse.
Pour quitter la fenêtre du comparatif, cliquez sur le bouton Fermer.
L’onglet Paramètres
Cet onglet vous permet de sélectionner le symbole utilisé pour les évaluations. Par défaut, il
s’agit du symbole Etoile, mais vous n’êtes pas obligé de le conserver.
En bas de l’onglet, l’option Empêcher les évaluations multiples (en comparant les adresses
IP) vous permet d’interdire à un visiteur de laisser plusieurs évaluations pour une même
page. Le visiteur est alors identifié sur la base de son adresse IP qui est unique. Lorsqu’un
visiteur tente de laisser une deuxième évaluation, un message d’erreur apparaît sur l’écran.
211
Chapitre 4
Shop to date 5 pro
L’onglet Langage
Cet onglet vous permet d’adapter selon vos besoins le langage utilisé dans ce plug-in (libellés
et messages d’information). Cette possibilité existe également dans le programme principal.
Double-cliquez sur un élément pour modifier le texte à afficher.
REMARQUE : - dans la partie supérieure de la boîte de dialogue Editer le texte, la fonction
spécifique à l’élément sélectionné fait l’objet d’une explication. Lisez attentivement cette
explication afin d’éviter de modifier par erreur le texte d’un message apparaissant à un autre
endroit.
Pour annuler une modification et retrouver le texte initial d’un élément, double-cliquez sur
l’élément souhaité puis cliquez sur le bouton Restaurer le texte par défaut.
Dans la boîte de dialogue Evaluations, cliquez sur le bouton OK pour valider les paramètres
de configuration du plug-in avant de fermer la fenêtre.
Chargez la page web vers votre serveur et vous saurez bientôt si elle est appréciée par vos
visiteurs.
Plug in FAQ
La foire aux questions ou FAQ (de l’angl. Frequently Asked Questions) est une composante
habituelle des sites web. Généralement affichée sur une page séparée, la FAQ met à la
disposition des visiteurs la liste des questions les plus fréquemment posées, accompagnées de
leur réponse respective. Ces questions concernent le site, son utilisation, ses produits, ses
règles, etc.
Le plug-in FAQ vous permet d’ajouter facilement à votre site web la liste des questions qui
vous sont fréquemment posées par les visiteurs. Lorsque le visiteur clique sur l’une de ces
questions, la réponse correspondante s’affiche sur l’écran. Un lien peut également diriger le
visiteur vers un complément d’information.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière au serveur web que vous
exploitez. Il requiert toutefois un navigateur Internet pouvant exécuter Javascript.
Pour créer un nouveau paragraphe de type Plug-in FAQ :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
212
Notions fondamentales d’organisation du contenu
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in FAQ.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in FAQ :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue FAQ dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
Dans la zone Questions et réponses, vous pouvez créer de nouvelles questions
(accompagnées de leur réponse) et définir leur ordre d’apparition dans la liste.
Pour créer une nouvelle question/réponse :
1. Cliquez sur le bouton Nouvelle question.
2. Dans la boîte de dialogue ainsi ouverte, remplissez les deux champs mis à votre
disposition.
3. Cliquez ensuite sur OK pour ajouter à la liste cette nouvelle question/réponse.
Pour créer d’autres questions, répétez cette procédure.
Supprimer une question
Pour retirer de la liste la question actuellement sélectionnée, cliquez sur le bouton
Supprimer cette question.
Editer une question
1. Pour apporter des modifications à une question/réponse existante, sélectionnez son
entrée dans la liste, puis cliquez sur le bouton Editer cette question.
2. Saisissez ensuite vos modifications dans la boîte de dialogue.
3. Confirmez en cliquant sur OK : la question modifiée apparaît dans la liste.
Insérer un lien
Dans certains cas, les questions posées se réfèrent à des zones précises de votre site web ou
peuvent trouver leur réponse sur d’autres sites web. C’est pourquoi le plug-in FAQ vous offre
la possibilité d’ajouter un lien à chacune de vos questions.
Pour ajouter un lien à la question actuellement sélectionnée :
1. Cliquez sur la question souhaitée.
2. Cliquez ensuite sur le bouton Insérer un lien.
213
Chapitre 4
Shop to date 5 pro
3. Dans la boîte de dialogue ainsi ouverte, désignez la cible du lien. Il peut s’agir d’une
page principale, d’une page secondaire ou d’un paragraphe de votre site web. Le lien
peut également pointer vers une page externe, une adresse e-mail, une image ou un
fichier étranger.
4. Après avoir défini la cible du lien, cliquez sur OK pour valider votre choix et revenir
dans la liste des questions.
REMARQUE : - dans la liste, les questions associées à un lien sont signalées par un petit point
noir.
Sur votre site web, ce lien porte par défaut l’intitulé Pour plus d’informations.... Pour
remplacer cet intitulé, saisissez un autre texte dans le champ Texte du lien pointant vers
d’autres informations. Ce texte apparaîtra entre crochets [ ] sur votre site web.
Changer l’ordre des questions
Dans la liste, les questions sont affichées selon leur date de création. Pour changer cet ordre
automatique, sélectionnez la question à déplacer, puis cliquez sur l’un des deux boutons
fléchés pour la faire monter ou descendre d’un rang.
Choisir un design
Sur votre site web, les questions sont affichées l’une en dessous de l’autre, sous la forme
d’une énumération. Dans la zone Design, vous avez la possibilité de choisir l’icône qui
précédera chacune des questions énumérées.
Pour cela, cliquez simplement sur l’icône souhaitée.
Pour valider vos modifications avant de quitter la boîte de dialogue, cliquez sur le bouton
OK.
Plug in Fenêtre pop-up
Ce plug-in vous permet de créer une fenêtre pop-up dans laquelle vous pouvez afficher la
page HTML ou le script PHP de votre choix.
214
Notions fondamentales d’organisation du contenu
REMARQUE : - ce plug-in n’impose aucune exigence particulière au serveur web utilisé.
Toutefois, les pages associées à la fenêtre pop-up peuvent exiger PHP ou d’autres technologies
de serveur. Le plug-in exige un navigateur Internet pouvant exécuter JavaScript.
Pour créer un nouveau paragraphe de type Plug-in Fenêtre pop-up :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Fenêtre pop-up.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Fenêtre pop-up :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Fenêtre pop-up dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
Sous l’onglet Paramètres, vous pouvez définir le mode de représentation de la page à
afficher. Choisissez l’option souhaitée :
Afficher la page dans la même fenêtre – la fenêtre pop-up s’ouvre dans la même fenêtre que
la page à partir de laquelle elle est appelée.
Afficher la page à l’intérieur d’un cadre, dans la fenêtre actuelle – la fenêtre pop-up s’affiche
dans un cadre de la page à partir de laquelle elle est appelée.
Ouvrir la page dans une nouvelle fenêtre – la fenêtre pop-up s’affiche dans une fenêtre
séparée.
Ouvrir la page dans une nouvelle fenêtre de taille prédéfinie – cette option exige l’utilisation
de JavaScript.
Lorsque vous choisissez l’option Ouvrir la page dans une nouvelle fenêtre de taille
prédéfinie, d’autres paramètres s’activent dans la boîte de dialogue :
Dans les listes déroulantes Largeur et Hauteur, définissez la taille en pixels de la fenêtre.
Dans les champs de saisie Gauche et Haut, définissez l’éloignement de la fenêtre pop-up par
rapport à la marge gauche et à la marge supérieure (mesure en pixels).
215
Chapitre 4
Shop to date 5 pro
Indiquez ensuite si la fenêtre pop-up affichée doit être centrée sur l’écran et si les pages web
trop longues doivent contenir des barres de défilement.
Vous pouvez également autoriser ou non le redimensionnement de la fenêtre pop-up
(c’est-à-dire son changement de taille) et opter pour l’affichage d’une barre d’adresse dans la
fenêtre.
Dans le champ Libellé du lien, saisissez le texte par l’intermédiaire duquel vos visiteurs
pourront appeler la fenêtre pop-up. Si vous ne le faites pas, le programme vous y invitera une
fois que vous aurez sélectionné les fichiers à utiliser.
Pour cela, passez sous l’onglet Fichiers utilisés qui vous permet de sélectionner un fichier de
démarrage pour la page pop-up et pour les fichiers associés.
Cliquez sur le bouton Importer un dossier pour désigner le dossier accueillant les contenus
nécessaires à la fenêtre pop-up. Si vous le souhaitez, cochez la case Ecrire les noms de fichier
en minuscules. Cliquez ensuite sur OK pour importer vers web to date les fichiers et le
dossier sélectionnés.
Pour finir, localisez le fichier de démarrage dans la liste des fichiers importés,
sélectionnez-le, puis fermez la fenêtre en cliquant sur OK.
La fenêtre pop-up, lorsqu’elle sera appelée à partir de votre site web, sera affichée
conformément aux paramètres choisis. Pour la tester immédiatement, cliquez sur le bouton
Aperçu dans le navigateur de l’interface principale de web to date.
Plug in Forum
Le plug-in Forum vous permet d’offrir aux visiteurs de votre site web la possibilité de
débattre de sujets librement choisis.
REMARQUE : - le plug-in requiert un navigateur Internet capable d’exécuter Javascript et un
serveur web pouvant exécuter des scripts PHP.
Pour créer un nouveau paragraphe de type Plug-in Forum :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Forum.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
216
Notions fondamentales d’organisation du contenu
Pour configurer le plug-in Forum :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Forum dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
L’onglet Paramètres
L’onglet Paramètres vous permet de définir si vous souhaitez (ou non) créer un forum
modéré, c’est-à-dire un forum dont les nouvelles contributions doivent être validées avant
d’être affichées.
Pour permettre aux utilisateurs du forum de mettre en forme leurs textes, cochez l’option
Proposer des attributs de mise en forme et des émoticônes.
Cochez également l’option Enregistrer le pseudonyme et l’adresse e-mail si vous souhaitez
que ces deux identifiants soient mémorisés en vue d’une prochaine utilisation.
Grâce aux deux listes déroulantes de l’onglet Paramètres, déterminez le nombre de réponses
ou de sujets affiché(e)s par page. Pour que le forum reste lisible, ne choisissez pas une valeur
trop élevée. Déterminez également le nombre de réponses devant apparaître dans l’aperçu
des sujets.
A la dernière ligne de l’onglet Paramètres, déterminez l’ordre d’affichage des réponses
postées par les participants au forum : soit l’affichage respecte l’ordre initial des réponses
postées (= la conversation suit son cours naturel), soit l’affichage met automatiquement en
tête de liste les réponses les plus récentes.
L’onglet Langage
L’onglet Langage, disponible dans d’autres plug-ins, permet de personnaliser les libellés et
les textes d’information du plug-in Forum. Double-cliquez sur l’élément de votre choix pour
modifier son texte.
L’onglet Mots interdits
L’onglet Mots interdits vous permet d’établir une liste de "bad words" (mots à bannir) qui,
lorsqu’ils sont utilisés par un participant au forum, sont automatiquement remplacés par les
caractères ***.
Pour créer votre liste de mots interdits, saisissez tous les termes souhaités dans la fenêtre de
l’onglet en les séparant par un saut de ligne (touche Entrée ou Return).
Pour exporter votre liste, cliquez sur le bouton Enregistrer cette liste de mots interdits. Pour
importer une liste préalablement enregistrée, cliquez sur le bouton Ouvrir une liste de mots
interdits. Avant d’importer une liste créée dans un fichier TXT externe, assurez-vous que les
entrées de cette liste sont bien séparées par un saut de ligne (= retour chariot).
217
Chapitre 4
Shop to date 5 pro
Cliquez sur OK pour quitter la fenêtre de configuration du forum.
Plug in Image cliquable
Hormis les liens hypertextes, le Net propose également des Imagemaps, c’est-à-dire des
images dont certaines zones renvoient vers un autre élément lorsqu’on clique dans leur
périmètre. Le plug-in Image cliquable vous permet de déposer facilement de telles images
sur votre site web.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière au serveur web que vous
exploitez. Il requiert simplement un navigateur Internet capable d’exécuter Javascript.
Pour créer un nouveau paragraphe de type Plug-in Image cliquable :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Image cliquable.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Image cliquable :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Image cliquable dans laquelle vous pouvez définir les paramètres
de configuration du plug-in.
Pour sélectionner et configurer une image cliquable :
1. Cliquez d’abord sur le bouton Ouvrir une image pour choisir un fichier dans la
bibliothèque d’images ou pour importer une nouvelle image.
2. Vous pouvez utiliser l’outil Nouveau rectangle pour tracer sur l’image une zone
rectangulaire sensible aux clics de souris. Après avoir sélectionné l’outil, placez le
curseur dans l’angle supérieur gauche du futur rectangle, cliquez sur l’image, puis
(sans relâcher le bouton de la souris) déplacez le curseur vers l’angle inférieur droit
du futur rectangle. Relâchez le bouton de la souris lorsque le rectangle a atteint la
taille souhaitée. Cette taille pourra être modifiée à tout moment.
218
Notions fondamentales d’organisation du contenu
3. Vous pouvez utiliser l’outil Nouveau cercle pour tracer sur l’image une zone
circulaire sensible aux clics de souris. Après avoir sélectionné l’outil, placez le
curseur au centre du futur cercle, puis (sans relâcher le bouton de la souris) déplacez
le curseur pour déterminer le rayon du cercle. Relâchez le bouton de la souris
lorsque le cercle a atteint la taille souhaitée. Cette taille pourra être modifiée à tout
moment.
4. Vous pouvez utiliser l’outil Nouveau polygone pour tracer sur l’image une zone
polygonale sensible aux clics de souris. Après avoir sélectionné l’outil, placez le
curseur sur le premier sommet du futur polygone, puis cliquez. Déplacez ensuite le
curseur vers le deuxième sommet et cliquez. En procédant ainsi, positionnez tous les
sommets de votre polygone, puis cliquez avec le bouton droit de la souris pour
fermer le polygone. La position des différents sommets pourra être modifiée à tout
moment.
5. L’outil Déplacer une zone permet de corriger à tout moment la taille et la position
des zones existantes. Pour déplacer une zone, cliquez à l’intérieur de son contour,
puis (sans relâcher le bouton de la souris) déplacez la souris dans la direction
souhaitée. Lorsque vous cliquez sur une zone existante avec cet outil, de petits carrés
blancs (appelés "poignées") apparaissent sur son contour. En déplaçant ces poignées,
vous pouvez modifier à tout moment la taille de la zone sélectionnée ou la position
de ses sommets (s’il s’agit d’un polygone).
6. Le bouton Supprimer cette zone permet de supprimer la zone actuellement
sélectionnée.
7. Le bouton Insérer un lien permet d’associer un lien à la zone actuellement
sélectionnée. Ce lien peut être supprimé à tout moment par un clic sur le bouton
Supprimer ce lien . Les zones contenant un lien sont signalées par un cadre de
sélection plus large.
8. Le bouton Configurer l’info bulle permet de configurer l’info-bulle associée à la zone
actuellement sélectionnée.
9. Le bouton Paramètres permet de définir les paramètres de l’image cliquable.
Astuce : vous n’avez pas besoin de positionner les zones cliquables avec une précision
extrême, puisqu’elles ne seront pas visibles sur le site web publié. Par ailleurs, évitez de tracer
des zones cliquables dans la marge inférieure de l’image car, selon le mode de représentation
choisi, la taille de l’image sera peut-être fortement réduite sur votre site web. Pour la même
raison, évitez de tracer des zones trop petites.
Utilisation des touches du clavier :
[R] Crée un nouveau rectangle.
[K] Crée un nouveau cercle.
[P] Crée un nouveau polygone.
219
Chapitre 4
Shop to date 5 pro
[Suppr] Supprime la zone actuellement sélectionnée.
[Echap] Ferme le polygone en cours.
[F2] Ouvre la fenêtre de configuration de la zone actuellement sélectionnée.
[˜] Sélectionne la zone suivante.
Plug in Liste de tâches
On recherche des volontaires ! Dans la vie, nombreuses sont les occasions pour lesquelles un
peu d’aide serait la bienvenue. Rénovation d’un bâtiment associatif, préparation de gâteaux
pour la kermesse de l’école, installation des tables et des chaises pour la grande conférence
annuelle, mise en commun des connaissances de chacun sur un thème précis... Autant de
tâches qu’il est possible de déléguer et de répartir entre tous ceux qui se portent volontaires.
Et pourquoi ne pas publier sur Internet la liste de ces tâches à pourvoir ?
Le plug-in Liste de tâches vous permet de créer une liste de tâches interactive et d’inviter les
visiteurs de votre site à se porter volontaires pour effectuer ces tâches.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière à votre navigateur Internet
mais requiert un serveur web pouvant exécuter des scripts PHP4.
Pour créer un nouveau paragraphe de type Plug-in Liste de tâches :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Liste de tâches.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Liste de tâches :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Liste de tâches dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
L’onglet Tâches
Cet onglet vous permet de créer de nouvelles tâches, de leur attribuer un nom et une
description, et de les classer dans l’ordre souhaité.
220
Notions fondamentales d’organisation du contenu
Créer une nouvelle tâche
1. Cliquez sur le bouton Nouvelle tâche sous la fenêtre centrale.
2. Saisissez le nom de la nouvelle tâche, puis décrivez-la.
3. Cliquez sur le bouton OK pour ajouter cette tâche à votre liste.
Répétez l’opération pour créer d’autres tâches.
Supprimer une tâche
Pour supprimer la tâche actuellement sélectionnée, cliquez sur le bouton Supprimer cette
tâche.
Editer une tâche
1. Pour apporter des modifications au nom et au descriptif de la tâche actuellement
sélectionnée, cliquez sur le bouton Editer cette tâche.
2. Apportez les modifications souhaitées, puis cliquez sur OK.
Insérer un lien
Pour fournir davantage d’informations sur une tâche à pourvoir, il peut être utile de diriger
les visiteurs vers une autre page ou vers d’autres sites web. C’est pourquoi le plug-in Liste de
tâches vous offre la possibilité de créer un lien hypertexte pour chacune de vos tâches.
Pour insérer un lien :
1. Dans la liste des tâches, sélectionnez la tâche pour laquelle vous souhaitez insérer un
lien.
2. Cliquez ensuite sur le bouton Insérer un lien.
3. Dans la boîte de dialogue ainsi ouverte, sélectionnez la cible du lien : il peut s’agir
d’un composant de votre site web (page principale, page secondaire ou paragraphe),
d’une page web externe, d’une adresse e-mail, d’une image ou d’un fichier enregistré
dans un format étranger à web to date.
4. Une fois la cible sélectionnée, cliquez sur le bouton OK pour valider votre choix et
revenir dans la liste des tâches.
Les tâches pour lesquelles vous créez un lien hypertexte sont signalées par un point noir dans
la dernière colonne de la liste.
Pour supprimer un lien existant, sélectionnez la tâche concernée, puis cliquez sur le bouton
Supprimer ce lien.
Classer les différentes tâches
221
Chapitre 4
Shop to date 5 pro
Les tâches apparaissent dans la liste selon leur ordre de création. Pour changer l’ordre
d’apparition d’une tâche, sélectionnez cette tâche puis cliquez sur les boutons fléchés (situés
sous la liste) pour la faire monter ou descendre d’un rang.
Associer une image
Si vous le souhaitez, vous pouvez associer à chacune des tâches une image qui, sur votre site
web, s’affichera à côté de la tâche et de sa description.
Sélectionnez une tâche, cliquez sur le bouton Sélectionner une image, puis choisissez une
image parmi la sélection disponible ou cliquez sur le bouton Importer une image.
REMARQUE : - seules sont autorisées les images au format JPG, BMP ou GIF.
Cliquez ensuite sur OK pour charger l’image dans votre liste de tâches. Les tâches associées
à une image sont signalées par un point noir dans l’avant-dernière colonne de la liste.
Pour supprimer une image, sélectionnez la tâche concernée, puis cliquez sur le bouton
Supprimer cette image.
L’onglet Présentation
Cet onglet vous permet de gérer les tâches attribuées aux volontaires et de paramétrer vos
envois d’e-mail.
Tâches attribuées
En cochant les cases appropriées, indiquez si
1. les tâches attribuées doivent être masquées,
2. le nom du volontaire doit apparaître à côté de la tâche qui lui est confiée,
3. l’adresse e-mail du volontaire doit apparaître à côté de la tâche qui lui est confiée.
Selon les options choisies, les visiteurs de votre site seront invités à saisir telle ou telle
information les concernant s’ils souhaitent se porter volontaires pour l’exécution d’une
tâche.
Confirmations par e-mail
Les courriers de confirmation servent à "officialiser" l’attribution d’une tâche à un volontaire.
Activez l’option Envoyer des confirmations si vous souhaitez envoyer un e-mail de
confirmation à chaque volontaire s’étant engagé à exécuter une tâche.
222
Notions fondamentales d’organisation du contenu
En incluant dans ce courrier un lien de désengagement, vous permettez au volontaire
d’annuler sa participation.
REMARQUE : - l’envoi des e-mails de confirmation suppose que vous saisissiez une adresse
valide dans le champ Adresse de l’expéditeur.
L’onglet Langage
Cet onglet vous permet d’adapter à vos besoins le langage utilisé dans ce plug-in (libellés et
messages d’information). Double-cliquez sur un élément pour modifier le texte
correspondant. Pour retrouver le texte initial d’un élément, cliquez simplement sur le bouton
Restaurer le texte par défaut.
Cliquez sur OK pour valider vos choix et quitter la boîte de dialogue.
REMARQUE : - après avoir publié votre page web, vous pouvez utiliser la page Administrateur
(accessible dans web to date à partir de la fenêtre du plug-in) pour gérer l’attribution des
différentes tâches. Pour accéder à cette fonction, vous devez d’abord saisir l’adresse URL d’une
cible HTTP dans les propriétés de votre site web.
Plug in Livre d’or
Les livres d’or sont des accessoires très largement répandus sur les sites web. En créant un
livre d’or, vous offrez à vos visiteurs la possibilité de laisser un commentaire sur la
présentation de votre site web et sur les contenus proposés. Ces commentaires peuvent être
lus par tous les autres visiteurs.
REMARQUE : - Remarque : le plug-in requiert un navigateur Internet capable d’exécuter
JavaScript et un serveur web pouvant exécuter des scripts PHP.
Pour créer un nouveau paragraphe de type Plug-in Livre d’or :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Livre d’or.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
223
Chapitre 4
Shop to date 5 pro
Pour configurer le plug-in Livre d’or :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Livre d’or dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
L’onglet Paramètres
La première option de l’onglet Paramètres vous permet de définir si vous souhaitez (ou non)
demander à vos visiteurs l’adresse de leur propre site web (éventuel).
L’option Livre d’or modéré vous permet ensuite de préciser si les nouveaux commentaires
doivent être validés sur la page Administrateur avant d’être publiés.
Pour permettre aux utilisateurs du livre d’or de mettre en forme leurs textes, cochez l’option
Proposer des attributs de mise en forme et des émoticônes.
Grâce aux deux listes déroulantes de l’onglet Paramètres, déterminez le nombre maximum
de caractères par commentaire et le nombre maximum de commentaires par page. Ces
informations sont importantes car elles permettent d’éviter les commentaires trop longs et
les pages surchargées.
L’onglet Langage
L’onglet Langage, disponible dans d’autres plug-ins, permet de personnaliser les libellés et
les textes d’information du plug-in Livre d’or. Double-cliquez sur l’élément de votre choix
pour modifier son texte.
Cliquez sur OK pour quitter la fenêtre de configuration. Pour afficher le livre d’or, publiez
votre site web puis affichez-le dans un navigateur Internet.
Plug in mail to date
Avec ce plug-in, vous pouvez offrir aux visiteurs de votre site web un accès pratique à votre
centre de services mail to date 2.0. La page d’accueil de votre centre de services est ainsi
rattachée de façon homogène à votre site web to date/shop to date.
Le plug-in mail to date peut s’intégrer dans un paragraphe ou dans l’encadré latéral du site.
Pour créer un nouveau paragraphe de type Plug-in mail to date :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in mail to date.
224
Notions fondamentales d’organisation du contenu
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in mail to date :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue mail to date dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
La configuration de ce plug-in est très simple : il suffit de saisir l’adresse URL à laquelle votre
centre de services est accessible sur Internet. Pour cela, recopiez l’adresse que vous avez
saisie dans la fenêtre de configuration du programme mail to date 2.0, sous l’onglet Accès
FTP (par ex. www.mon-domaine.fr). Le plug-in complète automatiquement votre saisie en
ajoutant les paramètres requis (http://www.mon-domaine.fr/ServiceCenter/index.php).
Le bouton Voir vous permet de vérifier la validité de l’adresse.
Un clic sur ce bouton fait apparaître la page de connexion à votre centre de services. Si tel
n’est pas le cas, vérifiez l’extension associée aux fichiers PHP (php, php4, php5) et changez-la
si nécessaire. Cette extension doit coïncider avec les paramètres de configuration du
programme mail to date.
La zone Langage vous permet de personnaliser les différents textes (libellés et messages) qui
apparaîtront dans votre paragraphe de type Plug-in.
Les fonctions du plug-in
Sur votre site web, le plug-in mail to date se présente comme une zone de connexion à votre
centre de services.
Les différentes fonctions disponibles sont les suivantes :
■ Se connecter en saisissant son adresse e-mail et son mot de passe (pour les abonnés
qui possèdent déjà un accès)
■ Cliquer sur un lien permettant de créer un nouveau compte utilisateur
■ Cliquer sur un lien permettant de remplacer un mot de passe oublié
Le centre de services lui-même est chargé vers le serveur par le programme mail to date 2.0.
Pour connaître les autres fonctions du centre de services mail to date 2.0, lisez le manuel
d’utilisation ou le fichier d’aide du programme mail to date.
Plug in Partage de fichiers
Le plug-in Partage de fichiers vous permet d’installer sur votre site web une plate-forme de
partage de fichiers sur laquelle vous et vos visiteurs pouvez charger et télécharger des
225
Chapitre 4
Shop to date 5 pro
fichiers. Ainsi, vous pouvez par exemple échanger avec vos amis et vos proches les photos de
votre dernière fête d’anniversaire.
REMARQUE : - pour éviter que cette fonction de (télé)chargement soit utilisée de manière
abusive par des personnes inconnues, vous avez tout intérêt à installer le plug-in Partage de
fichiers sur une page protégée par des droits d’accès. Vous devriez également ajouter une clause
de non responsabilité signalant que vous n’êtes pas responsable des données et des contenus
chargés par des tiers, ni des dommages résultants (par ex. des virus).
Pour créer un nouveau paragraphe de type Plug-in Partage de fichiers :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Partage de fichiers.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
REMARQUE : - ce plug-in requiert un serveur web capable d’exécuter des scripts PHP4 et un
navigateur Internet capable d’exécuter Javascript.
Pour configurer le plug-in Partage de fichiers :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Partage de fichiers dont les onglets Paramètres, Langage et
Fichiers vous permettent d’effectuer vos réglages.
L’onglet Paramètres
Sous l’onglet Paramètres, commencez par désigner le dossier de partage de fichiers vers
lequel et à partir duquel seront chargés et téléchargés les fichiers à partager. Il s’agit d’un
dossier que le plug-in crée automatiquement sur le serveur web au moment du chargement
et dans lequel sont déposés les fichiers prévus pour être téléchargés.
226
Notions fondamentales d’organisation du contenu
REMARQUE : - le plug-in vous permet d’accéder à un seul et même dossier à partir des différents
paragraphes Partage de fichiers de votre projet de site web. Vous pouvez installer la fonction de
chargement (upload) sur une page spéciale réservée à certains utilisateurs et installer la fonction
de téléchargement (download) sur une autre page accessible à tous les visiteurs. En gérant les
droits d’accès aux différentes pages de votre site, vous pouvez facilement réglementer le partage
de fichiers sur votre site web.
La rubrique Chargement vers le serveur propose deux options :
La première option vous permet de préciser si les visiteurs de votre site sont ou non autorisés
à charger des fichiers vers votre serveur web. Si vous souhaitez être la seule personne
autorisée à déposer des fichiers dans la zone de téléchargement de votre site web, décochez
l’option Autoriser le chargement vers le serveur.
La deuxième option (Commencer par interdire le partage des fichiers chargés) vous offre la
possibilité de contrôler les fichiers déposés sur votre serveur avant d’autoriser leur
téléchargement. Une fois le contrôle effectué, vous pouvez autoriser le partage des fichiers
en accédant personnellement à la page Administrateur du plug-in (voir plus bas).
Si vous le souhaitez, web to date peut envoyer une notification par e-mail à l’adresse
indiquée dans le champ prévu à cet effet. Cette fonction est particulièrement utile si vous
avez coché l’option Commencer par interdire le partage des fichiers chargés et si vous ne
souhaitez pas vérifier en permanence la présence de nouveaux fichiers sur votre serveur web.
Dans le champ Taille de fichier maximale, limitez la taille des fichiers pouvant être chargés
vers votre serveur. La taille maximale est fixée par défaut à 10 Mo.
REMARQUE : - si vous possédez un espace web plutôt restreint (par ex. 50 Mo), saisissez une
petite valeur dans le champ Taille de fichier maximale (par ex. 500 ko). Par ailleurs,
renseignez-vous auprès de votre prestataire pour savoir si le chargement HTTP est soumis à une
limitation.
Attention : s’il existe une telle limitation, les chargements de gros fichiers via votre site web
seront interrompus automatiquement par le serveur, quelle que soit la valeur saisie dans le
champ Taille de fichier maximale. Votre site web to date ne pourra pas signaler cette
interruption à l’utilisateur car le système n’est pas en mesure de consigner cet événement.
C’est pourquoi vous devez ajouter sous le paragraphe "Partage de fichiers" une information
signalant que la taille des fichiers chargés vers votre serveur est limitée.
Si certains prestataires rendent les interruptions de chargement totalement invisibles pour
les utilisateurs (la page web ne change pas d’apparence), d’autres font le choix d’afficher une
page vierge ou le message d’erreur 500 (internal server error).
227
Chapitre 4
Shop to date 5 pro
Le chargement d’un fichier par l’intermédiaire de votre site web (procédure HTTP) peut
parfois durer très longtemps. Même dans le cas d’une connexion ADSL, les temps de
chargement sont nettement plus importants que les temps de téléchargement (facteur
habituel : 1 pour 10).
La rubrique Administration vous permet de configurer le mode d’administration de votre
site web. La page Administrateur vous offre la possibilité de contrôler les fichiers chargés
(avant d’autoriser leur partage) sans avoir recours à un outil FTP externe. Il est donc
vivement conseillé d’installer une page Administrateur.
Pour accéder directement à la page Administrateur à partir de votre site web, cochez l’option
Afficher un lien vers la page Administrateur. Dans ce cas, n’oubliez pas de définir un mot de
passe pour limiter l’accès à cette page.
L’onglet Langage
L’onglet Langage, disponible dans d’autres plug-ins, permet de personnaliser les libellés et
les textes d’information du plug-in "Partage de fichiers". Double-cliquez sur l’élément de
votre choix pour modifier son texte.
L’onglet Fichiers
L’onglet Fichiers vous permet de rassembler les fichiers que vous souhaitez charger vers le
serveur. Les boutons Ajouter depuis la bibliothèque de fichiers étrangers et Ajouter depuis
la bibliothèque d’images vous permettent d’ajouter à la liste de chargement certains fichiers
préalablement importés vers les bibliothèques de web to date.
Cliquez sur l’un de ces deux boutons, sélectionnez le fichier souhaité, puis cliquez sur OK
pour ajouter le fichier à votre liste.
La boîte de dialogue Sélectionner une image permet d’accéder aux images stockées dans la
bibliothèque de web to date, mais aussi d’importer d’autres images à partir d’un support de
données externe (clic sur le bouton Importer une image).
REMARQUE : - la bibliothèque d’images accepte uniquement les fichiers JPG et GIF. Les
fichiers BMP ajoutés dans la bibliothèque sont automatiquement convertis dans le format JPG.
Pour permettre le téléchargement d’images créées dans d’autres formats (par ex. TIF), ajoutez
ces images dans la bibliothèque de fichiers étrangers (qui accepte les formats étrangers).
Lorsqu’un fichier est sélectionné dans la liste de chargement, un clic sur le bouton Fenêtre de
sélection fait apparaître sa fenêtre d’origine. Cette fonction est utile pour les images
notamment, car elle donne accès à une fenêtre d’aperçu.
Le bouton Supprimer cet élément permet de retirer de la liste le fichier actuellement
sélectionné.
228
Notions fondamentales d’organisation du contenu
REMARQUE : - vous n’êtes pas obligé de passer par web to date pour déposer des fichiers dans le
dossier de partage de votre paragraphe Plug-in. Vous pouvez le faire de façon directe en utilisant
un outil FTP externe. Sur votre serveur, le dossier cible se nomme assets/plugindata/poolx, où x
est remplacé par la lettre d’identification du dossier Pool que vous avez sélectionné.
Vous pouvez ainsi gérer votre dossier de partage à partir d’un ordinateur ne possédant pas
web to date ou déléguer cette gestion à d’autres personnes. Dans ce cas, vous devez donner
à ces personnes un accès FTP au dossier concerné.
Plug in Plan du site
Si vous souhaitez proposer à vos visiteurs un aperçu rapide de toutes les pages présentes sur
votre site web, le plug-in Plan du site est l’extension idéale pour enrichir votre page d’accueil.
Ce plug-in permet d’afficher - sous la forme d’une liste à puces - la structure hiérarchique de
toutes les pages principales qui composent votre site web. En cliquant sur l’un des éléments
de cette structure, le visiteur accède directement à la page principale correspondante.
Pour créer le plan de votre site, il vous suffit de déposer un paragraphe de type Plug-in sur
votre page d’accueil (ou autre). Vous n’avez rien d’autre à faire, si ce n’est sélectionner
l’icône qui s’affichera devant chaque ligne du plan. web to date prend en charge tous les
autres paramètres de configuration.
REMARQUE : - ce plug-in n’impose aucune exigence particulière à votre navigateur Internet ni à
votre serveur web.
Pour créer un nouveau paragraphe de type Plug-in Plan du site :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Plan du site.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Plan du site :
1. Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite,
ou cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale.
Vous ouvrez ainsi la boîte de dialogue Plan du site.
229
Chapitre 4
Shop to date 5 pro
2. Dans la fenêtre de sélection, cliquez sur l’icône qui s’affichera devant chaque entrée
de la liste à puces.
3. Cliquez ensuite sur OK pour valider votre choix et fermer la boîte de dialogue.
Pour tester le plan de votre site, créez votre site web puis affichez-le dans votre navigateur
Internet.
Plug in Podcast
Le plug-in Podcast est une extension idéale pour votre site web si vous souhaitez proposer
des contenus multimédia à exporter facilement et rapidement vers les lecteurs de podcast de
vos visiteurs.
Il vous permet de déposer sur votre site des podcasts contenant un nombre quelconque
d’épisodes et de mettre ces contenus à disposition des utilisateurs d’Apple iTunes et des
autres clients de podcasting (ou podcatchers) sous la forme d’un lien d’abonnement.
REMARQUE : - ce plug-in n’exige aucunement l’utilisation d’un client de podcasting
(podcatcher) et n’impose aucune contrainte spécifique à votre serveur web. Le visiteur
(podcasteur) peut également lire les épisodes diffusés (fichiers MP3) sur le lecteur multimédia
par défaut de son système.
Pour créer un nouveau paragraphe de type Plug-in Podcast :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Podcast.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Podcast :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Podcast qui contient plusieurs onglets.
Onglet Podcast
L’onglet Podcast vous invite à saisir le titre et éventuellement le sous-titre du podcast à
diffuser.
230
Notions fondamentales d’organisation du contenu
Pour ajouter un logo, cliquez sur le bouton Sélectionner une image, puis choisissez un fichier
graphique contenu dans la bibliothèque d’images. Le logo importé s’affiche alors dans la
fenêtre d’aperçu. Pour le supprimer, cliquez sur le bouton Supprimer cette image.
Dans le champ Résumé, vous pouvez ensuite rédiger une brève présentation concernant le
contenu du podcast et les épisodes proposés.
Saisissez le nom de l’auteur du podcast dans le champ Auteur, puis précisez le nom et
l’adresse e-mail du propriétaire.
Dans le champ Copyright, précisez qui détient les droits d’auteur du podcast.
Dans la liste déroulante Langue, sélectionnez la langue de diffusion du podcast. Pour cela,
cliquez sur le bouton fléché et choisissez la langue souhaitée. Cette information sera intégrée
aux méta données du podcast (au même titre que les mots-clés définis ci-dessous) et
n’apparaîtra pas sur la page.
Dans le champ Mots-clés, les termes descriptifs que vous saisissez (contenu du podcast,
auteur, etc.) doivent être séparés par un point-virgule. Ces termes seront intégrés aux méta
tags parcourus par les moteurs de recherche sur Internet.
Cochez l’option Contenu interdit aux mineurs si les différents contenus de votre podcast
peuvent être utilisés uniquement par les personnes âgées de 18 ans et plus.
REMARQUE : - de manière générale, il est recommandé de renoncer à la diffusion de tout
contenu faisant l’apologie de la violence ou du racisme (et autres contenus similaires).
Onglet Catégories
L’onglet Catégories vous permet d’attribuer à votre podcast différentes catégories et
sous-catégories prédéfinies.
Pour attribuer une catégorie à votre podcast :
■ Cliquez sur le bouton Nouvelle catégorie.
■ Sélectionnez une catégorie principale ou une sous-catégorie.
■ Cliquez sur le bouton OK.
Répétez l’opération pour attribuer des catégories supplémentaires.
Changer l’ordre des catégories
231
Chapitre 4
Shop to date 5 pro
Toutes les catégories attribuées s’affichent dans l’ordre initial de leur sélection. Pour changer
cet ordre, sélectionnez la catégorie à déplacer, puis cliquez sur l’un des deux boutons fléchés
pour la faire monter ou descendre d’un rang.
Supprimer une catégorie
Pour supprimer la catégorie actuellement sélectionnée, cliquez sur le bouton Supprimer
cette catégorie.
Remplacer par une autre catégorie
Pour remplacer une catégorie par une autre, sélectionnez une catégorie dans la liste, puis
cliquez sur le bouton Remplacer par une autre catégorie.
Sélectionnez ensuite une nouvelle catégorie ou sous-catégorie et confirmez votre choix en
cliquant sur OK.
Onglet Episodes
Les épisodes désignent les fichiers audio ou vidéo que vous incluez dans votre podcast. Le
plug-in Podcast vous permet d’inclure et de paramétrer autant d’épisodes que vous le
souhaitez.
Pour ajouter un nouvel épisode dans votre podcast :
1. Cliquez sur le bouton Nouvel épisode. Dans la boîte de dialogue Episode, cliquez sur
le bouton Importer un fichier multimédia, puis sélectionnez le fichier audio ou vidéo
que vous souhaitez associer à cet épisode. Les formats pris en charge sont les
suivants : Fichiers audio MPEG dans les formats MP3 et M4A , Fichiers vidéo MP4
dans les formats MP4 et M4V, Fichiers Quicktime dans le format MOV. La durée
affichée
dans
le
format
mm:ss
(minutes:secondes)
ou
h:mm:ss
(heures:minutes:secondes) est lue automatiquement à partir des données du fichier
multimédia. Remarque : un clic sur le bouton fléché permet de lire le fichier importé
(à condition de posséder le lecteur adéquat sur son ordinateur).
2. Le plug-in Podcast vous permet d’associer à chaque épisode un logo individuel. Pour
ce faire, cliquez sur le bouton Sélectionner une image sous la fenêtre d’aperçu Logo
de l’épisode, puis choisissez un fichier graphique contenu dans la bibliothèque
d’images. Le logo importé s’affiche alors dans la fenêtre d’aperçu. Pour le supprimer,
cliquez sur le bouton Supprimer cette image.
3. Saisissez ensuite le titre et éventuellement le sous-titre de l’épisode.
4. Dans le champ Résumé, vous pouvez ensuite décrire brièvement le contenu de
l’épisode.
5. Le champ Auteur vous invite ensuite à saisir le nom de l’auteur de cet épisode.
232
Notions fondamentales d’organisation du contenu
6. Dans le champ Mots-clés, les termes descriptifs que vous saisissez (contenu, titre,
auteur, etc.) doivent être séparés par un point-virgule. Ces termes seront intégrés aux
méta tags parcourus par les moteurs de recherche sur Internet.
7. Par défaut, la date de diffusion de l’épisode est la date du jour. Pour afficher un
calendrier et choisir une autre date, cliquez sur le bouton fléché. Remarque : la date
de diffusion est une indication importante pour permettre à vos abonnés de
récupérer uniquement les épisodes les plus récents.
8. Cochez l’option Contenu interdit aux mineurs si les différents contenus de votre
podcast peuvent être utilisés uniquement par les personnes âgées de 18 ans et plus.
Onglet Affichage
Pour configurer l’apparence de votre podcast sur le site web :
1. Commencez par saisir un nom de fichier pour votre podcast.
2. Dans la liste déroulante Nombre d’épisodes, précisez ensuite quels sont les épisodes
à inclure dans le podcast : tous les épisodes, uniquement l’épisode le plus récent ou
uniquement les 2 ... 30 épisodes les plus récents.
3. A la ligne suivante, désignez les clients de podcasting (podcatchers) pour lesquels
vous souhaitez proposer un lien d’abonnement. Si vous cochez l’option Pour iTunes,
les visiteurs de votre site web pourront récupérer et lire directement votre podcast
dans Apple iTunes. Pour mettre votre podcast à la disposition d’autres podcatchers,
cochez l’option Pour d’autres lecteurs de podcast.
4. Vous avez la possibilité de sélectionner une icône individuelle pour chacun de ces
deux liens. Pour retrouver ensuite l’icône d’origine, cliquez sur l’entrée (par défaut)
dans la liste des icônes.
5. A la ligne Aperçu sur le web, indiquez combien d’épisodes doivent être affichés dans
l’aperçu, puis sélectionnez l’icône utilisée pour lister les épisodes dans l’aperçu.
6. Dans les options d’affichage, indiquez si l’affichage doit ou non inclure le sous-titre
des épisodes, le résumé des épisodes, le résumé du podcast et le sous-titre du
podcast. Par défaut, toutes ces options sont activées. Remarque : si vous optez pour
l’affichage des sous-titres, assurez-vous que les champs correspondants sont
effectivement remplis.
Onglet Langage
Cet onglet vous permet d’adapter selon vos besoins le langage utilisé dans ce plug-in (libellés
et messages d’information). Cette possibilité existe également dans le programme principal.
Double-cliquez sur un élément pour modifier le texte à afficher.
REMARQUE : - dans la partie supérieure de la boîte de dialogue Editer le texte, la fonction
spécifique à l’élément sélectionné fait l’objet d’une explication. Lisez attentivement cette
233
Chapitre 4
Shop to date 5 pro
explication afin d’éviter de modifier par erreur le texte d’un message apparaissant à un autre
endroit.
Pour annuler une modification et retrouver le texte initial d’un élément, double-cliquez sur
l’élément souhaité puis cliquez sur le bouton Restaurer le texte par défaut.
Onglet Talkback
Cet onglet offre aux podcasteurs la possibilité de commenter vos podcasts. Pour activer cette
fonction, cochez l’option Activer le talkback.
Les options grisées sont ainsi activées :
■ Talkback modéré (valider les commentaires avant de les afficher) - cochez cette
option si vous souhaitez lire et éditer les commentaires laissés par les podcasteurs
avant de les afficher sur votre site. Remarque : lorsque votre site web sera publié, vous
pourrez modérer le talkback en accédant à la page réservée à l’administrateur.
■ Autoriser la saisie d’une adresse e-mail - cochez cette option si vous souhaitez que les
podcasteurs déposant un commentaire puissent saisir leur adresse e-mail (s’ils le
souhaitent).
■ Autoriser la saisie d’une adresse de site web - cochez cette option si vous souhaitez
que les podcasteurs déposant un commentaire puissent saisir l’adresse de leur site
web (s’ils le souhaitent).
Page réservée à l’administrateur
Si vous avez activé l’option Talkback modéré, vous avez le droit et même le devoir de valider
les commentaires laissés par les podcasteurs.
Cliquez sur le bouton Page réservée à l’administrateur pour ouvrir cette page dans votre
navigateur par défaut, puis affichez les commentaires en cliquant sur le lien xx
commentaires. Sous chaque commentaire, trois liens sont à votre disposition :
■ Editer - ouvre l’éditeur dans lequel vous pouvez modifier le commentaire actuel, par
exemple en remplaçant par des étoiles *** les termes indésirables.
■ Supprimer - supprime le commentaire actuel.
■ Afficher - affiche le commentaire actuel (éventuellement modifié) sur votre site web
Importer un podcast
Ce bouton vous permet d’importer les podcasts que vous avez vous-même créés dans le
logiciel Podcast Producer (format W2DPCAST). Ce logiciel vous permet de produire vos
234
Notions fondamentales d’organisation du contenu
propres shows radio en qualité Studio. Avec leurs jingles professionnels, leurs ID de station
et leurs effets sonores, les épisodes peuvent être publiés sur Internet d’un simple clic de
souris.
Plug in RSS Publisher
Le plug-in RSS Publisher vous permet de créer un flux RSS dont l’objectif est de rendre
publique l’arrivée de nouveaux contenus sur votre site web. Les internautes abonnés à votre
flux RSS sont immédiatement informés de ces nouveautés.
Principe technique :
Le format RSS est un format basé sur XML grâce auquel il est possible de diffuser facilement
des actualités (news) et d’autres contenus Web. L’acronyme RSS signifie Really Simple
Syndication (mais aussi Rich Site Summary ou RDF Site Summary).
Sur le Web, le format RSS s’est imposé comme le format de diffusion des actualités en ligne.
Il est utilisé sur les principaux sites d’information (tels que CNN) qui proposent des flux RSS
intéressants sur différents sujets.
Un petit logiciel appelé lecteur RSS parcourt à intervalle régulier les pages Internet
sélectionnées par l’abonné et lui présente, sous la forme d’une liste de liens, toutes les
actualités disponibles. En cliquant sur ces liens, l’abonné accède directement aux contenus
originaux publiés sur le site web concerné.
Le plug-in RSS Publisher de web to date permet de créer son propre flux RSS dans le but de
rendre son site web encore plus attractif.
Il existe plusieurs versions du format RSS (0.9x, 1.0, 2.0). Le plug-in RSS Publisher peut
créer des flux RSS dans tous ces formats.
Pour créer un nouveau paragraphe de type Plug-in RSS Publisher :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in RSS Publisher.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in RSS Publisher :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
235
Chapitre 4
Shop to date 5 pro
ainsi la boîte de dialogue RSS Publisher dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
Créer un flux RSS
Pour créer votre propre flux RSS, commencez par déposer un paragraphe de type RSS
Publisher à un endroit approprié de votre site web. Il peut s’agir de la page d’accueil ou de
l’encadré latéral, par exemple.
Attention : pour que votre flux RSS puisse être lu par les internautes, vous devez avoir saisi
la bonne URL HTTP dans les propriétés de votre site web (onglet Publication). L’URL de la
cible HTTP est l’adresse à laquelle votre site est accessible sur Internet. Dans le cas contraire,
les liens pointant vers les contenus originaux publiés sur votre site ne fonctionnent pas.
L’onglet Présentation
1. Sous l’onglet Présentation, commencez par choisir l’icône qui s’affichera sur votre
site web pour signaler un lien vers votre flux RSS.
2. Précisez ensuite le nombre maximum d’actualités diffusées par votre flux RSS et
saisissez le libellé du lien sur lequel cliqueront les visiteurs de votre site pour
s’abonner à votre flux. Un clic sur le bouton Ajouter le titre du flux vous permet
d’inscrire directement dans ce libellé le texte saisi à la ligne Titre du flux (plus bas
dans le même onglet). Si ce titre apparaît ici sous la forme [t], il sera naturellement
écrit en toutes lettres sur votre site web.
3. Sur les lignes suivantes, saisissez un nom de fichier pour votre flux RSS et
sélectionnez un format de flux. La saisie du nom de fichier est obligatoire. Parmi les
variantes possibles, citons news.xml, rss.xml, news.rdf et news.rss. Si vous n’êtes pas
certain du format à utiliser, sélectionnez de préférence l’option RSS 2.0. Attention :
si vous proposez plusieurs flux RSS sur une même page (c’est-à-dire plusieurs
paragraphes de type "RSS Publisher"), vous devez saisir un nom de fichier pour
chacun !
4. Les indications Titre du flux, Description et Copyright sont des méta données qui ne
seront pas affichées sur votre site web. Les données Titre du flux et Description sont
toutefois utilisées par de nombreux lecteurs RSS pour identifier votre flux. C’est
pourquoi vous devez remplir ces champs.
5. Le bouton Afficher l’URL du flux rappelle à quelle adresse votre flux RSS sera
accessible (à supposer que vous ayez préalablement saisi l’adresse URL de la cible
HTTP). Il s’agit d’une adresse statique qui ne sera pas mise à jour si vous modifiez
ultérieurement le nom de fichier du flux RSS ou de la page principale associée. Dans
ce cas, vous devrez également modifier l’adresse URL par vous-même.
L’onglet Contenu
Cet onglet vous permet de sélectionner les contenus que vous souhaitez diffuser par le biais
de votre flux RSS. web to date vous propose les options suivantes :
236
Notions fondamentales d’organisation du contenu
Pages secondaires (composition automatique) :
Les différentes actualités de votre flux RSS correspondent aux différentes pages secondaires
de la page principale sélectionnée dans la liste Contenu du flux. Le flux est mis à jour
automatiquement lorsque vous créez une nouvelle page secondaire. Ce mode de
composition automatique est la méthode standard utilisée par les grands sites d’information
en ligne. L’option Inclure le contenu de toutes les pages principales subordonnées permet
d’inclure également les pages secondaires de toutes les pages principales subordonnées à la
page de référence (sélectionnée dans la liste Contenu du flux). Autrement dit : toutes les
pages secondaires de la structure hiérarchique descendante. L’option Trier par permet
ensuite de préciser l’ordre d’apparition des actualités dans le lecteur RSS.
Pages principales (composition automatique) :
Les différentes actualités de votre flux RSS correspondent aux différentes pages principales
créées sous la page principale de référence (sélectionnée dans la liste Contenu du flux). Le
flux est mis à jour automatiquement lorsque vous créez une nouvelle page principale.
L’option Inclure le contenu de toutes les pages principales subordonnées permet d’inclure
également les nouvelles pages principales créées dans la structure hiérarchique descendante.
L’option Trier par permet ensuite de préciser l’ordre d’apparition des actualités dans le
lecteur RSS.
Si vous optez pour les pages secondaires ou les pages principales, sachez que le plug-in RSS
Publisher peut également inclure dans le flux RSS les textes abrégés de vos différentes
actualités (à supposer qu’ils existent). Avant d’activer cette option, assurez-vous d’avoir
effectivement saisi un texte abrégé pour chacune des pages concernées (texte court à saisir
dans la fenêtre de propriétés des pages). Tous les lecteurs RSS n’affichent pas les textes
abrégés.
Paragraphes de texte (composition automatique)
Les différentes actualités de votre flux RSS correspondent aux différents paragraphes de
texte de la page secondaire ou principale sélectionnée dans la liste Contenu du flux. Tous ces
paragraphes de texte doivent avoir un titre. Dans le lecteur RSS de vos abonnés, ce titre sera
utilisé pour créer automatiquement le titre de l’actualité ou le lien vers l’actualité. Le flux est
mis à jour automatiquement lorsque vous créez de nouveaux paragraphes de texte (la mise à
jour est prise en compte à la prochaine création du site web).
Composition manuelle
Les options précédentes permettent de créer - une fois pour toutes - un flux RSS qui sera
ensuite mis à jour automatiquement par le programme. Mais il est parfois utile de composer
237
Chapitre 4
Shop to date 5 pro
soi-même le contenu de son flux RSS afin d’y intégrer non seulement des contenus nouveaux
mais également des contenus modifiés (par ex. le classement révisé des membres de votre
club d’échecs).
La composition manuelle offre surtout la possibilité d’inclure dans un même flux RSS des
contenus variés tels que des pages, des paragraphes, des fichiers étrangers, etc. Cette option
est particulièrement utile pour les petits sites web qui ne possèdent qu’une seule zone dédiée
à la diffusion des actualités.
Notez toutefois que la composition manuelle est statique, ce qui signifie qu’elle n’est pas
mise à jour automatiquement lorsque vous déposez de nouveaux contenus sur votre site web.
Pour diffuser ces nouveaux contenus, vous devez les inclure manuellement dans le flux RSS
par l’intermédiaire de web to date.
Lorsque la composition du flux RSS est terminée, vous pouvez cliquer à tout moment sur le
bouton Aperçu dans le navigateur pour vérifier quel est le contenu actuel de votre flux. Nous
vous conseillons d’effectuer cette vérification à intervalle régulier car, sur le site web
lui-même, vous ne pouvez voir que le texte du lien d’abonnement.
S’abonner à votre flux RSS :
Le flux RSS apparaît sur votre site web sous la forme d’un lien (dont le texte peut être
personnalisé dans le champ Libellé du lien).
Les visiteurs de votre site web doivent cliquer sur ce lien pour obtenir l’adresse Internet à
saisir dans leur lecteur RSS. Selon le navigateur Internet ou le lecteur RSS utilisé, ils peuvent
être obligés de cliquer sur le lien avec le bouton droit de leur souris et d’activer la commande
Copier l’adresse du lien ou Copier le raccourci.
Une fois l’adresse Internet saisie dans son lecteur RSS, l’abonné est prévenu
automatiquement lorsque vous déposez de nouveaux contenus sur votre site web. Il peut
alors y accéder directement en cliquant sur un simple lien.
Gagner de nouveaux abonnés :
Pour gagner de nouveaux abonnés, vous devez faire en sorte que votre flux RSS soit porté à
la connaissance du plus grand nombre d’internautes possible.
Pour cela, vous avez tout intérêt à déclarer votre flux RSS auprès d’un service de flux RSS.
Plug in RSS Reader
Le plug-in RSS Reader permet d’importer automatiquement vers votre site web des
actualités provenant d’autres pages Internet. Sur votre site web, ces actualités prennent
238
Notions fondamentales d’organisation du contenu
l’apparence de liens sur lesquels vos visiteurs peuvent cliquer pour accéder directement aux
pages d’origine et lire le contenu intégral des actualités.
Le plug-in RSS Reader vous permet donc d’enrichir votre site web en toute simplicité, avec
des contenus variés et intéressants.
Principe technique :
Le format RSS est un format basé sur XML grâce auquel il est possible de diffuser facilement
des actualités (news) et d’autres contenus Web. L’acronyme RSS signifie Really Simple
Syndication (mais aussi Rich Site Summary ou RDF Site Summary).
Sur le Web, le format RSS s’est imposé comme le format de diffusion des actualités en ligne.
Il est utilisé sur les principaux sites d’information (tels que CNN) qui proposent des flux RSS
intéressants sur différents sujets.
Il existe plusieurs versions du format RSS (0.9x, 1.0, 2.0) et plusieurs extensions de fichier
pour les flux RSS (xml, rss ou rdf). Le plug-in RSS Reader peut lire et afficher la plupart de
ces formats.
Pour trouver des flux RSS :
Il existe sur Internet de nombreux services de flux RSS. Nombreux sont également les sites
d’information en ligne qui proposent aux internautes de s’abonner à leurs différents flux
RSS.
Important : vous devez impérativement respecter les règles d’utilisation des flux RSS
auxquels vous vous abonnez. La plupart des flux sont diffusés à des fins non commerciales.
Pour créer un nouveau paragraphe de type Plug-in RSS Reader :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in RSS Reader.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in RSS Reader :
1. Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite,
ou cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale.
Vous ouvrez ainsi la boîte de dialogue RSS Reader dans laquelle vous pouvez définir
les paramètres de configuration du plug-in.
239
Chapitre 4
Shop to date 5 pro
2. Commencez par saisir l’adresse URL du flux RSS, autrement dit l’adresse à laquelle
le flux RSS est accessible sur Internet. Cette information est généralement
communiquée par le diffuseur du flux RSS. Si tel n’est pas le cas, vous pouvez copier
l’adresse dans web to date en procédant de la façon suivante : dans votre navigateur
Internet, affichez le site web du diffuseur, puis cliquez avec le bouton droit de votre
souris sur l’icône RSS ou XML permettant de s’abonner au flux. Dans le menu ainsi
affiché, activez la commande Copier le raccourci (Internet Explorer) ou Copier
l’adresse du lien (Mozilla, Opera). Revenez dans la fenêtre de configuration du
plug-in RSS Reader et cliquez sur ce bouton Copier l’URL depuis le Presse-papiers
pour copier l’adresse URL du flux RSS (mémorisée dans le Presse-papiers de
Windows).
3. Sur la ligne suivante, précisez à quelle fréquence le flux RSS doit être mis à jour. En
règle générale, une actualisation toutes les 60 minutes ou toutes les 24 heures est
amplement suffisante. Tout dépend en fait de la fréquence à laquelle le diffuseur met
à jour ses actualités. Si vous choisissez une fréquence plus courte, le temps de
chargement de votre page web risque de se prolonger inutilement.
4. Sur la même ligne, choisissez le nombre maximum d’actualités à afficher.
5. Certains flux RSS - plutôt minoritaires - ajoutent à leurs actualités des textes abrégés
(il peut s’agir d’un résumé ou, plus souvent, des premières lignes de l’actualité).
L’option Afficher les textes abrégés s’ils existent vous permet d’importer ou non ces
petits textes.
6. Dans le champ Pied de page du flux RSS, il est conseillé de saisir une mention de
copyright permettant d’identifier le diffuseur du flux.
7. Dans le champ Message d’erreur, il est conseillé de saisir un texte de remplacement
qui apparaîtra sur votre site web chaque fois que le flux RSS sera momentanément
indisponible.
8. Pour finir, choisissez l’icône qui s’affichera sur votre site web devant chaque actualité
du flux RSS.
9. Cliquez ensuite sur OK pour valider vos choix et fermer la boîte de dialogue.
Pour tester le flux RSS intégré à votre site, connectez-vous à Internet et cliquez sur le bouton
Aperçu dans le navigateur du programme web to date.
Plug in Support en direct
Ce plug-in vous offre la possibilité de répondre en temps réel aux questions de vos visiteurs.
Vous pouvez ainsi leur fournir directement des informations et des conseils sur vos produits
et vos prestations.
REMARQUE : - ce plug-in requiert un serveur web capable d’exécuter des scripts PHP et un
navigateur Internet capable d’exécuter AJAX (Asynchronous JavaScript and XML).
240
Notions fondamentales d’organisation du contenu
Pour créer un nouveau paragraphe de type Plug-in Support en direct :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Support en direct.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Support en direct :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Support en direct dont les onglets Attributs, Langage et Client vous
permettent d’effectuer vos réglages.
L’onglet Attributs
L’onglet Attributs permet de configurer l’apparence du plug-in sur votre site web.
Les attributs proposés sont les suivants :
■ Police de caractères : cliquez sur le bouton fléché pour dérouler la liste des polices
■
■
■
■
■
disponibles et faire votre choix (Tahoma, Verdana, Trebuchet, Arial, Times New
Roman).
Hauteur de la fenêtre du support : cliquez sur le bouton fléché pour définir si la
fenêtre du support sera de hauteur minimale, moyenne ou maximale.
Couleur de l’arrière-plan : cliquez sur le bouton avec trois points, puis choisissez le
coloris souhaité dans la boîte de dialogue de Windows.
Couleur des caractères : cliquez sur le bouton avec trois points, puis choisissez le
coloris souhaité dans la boîte de dialogue de Windows.
Couleur des liens : cliquez sur le bouton avec trois points, puis choisissez le coloris
souhaité dans la boîte de dialogue de Windows.
Couleur des cadres : cliquez sur le bouton avec trois points, puis choisissez le coloris
souhaité dans la boîte de dialogue de Windows.
241
Chapitre 4
Shop to date 5 pro
L’onglet Langage
Cet onglet vous permet d’adapter selon vos besoins le langage (libellés et messages
d’information) utilisé dans ce plug-in. Cette possibilité existe également dans le programme
principal.
Double-cliquez sur un élément pour modifier le texte à afficher.
REMARQUE : - dans la partie supérieure de la boîte de dialogue Editer le texte, la fonction
spécifique à l’élément sélectionné fait l’objet d’une explication. Lisez attentivement cette
explication afin d’éviter de modifier par erreur le texte d’un message apparaissant à un autre
endroit.
Pour annuler une modification et retrouver le texte initial d’un élément, double-cliquez sur
l’élément souhaité puis cliquez sur le bouton Restaurer le texte par défaut.
L’onglet Client
L’onglet Client met à disposition deux modes d’exploitation pour le logiciel client servant à
répondre en direct aux questions des visiteurs.
Sur cet ordinateur
Cliquez sur le bouton Démarrer le logiciel client pour vous connecter au service de support
en direct via le programme principal web to date (ou shop to date).
Pour plus d’informations, consultez l’aide accessible par la boîte de connexion au service de
support.
Sur d’autres ordinateurs
Cliquez sur le bouton Créer un fichier de démarrage pour créer un fichier de démarrage qui
vous permettra d’accéder au logiciel client sans passer par le programme principal (web to
date ou shop to date). Dans la boîte de dialogue Enregistrer sous, désignez l’emplacement
souhaité pour ce fichier. Cliquez ensuite sur le bouton Enregistrer pour créer le fichier. Le
fichier ainsi enregistré pourra être démarré par un double clic.
Pour installer le logiciel client sur autre ordinateur, cliquez sur le bouton Accéder au
programme d’installation. A l’emplacement indiqué, récupérez le programme d’installation
et gravez-le sur un CD ou copiez-le sur une clé USB. Une fois le programme d’installation
copié sur un autre ordinateur, un double clic suffit pour l’exécuter.
Pour valider vos réglages et quitter la boîte de dialogue, cliquez sur le bouton OK.
242
Notions fondamentales d’organisation du contenu
REMARQUE : - avant de pouvoir tester le fonctionnement de votre support en direct, vous devez
créer un site complet et le charger vers votre serveur web. Dans les propriétés du site web, vous
devez également saisir une adresse URL valide (adresse à laquelle votre site web est accessible
sur Internet).
Plug in Tableau interactif
Ce plug-in permet de déposer sur votre site web un tableau interactif dont le contenu peut
être trié librement par les visiteurs du site. Ce type de tableau est spécialement adapté à la
publication de listings, de classements, de listes de participants, de barèmes tarifaires, etc.
Le contenu du tableau interactif peut être statique (défini une fois pour toutes) ou
dynamique. Pour qu’un tableau soit dynamique, il suffit de l’associer à un fichier externe à
partir duquel les données du tableau pourront être importées et actualisées.
REMARQUE : - ce plug-in n’impose aucune exigence particulière à votre serveur web mais exige
un navigateur Internet capable d’exécuter JavaScript.
Pour créer un nouveau paragraphe de type Plug-in Tableau interactif :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Tableau interactif.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Tableau interactif :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Tableau interactif dans laquelle vous pouvez définir les paramètres
de configuration du plug-in.
Le tableau créé par défaut se compose de trois colonnes et de trois lignes, dépourvues de tout
contenu.
Saisir des données
La saisie des données peut être manuelle (saisie directe dans les cellules) ou automatique
(importation d’un fichier CSV ou XLS).
243
Chapitre 4
Shop to date 5 pro
Saisie manuelle
Pour remplir manuellement le tableau, il suffit de double-cliquer dans la cellule souhaitée ou
de sélectionner cette cellule puis de cliquer sur le bouton Editer cette cellule. Il est alors
possible de saisir directement le contenu souhaité.
Pour savoir comment mettre en forme les données du tableau, lisez la rubrique Configurer le
tableau présentée ci-dessous.
Importation de données
Pour remplir automatiquement le tableau en important les données contenues dans un
fichier externe, sélectionnez la commande Importer / associer des données externes du menu
Tableau.
Dans la boîte de dialogue ainsi ouverte, sélectionnez un fichier au format CSV ou XLS (MS
Excel), puis définissez les paramètres de cette importation :
1. A la ligne Nom du fichier, cliquez sur le bouton jaune pour sélectionner le fichier
dont les données doivent être importées. Remarque : seuls sont autorisés les fichiers
enregistrés au format *.csv ou *.xls.
2. Activez ensuite l’option Associer le tableau à ce fichier si vous souhaitez que les
données du tableau soient toujours identiques aux données du fichier (qui peuvent
avoir été modifiées à tout moment). De cette façon, le tableau sera mis à jour
automatiquement avant chaque nouveau chargement de votre site web.
3. Dans la liste déroulante Séparateur, choisissez le caractère utilisé dans les fichiers
CSV pour séparer les différents blocs de données. Vous avez le choix entre le
point-virgule [;], la virgule [,] et la tabulation [˜].
4. Si la première ligne du fichier importé correspond à des en-têtes de colonne, cochez
la case présentée à la ligne En-tête. De cette façon, les en-têtes seront répartis
automatiquement entre les colonnes.
5. Le bouton Valider permet d’enregistrer les paramètres sans démarrer l’importation.
Le bouton Importer maintenant permet de démarrer l’importation. Le résultat de
l’opération est affiché dans le tableau.
Lorsque le tableau est associé à un fichier, le nom de ce fichier apparaît dans la barre jaune
affichée tout en bas de la boîte de dialogue. Le lien Actualiser permet alors de comparer le
contenu du tableau au contenu du fichier et de mettre à jour le tableau.
Que les données du tableau aient été saisies manuellement ou importées automatiquement,
le plug-in propose les même attributs de mise en forme pour vous permettre d’en
personnaliser l’affichage.
Configurer le tableau
Pour configurer l’apparence de votre tableau, activez la commande Propriétés du tableau
dans le menu Tableau ou cliquez sur le bouton du même nom dans la barre d’outils
244
Notions fondamentales d’organisation du contenu
horizontale. Vous ouvrez ainsi la boîte de dialogue Propriétés du tableau qui vous propose
les paramètres suivants :
Taille : en cliquant sur les boutons fléchés ou en faisant une saisie directe, indiquez le
nombre de colonnes et le nombre de lignes qui composent votre tableau. Ces valeurs
pourront être modifiées ultérieurement par l’insertion d’une ou de plusieurs colonnes/lignes
supplémentaires (via les menus Colonne et Ligne ou via les boutons correspondants).
Affichage : le plug-in vous propose trois modes d’affichage :
1. Dans un paragraphe avec barres de défilement : affiche le tableau interactif dans un
paragraphe intégré à la page web actuelle. Si la longueur ou la largeur du tableau
dépasse la longueur ou la largeur du paragraphe, des barres de défilement
apparaissent automatiquement à droite ou en bas du tableau pour permettre aux
visiteurs d’accéder à la totalité des données.
2. Dans un paragraphe sans barres de défilement : affiche le tableau interactif dans un
paragraphe séparé ne proposant aucune possibilité de défilement, même si le
tableau est trop grand.
3. Dans une nouvelle fenêtre : ce mode d’affichage est le plus agréable pour les
visiteurs de votre site. Il affiche le tableau interactif dans une nouvelle fenêtre dont
vous pouvez personnaliser la taille et la mise en forme grâce aux nouveaux
paramètres activés dans la boîte de dialogue Tableau interactif.
Largeur : saisissez la largeur en pixels de la fenêtre pop-up. La valeur proposée par défaut est
de 700 pixels, de façon à ce que la fenêtre ne couvre pas tout l’écran dans le cas d’une
résolution 800x600.
Hauteur : saisissez la hauteur en pixels de la fenêtre pop-up. La valeur proposée par défaut
est de 500 pixels, de façon à ce que la fenêtre ne couvre pas tout l’écran dans le cas d’une
résolution 800x600.
Titre : saisissez le titre de votre tableau.
Libellé du lien : saisissez le texte du lien qui dirige les visiteurs vers la fenêtre pop-up
contenant votre tableau.
Police : cet attribut de mise en forme permet de changer la police de caractères associée au
tableau. Vous avez le choix entre les polices suivantes : Arial, Times New Roman, Tahoma,
Verdana, Courier New et Trebuchet MS.
Taille : cet attribut de mise en forme permet de changer la taille de caractères associée au
tableau.
245
Chapitre 4
Shop to date 5 pro
Couleur (des caractères) : cet attribut de mise en forme permet de changer la couleur de
caractères associée au tableau. Cliquez sur le bouton avec trois points, puis choisissez une
nouvelle couleur dans la palette de Windows (couleur par défaut : noir). Arrière-plan : cet
attribut de mise en forme permet de changer la couleur de l’arrière-plan. Cliquez sur le
bouton avec trois points, puis choisissez une nouvelle couleur dans la palette de Windows
(couleur par défaut : blanc).
Pour quitter la boîte de dialogue Propriétés du tableau tout en validant vos paramètres,
cliquez sur le bouton OK.
Travailler avec les lignes et les colonnes
Les menus Colonne et Ligne proposent d’autres possibilités de configuration :
Le menu Colonne
Le menu Colonne met à votre disposition les commandes suivantes :
■ Insérer une colonne : ajoute une nouvelle colonne vide avant la colonne actuellement
sélectionnée.
■ Insérer une colonne en fin de tableau : ajoute une nouvelle colonne vide à la fin du
tableau (côté droit).
■ Supprimer cette colonne : supprime la colonne actuellement sélectionnée sans
demander confirmation.
■ Propriétés de la colonne : ouvre une boîte de dialogue dans laquelle vous pouvez
configurer la colonne actuellement sélectionnée.
Propriétés de la colonne
■ En-tête : saisissez l’en-tête de la colonne.
■ Largeur : activez l’option Ajustement automatique si le plug-in doit ajuster lui-même
la largeur de la colonne. Activez l’option Au moins xx pixels si vous souhaitez
attribuer à la colonne une largeur fixe et définitive.
■ Présentation : activez l’option Possibilité de trier les données si vous souhaitez que
les visiteurs de votre site puissent trier eux-mêmes les données du tableau. Pour cela,
il leur suffit de cliquer sur les petites flèches qui apparaissent dans les en-têtes de
colonne (une flèche pour l’ordre croissant et une flèche pour l’ordre décroissant).
Activez également l’option Gras et/ou Italique selon vos besoins.
■ Alignement : indiquez si le contenu de la colonne doit être aligné à gauche, centré ou
aligné à droite.
■ Format : le format de la colonne détermine la nature des données saisies et peut
servir de critère pour le tri des données. Le format Texte permet de saisir des lettres
et des chiffres et de traiter ce contenu comme un simple texte. Le format Nombre
246
Notions fondamentales d’organisation du contenu
permet de saisir des données numériques. Vous pouvez préciser le nombre de
décimales affichées (0 à 5) et indiquer si le séparateur de milliers doit ou non être
activé.
Pour quitter la boîte de dialogue Propriétés de la colonne tout en validant vos paramètres,
cliquez sur le bouton OK.
Le menu Ligne
Le menu Ligne met à votre disposition les commandes suivantes :
■ Insérer une ligne : ajoute une nouvelle ligne vide avant la ligne actuellement
sélectionnée.
■ Insérer une ligne en fin de tableau : ajoute une nouvelle ligne vide à la fin du tableau
(en bas).
■ Supprimer cette ligne : supprime la ligne actuellement sélectionnée sans demander
confirmation.
Pour valider vos paramètres et quitter la fenêtre de configuration du plug-in, cliquez sur le
bouton OK.
Plug in Vote
Les votes sont à la mode sur Internet, surtout lorsqu’ils sont rapides et anonymes. Avec le
plug-in Vote, vous permettez aux internautes d’intervenir directement dans le
développement de votre site web en exprimant leur opinion sur telle ou telle évolution.
Vous pouvez ainsi demander aux internautes de se prononcer sur l’organisation de votre site
web, sur la pertinence des thèmes abordés et sur le design des pages présentées, mais
également de choisir entre plusieurs propositions de développement ou d’amélioration.
En tenant compte des opinions exprimées par les internautes, vous pouvez ensuite adapter le
fond et la forme de votre site web pour le rendre plus attractif.
REMARQUE : - ce plug-in n’impose aucune contrainte particulière au navigateur Internet utilisé
mais requiert un serveur web pouvant exécuter des scripts PHP.
Pour créer un nouveau paragraphe de type Plug-in Vote :
1. Cliquez sur le bouton Nouveau paragraphe pour ajouter un paragraphe à votre page
principale ou secondaire.
247
Chapitre 4
Shop to date 5 pro
2. Dans l’Assistant Nouveau paragraphe, sélectionnez le type de paragraphe Plug-in
puis cliquez sur OK. Dans la fenêtre Sélectionner un plug-in, vous voyez apparaître
la liste de tous les plug-ins disponibles.
3. Sélectionnez le plug-in Vote.
4. Cliquez ensuite sur OK pour créer le nouveau paragraphe de type Plug-in.
Pour configurer le plug-in Vote :
Cliquez sur le lien ici dans la rubrique Configurer ce plug-in de la fenêtre de droite, ou
cliquez sur le bouton Configurer le plug-in dans la barre d’outils horizontale. Vous ouvrez
ainsi la boîte de dialogue Vote dans laquelle vous pouvez définir les paramètres de
configuration du plug-in.
Sous l’onglet Réponses, commencez par saisir l’intitulé de la question pour laquelle vous
organisez un vote. Saisissez ensuite les différentes réponses possibles :
■ Nouvelle réponse : crée une nouvelle réponse.
■ Supprimer cette réponse : supprime la réponse sélectionnée.
■ Modifier cette réponse : permet de modifier la réponse sélectionnée.
■ Déplacer vers le haut : déplace la réponse sélectionnée vers le rang supérieur.
■ Déplacer vers le bas : déplace la réponse sélectionnée vers le rang inférieur.
Un clic sur le bouton Nouvelle réponse ouvre une boîte de dialogue dans laquelle vous
pouvez saisir librement le texte de votre réponse.
Saisissez ce texte, puis cliquez sur OK pour ajouter cette nouvelle réponse à votre liste.
Répétez l’opération autant de fois que nécessaire pour créer une liste de réponses
suffisamment étoffée.
Si vous le souhaitez, vous pouvez associer une image à chacune des réponses présentes dans
la liste. Pour cela, sélectionnez une réponse, cliquez sur le bouton Sélectionner une image,
puis choisissez une image parmi la sélection disponible ou cliquez sur le bouton Importer une
image. Pour supprimer une image, sélectionnez la réponse concernée, puis cliquez sur le
bouton Supprimer cette image.
Un clic sur le bouton Assistant Série de réponses ouvre une boîte de dialogue contenant six
séries de réponses prêtes à l’emploi. Si vous le souhaitez, sélectionnez la série de réponses la
mieux adaptée à votre question, puis cliquez sur le bouton OK pour importer ces réponses
automatiques vers votre liste.
Les séries proposées sont les suivantes :
■ Notation : Très bien - Bien - Satisfaisant - Passable - Insuffisant - Mauvais
■ Notation : 1 (très bien) - 2 - 3 - 4 - 5 - 6 (mauvais)
248
Notions fondamentales d’organisation du contenu
■ Echelle : 1 (très bien) - 2 - 3 - 4 - 5 (très mauvais)
■ Echelle : 10 (très bien) - 9 - 8 - 7 - 6 - 5 - 4 - 3 - 2 - 1 (très mauvais)
■ Opinion : Oui - Non - Sans opinion
■ Opinion : Très bien - Bien - Satisfaisant - Mauvais
Après avoir saisi votre question et vos réponses, cliquez sur l’onglet Paramètres pour
sélectionner vos options d’affichage :
■ Afficher des barres graphiques (design)
■ Nombre absolu de suffrages par réponse
■ Nombre relatif de suffrages par réponse (%)
■ Nombre total de suffrages exprimés
■ Trier les résultats par nombre de suffrages
■ Cliquer pour agrandir les images
Sélectionnez ensuite vos options générales :
■ Afficher le résultat après le vote
■ N’afficher en permanence que le résultat
■ A partir de cette date, afficher uniquement le résultat final
■ Empêcher les votes multiples (en comparant les adresses IP)
L’onglet Langage vous permet d’adapter à vos besoins le langage utilisé dans ce plug-in
(libellés et messages d’information). Double-cliquez sur un élément pour modifier le texte
correspondant. Pour retrouver le texte initial d’un élément, cliquez simplement sur le bouton
Restaurer le texte par défaut.
L’onglet Design vous permet de choisir l’apparence des barres graphiques qui
matérialiseront les résultats du vote (si vous avez activé l’option Afficher des barres
graphiques (design)).
Pour valider vos choix et quitter la boîte de configuration du plug-in, cliquez sur le bouton
OK.
4.3 La bibliothèque de médias
Pour afficher la bibliothèque de médias dans la partie inférieure de l’interface du
programme, cliquez sur le bouton Images de cette zone. La bibliothèque de médias est une
zone de stockage de tous les fichiers qui doivent apparaître dans votre boutique ou être
proposés en téléchargement à vos visiteurs.
249
Chapitre 4
Shop to date 5 pro
Il peut s’agir de références, de versions d’essai, de fichiers PDF des formulaires à imprimer
ou encore de vos conditions générales de vente.
REMARQUE : - Vous pouvez placer n’importe quels types de fichiers dans la bibliothèque de
médias et les proposer en téléchargement, qu’il s’agisse de documents Word, de tableaux Excel,
de fichiers PDF, vidéo ou audio.
Pour qu’ils puissent être lus sur le navigateur cible, il faut que le visiteur dispose du programme
d’affichage ou de lecture adéquat (par exemple le Lecteur Windows Media pour les fichiers audio
et vidéo). Pensez-y quand vous ajoutez des fichiers étrangers à votre projet.
La bibliothèque de médias se compose de deux zones : la zone Images est destinée aux
fichiers image utilisés, tandis que la zone Fichiers étrangers regroupe tous les fichiers vidéo,
audio, PDF et autres que vous proposez en téléchargement.
Vous pouvez basculer d’une zone à l’autre en cliquant sur le
bouton correspondant.
Les images sont ajoutées à la bibliothèque de médias de manière à être insérées dans la
boutique en ligne sous la forme de paragraphes autonomes (paragraphes Image) ou
d’illustrations associées à un paragraphe.
Les fichiers étrangers, quant à eux, sont toujours insérés sous forme de liens accessibles à
partir de l’emplacement défini, que le visiteur peut décider lui-même de télécharger ou non.
Nous vous expliquons comment utiliser les liens à la section suivante.
La barre d’outils de la bibliothèque de médias met à votre disposition les boutons suivants :
Ajoute l’image ou le fichier sélectionné à la bibliothèque de liens.
Ouvre l’éditeur d’images, dans lequel vous pouvez éditer rapidement et facilement vos
images.
Supprime l’image ou le fichier sélectionné après un message de confirmation.
250
Notions fondamentales d’organisation du contenu
Ouvre l’Explorateur Windows, dans lequel vous pouvez sélectionner un fichier dans
l’arborescence de vos dossiers et l’ajouter à la bibliothèque de médias par glisser-déplacer.
Ouvre la boîte de dialogue Importer une image ou Importer un fichier étranger.
Ouvre la boîte de dialogue Exporter une image ou Exporter un fichier étranger.
Zone Images uniquement. Change la taille d’affichage des aperçus des images. Cliquez sur
ce bouton pour afficher de grandes ou de petites images dans la bibliothèque de médias.
Ouvre la boîte de dialogue Affecter une catégorie, dans laquelle vous pouvez affecter à
l’image sélectionnée une catégorie nouvelle ou existante.
Ouvre la boîte de dialogue Images non utilisées, dans laquelle vous pouvez supprimer les
images non utilisées de votre projet de site Web.
REMARQUE : - Les procédures décrites dans cette section sont identiques pour les images et les
fichiers étrangers.
Pour éviter de nous répéter, nous décrirons essentiellement les procédures relatives aux images,
que vous pourrez appliquer de la même manière aux fichiers étrangers.
4.3.1 Importer des images et des fichiers étrangers
Pour importer une image dans la bibliothèque de médias, ouvrez la boîte de dialogue
Importer une image en sélectionnant la commande Image/Importer ou en cliquant sur le
bouton ci-contre. Procédez de la même manière pour les fichiers étrangers.
Dans la boîte de dialogue Importer une image, sélectionnez le fichier que vous voulez ajouter
ou importer dans la bibliothèque de médias. Double-cliquez sur le fichier ou cliquez sur le
bouton Ouvrir pour placer le fichier dans la bibliothèque de médias.
REMARQUE : - Vous pouvez importer en tant qu’images tous les fichiers aux formats JPEG, GIF
ou BMP.
251
Chapitre 4
Shop to date 5 pro
L’exportation de fichiers se déroule de la même façon : pour enregistrer une image
présente dans la bibliothèque de médias sous un autre nom ou dans un autre dossier de
votre disque dur afin qu’elle soit disponible pour d’autres applications, ouvrez la boîte de
dialogue Exporter une image en cliquant sur le bouton homonyme (ou via la commande
Image/Exporter). Entrez le nom et sélectionnez le dossier d’enregistrement, puis cliquez sur
Enregistrer.
Pour supprimer une image placée dans la bibliothèque de médias, cliquez dessus pour la
sélectionner et appuyez sur la touche [Suppr]. Pour supprimer plusieurs images
simultanément, maintenez la touche [Ctrl] enfoncée quand vous cliquez successivement sur les
images, puis appuyez sur la touche [Suppr].
Le bouton ci-contre appelle l’Explorateur Windows, où vous pouvez ouvrir directement
l’image.
Vous pouvez ensuite ajouter l’image à la bibliothèque de médias par glisser-déplacer. Le
nom de l’image est affiché entre parenthèses et en caractères grisés. Nous vous conseillons
d’attribuer tout de suite un titre et éventuellement une légende à l’image.
Pour ce faire (ou pour toute modification ultérieure), cliquez sur le bouton ci-contre ou
sélectionnez la commande Propriétés dans le menu contextuel pour ouvrir la fenêtre de
propriétés de l’image.
Dans les deux zones de saisie, entrez ou éditez le titre et, le cas échéant, la légende, puis
cliquez sur Appliquer. Le titre apparaît sous l’image. Pour le modifier, il vous suffit de
sélectionner la commande Renommer dans le menu contextuel.
252
Notions fondamentales d’organisation du contenu
4.3.2 Affecter une catégorie à une image
Même dans le cas de projets de site Web peu importants, l’accumulation d’images dans la
bibliothèque de médias peut rapidement devenir confuse.
Pour vous aider à mieux organiser les images importées, Shop to date vous permet de leur
affecter des catégories qui vous permettront de les filtrer. Vous pouvez ainsi classer vos
images selon les paramètres que vous définissez. Vous pouvez par exemple créer la catégorie
"Photos de l’équipe". Par défaut, toutes les images importées dans la bibliothèque de médias
sont traitées comme des éléments neutres, c’est-à-dire qu’elles ne font partie d’aucune
catégorie.
Pour classer l’image dans une catégorie, sélectionnez-la dans la bibliothèque de médias,
puis cliquez sur le bouton Affecter une catégorie.
Vous pouvez aussi sélectionner la commande homonyme du menu contextuel. Dans la boîte
de dialogue qui s’affiche, vous pouvez affecter une catégorie existante à l’image. Validez à cet
effet la première option, sélectionnez la catégorie voulue et cliquez sur OK. Si aucune
catégorie n’a encore été créée, la liste est bien entendu vide. Pour créer une catégorie, entrez
son nom dans la zone de saisie inférieure et cliquez sur OK. L’image sélectionnée dans la
bibliothèque de médias fait désormais partie de cette catégorie.
Vous pouvez aussi affecter simultanément plusieurs images à une catégorie. Sélectionnez
toutes les images en maintenant la touche [Ctrl] enfoncée tout en cliquant sur les images, puis
ouvrez la boîte de dialogue Affecter une catégorie. Après avoir créé plusieurs catégories et les
avoir affectées à des images, vous pouvez filtrer ces dernières en fonction de ce classement,
c’est-à-dire n’afficher le contenu que d’une catégorie. Utilisez à cette fin la liste déroulante
mise à votre disposition dans la barre d’outils de la bibliothèque de médias.
253
Chapitre 4
Shop to date 5 pro
L’entrée (sans affectation) regroupe toutes les images auxquelles aucune catégorie n’a encore
été affectée. L’entrée (toutes les catégories) affiche toutes les images. Toutes les autres
entrées correspondent aux catégories que vous avez créées.
Vous pouvez affecter des catégories aux images non seulement dans la bibliothèque de
médias, mais aussi dans les boîtes de dialogue Sélectionner une image et Insérer un lien. Il est
également possible d’affecter des catégories aux pages principales et secondaires, ainsi
qu’aux catégories de produits et aux produits (par exemple, une catégorie "Pages en
construction" et une catégorie "Pages terminées").
4.3.3 Éditer une image
Cliquez sur le bouton ci-contre pour ouvrir l’éditeur d’images, dans lequel vous pouvez
éditer les images présentes dans la bibliothèque de médias.
Dans la bibliothèque de médias, sélectionnez l’image que vous voulez éditer. Cliquez ensuite
sur le bouton Éditer cette image. Le programme ouvre l’image dans l’éditeur d’images.
La barre d’outils proposée en haut de la fenêtre de l’éditeur met à votre disposition diverses
fonctions d’édition des images.
254
Notions fondamentales d’organisation du contenu
Rotation de 90° vers la gauche
Fait pivoter l’image d’un quart de tour vers la gauche.
Rotation de 90° vers la droite
Fait pivoter l’image d’un quart de tour vers la droite.
Symétrie horizontale
Applique une symétrie horizontale à l’image autour de
son axe vertical.
Symétrie verticale
Applique une symétrie verticale à l’image autour de son
axe horizontal.
Noir et blanc
Affiche l’image en noir et blanc.
Rétablir la luminosité et le
contraste par défaut
Rétablit les paramètres définis au moyen des curseurs de
réglage à leur niveau d’origine.
Recadrage automatique
Recadre automatiquement l’image en fonction des bords
que vous avez définis à l’aide des poignées.
Ce curseur règle le contraste. Si vous le déplacez vers la
gauche, le contraste est réduit. Si vous le déplacez vers la
droite, le contraste est augmenté.
Le bouton Rétablir la luminosité et le contraste par défaut vous permet de restaurer les
paramètres d’origine.
Ce curseur règle la luminosité. Si vous le déplacez vers la
gauche, la luminosité est réduite. Si vous le déplacez vers la
droite, la luminosité est augmentée.
Le bouton Rétablir la luminosité et le contraste par défaut vous permet de restaurer les
paramètres d’origine.
La liste déroulante à droite de la barre d’outils sert à régler les dimensions de l’image. Les
dimensions définies sont signalées sur l’image par le cadre d’édition.
255
Chapitre 4
Shop to date 5 pro
Vous pouvez définir les dimensions de l’extrait d’image en cliquant sur l’une des poignées
(représentées par des carrés blancs) sur les bords de l’image, puis en réduisant ou en
agrandissant le cadre en maintenant le bouton de la souris enfoncé.
Avec les formats Paysage (4:3), Portrait (3:4) et Carré (1:1), les redimensionnements sont
toujours proportionnels.
Si le cadre de sélection de l’image est plus petit que l’image affichée, vous pouvez définir
l’extrait de l’image en déplaçant le cadre lui-même en maintenant le bouton de la souris
enfoncé.
Effectuez les modifications voulues sur l’image, puis cliquez sur l’un des boutons situés en bas
de la fenêtre.
Le bouton OK et enregistrer une copie applique les modifications et les enregistre dans une
copie de l’image.
Le bouton OK et enregistrer applique les modifications et les enregistre dans fichier original.
L’état précédent de l’image est remplacé et ne peut pas être restauré.
Le bouton Annuler annule les modifications et revient à la fenêtre principale.
L’image éditée est ensuite disponible dans la bibliothèque de médias.
4.3.4 Supprimer les images inutilisées
Il vous arrivera parfois de charger dans la bibliothèque de médias des images que vous
n’utiliserez finalement pas dans votre boutique en ligne.
Pour supprimer ces images de la bibliothèque de médias (par exemple, avant le transfert des
données sur le serveur), sélectionnez la commande Images non utilisées dans le menu Image.
Le programme ouvre la boîte de dialogue homonyme.
Vous pouvez aussi appeler la boîte de dialogue Images non utilisées en cliquant sur le
bouton ci-contre.
Vous pouvez y spécifier le traitement qui doit être appliqué aux images non utilisées.
256
Notions fondamentales d’organisation du contenu
L’option Les supprimer définitivement supprime définitivement les fichiers correspondants du
dossier et de votre projet de site Web.
REMARQUE : - Utilisez cette option uniquement si vous n’avez vraiment plus besoin des images
non utilisées, car cette fonction ne peut pas être annulée.
Pour ne pas supprimer définitivement les images inutilisées, vous pouvez les affecter à une
catégorie.
Activez pour cela la deuxième option de la boîte de dialogue, Les déplacer vers la catégorie,
puis sélectionnez la catégorie voulue dans la liste déroulante.
Vous pouvez continuer à accéder aux images déplacées dans la bibliothèque de médias en
sélectionnant la catégorie correspondante ou en affichant (toutes les catégories).
Cliquez sur OK pour exécuter la fonction sélectionnée.
4.4 Les liens
Dans une boutique en ligne, vous pouvez utiliser deux types de liens.
Les premiers sont les liens externes, que vous placez sur vos pages afin que vos visiteurs
puissent accéder à d’autres sites sur Internet à partir de votre site.
Le second type de liens, les liens internes, se rapporte à la structure de votre boutique. Les
liens internes vous permettent de guider les visiteurs à travers votre boutique afin qu’ils
trouvent rapidement ce qu’ils recherchent.
REMARQUE : - Qu’ils soient externes ou internes, les liens sont identifiables à leur texte souligné
et affiché dans une couleur différente. De plus, le pointeur de la souris se transforme en main
dès qu’il survole un lien.
257
Chapitre 4
Shop to date 5 pro
4.4.1 Liens internes
Tous les types de paragraphes n’autorisent pas l’insertion de liens. Seuls les paragraphes dans
lesquels vous pouvez saisir un texte offrent cette possibilité, c’est-à-dire les paragraphes Texte
et Énumération, ainsi que les cellules des tableaux. À l’inverse, tous les types de paragraphes
peuvent être la cible d’un lien.
Procédez comme suit pour créer un lien : dans l’éditeur de paragraphes, placez le curseur à
l’endroit où il doit apparaître dans le paragraphe Texte ou Énumération voulu ou dans la
fenêtre Éditer une cellule d’un paragraphe Tableau. Vous pouvez aussi sélectionner le mot
qui doit être lié.
Ouvrez ensuite la boîte de dialogue Insérer un lien au moyen de la commande
Paragraphe/Lien/Insérer un lien, du bouton ci-contre dans la barre d’outils de l’éditeur de
paragraphes ou de la commande Insérer un lien du menu contextuel.
Sous l’onglet Lien interne, sélectionnez l’élément auquel le lien doit renvoyer en cliquant
dessus.
La disposition des catégories de produits, des pages principales, des produits, des pages
secondaires et des paragraphes correspond à celle de l’interface du programme.
258
Notions fondamentales d’organisation du contenu
Les paragraphes affichés dépendent de la page principale ou secondaire sélectionnée. La
flèche grise signale les paragraphes qui renvoient vers les différentes pages principales ou
secondaires. Cliquez sur OK pour insérer le lien dans l’éditeur de paragraphes, où vous
pouvez l’éditer.
Le menu contextuel met pour cela à votre disposition les commandes Couper, Copier et
Coller, qui vous permettent, par exemple, de déplacer le lien à un autre endroit du texte. Les
cinq autres commandes du menu contextuel sont également disponibles dans la barre
d’outils. Outre la fonction Insérer un lien, vous disposez des fonctions suivantes :
Supprimer un lien
Supprime le lien sans message de confirmation.
Convertir un lien en
texte
Convertir le lien en texte normal.
Renommer un lien
Permet de renommer le lien.
Afficher la cible d’un
lien
Ouvre le paragraphe vers lequel renvoie le lien dans l’éditeur de
paragraphes.
Pour exécuter l’une de ces fonctions, placez le curseur d’insertion dans le lien à laquelle vous
voulez l’appliquer avant de l’appeler. Alors que la commande Convertir un lien en texte
entraîne la suppression du lien, le lien reste actif avec la commande Renommer un lien. Si, par
exemple, vous faites glisser une page vers un paragraphe en tant que lien, le texte du lien est
par défaut le titre de la page vers laquelle le lien renvoie.
Prenons un exemple : vous voulez renvoyer vos visiteurs vers le paragraphe "Heures
d’ouverture" avec la phrase "Vous trouverez nos heures d’ouverture ici". Si vous insérez le
lien à côté du mot "ici", le texte du lien sera "Vous trouverez nos heures d’ouverture ici
Heures d’ouverture". La commande Renommer le lien vous permet de remplacer le texte
attribué par défaut au lien par "ici". Supprimez ensuite le mot "ici" qui apparaissait dans la
phrase d’origine. Vous obtenez ainsi le texte suivant : "Vous trouverez nos heures
d’ouverture ici".
La boîte de dialogue Insérer un lien contient trois autres onglets. Nous reviendrons sur
l’onglet Lien externe dans la suite de cette section.
Les onglets Lien vers une image et Lien vers un fichier étranger affichent la liste de tous les
fichiers présentés dans les deux zones de la bibliothèque de médias.
259
Chapitre 4
Shop to date 5 pro
Sélectionnez l’image ou le fichier étranger voulu et validez par OK pour créer le lien. Sous
l’onglet Lien vers une image, vous pouvez restreindre la liste à une catégorie.
Sous l’onglet Lien vers un fichier étranger, le bouton Ouvrir un fichier vous permet de lire les
fichiers étrangers. Vous pouvez aussi créer des liens vers les images et les fichiers étrangers
de la bibliothèque de médias au moyen de la commande Insérer en tant que lien du menu
contextuel ou en les faisant glisser vers l’emplacement voulu dans l’éditeur de paragraphes.
La bibliothèque de liens
Nous vous conseillons de placer dans la bibliothèque de liens tous les éléments et types
d’entrées - pages principales, pages secondaires et paragraphes, mais aussi images et autres
fichiers -, vers lesquels vous envisagez de créer plusieurs renvois. Vous pouvez également
activer cette zone en cliquant sur le bouton Liens dans la barre d’outils de l’aperçu des pages
secondaires.
260
Notions fondamentales d’organisation du contenu
Pour placer un élément ou une copie d’un élément dans la bibliothèque de liens,
faites-le glisser depuis la fenêtre d’aperçu correspondante vers la bibliothèque de liens
ou cliquez sur le bouton ci-contre, situé au-dessus des fenêtres d’aperçu des pages
secondaires et principales.
Pour insérer cet élément dans un autre paragraphe, faites-le glisser de la bibliothèque
de liens vers l’emplacement voulu dans l’éditeur de paragraphes, sélectionnez la
commande Insérer en tant que lien du menu contextuel ou cliquez sur le bouton ci-contre dans
la bibliothèque de liens.
Le programme met également à votre disposition les commandes et fonctions suivantes dans
la barre d’outils et le menu contextuel de la bibliothèque de liens :
Insérer en tant que
lien
Insère un lien à l’emplacement du curseur.
Supprimer cet
élément
Supprime l’élément sélectionné de la bibliothèque de liens sans
message de confirmation.
Propriétés
Ouvre la fenêtre de propriétés de l’élément sélectionné.
Pour fermer la bibliothèque de liens, cliquez sur le bouton Pages secondaires, Images ou
Fichiers étrangers.
4.4.2 Liens externes
Pour créer un lien vers un autre site Web ou une autre boutique en ligne, activez l’onglet Lien
externe dans la boîte de dialogue Insérer un lien.
261
Chapitre 4
Shop to date 5 pro
Dans la zone URL, tapez l’adresse du site vers lequel vous voulez renvoyer, par exemple
http://www.microapp.com.
Le bouton Vérifier le lien vérifie que votre saisie ne génère pas de message d’erreur et que le
lien est correct. Si la connexion Internet est active, le bouton Afficher le lien vous permet
d’afficher le site indiqué dans le navigateur.
Validez par OK. L’URL saisie est insérée dans le paragraphe. Comme les liens internes, les
liens externes peuvent, eux aussi, être renommés. Procédez comme décrit plus haut.
Assistant E-mail
Cet onglet met à votre disposition une autre fonction : vous pouvez configurer une adresse
électronique pour permettre à vos visiteurs de vous envoyer un e-mail en cliquant sur le lien
correspondant dans la boutique en ligne. Vous pouvez définir cette adresse dans l’Assistant
E-mail.
Cliquez le bouton Assistant E-mail, saisissez l’adresse électronique à laquelle le visiteur doit
envoyer le message, puis cliquez sur OK pour insérer le lien dans le paragraphe.
262
Notions fondamentales d’organisation du contenu
Lorsqu’un visiteur de la boutique en ligne cliquera sur ce lien, son client de messagerie
ouvrira directement une fenêtre de message pré-adressée, dans laquelle le visiteur pourra
rédiger le message, puis vous l’envoyer directement.
4.5 Les types d’entrées
Jusqu’à présent, nous nous sommes intéressés à la création de la boutique en ligne et à
l’organisation de son contenu. Vous êtes désormais familiarisé avec l’interface du
programme. Vous connaissez les différents types de paragraphes, leur structure, leur mode
de création et leur application. Vous avez également appris les nombreuses techniques de
base du programme.
Nous allons maintenant vous présenter d’autres méthodes de travail et commandes. Il s’agit
principalement des commandes de la barre de menus et des menus contextuels, par exemple
les fonctions telles que Renommer, Supprimer, Copier ou Déplacer. Ces commandes sont
disponibles pour tous les types d’entrées. Elles s’appliquent donc de la même manière aux
pages principales et secondaires, ainsi qu’aux paragraphes.
4.5.1 Commandes et fonctions essentielles
La plupart des commandes et fonctions peuvent être activées et exécutées de différentes
manières : à partir du menu, par un clic sur les boutons correspondants, à l’aide du clavier,
par glisser-déplacer ou via le menu contextuel.
En règle générale, la méthode la plus rapide est dire le glisser-déplacer ou le menu contextuel
(clic avec le bouton droit de la souris).
Renommer
Il est recommandé d’attribuer un titre aux paragraphes, pages principales et pages
secondaires dès leur création. Mais vous pouvez aussi le faire après-coup. Les éléments sans
titre sont signalés par la mention (sans nom). Il est également possible de modifier un titre
existant. Pour ce faire, cliquez sur Renommer et tapez le nouveau titre ou changez le titre
existant.
Supprimer
Quand vous sélectionnez la commande Supprimer dans le menu contextuel de l’une des
fenêtres d’aperçu (ou cliquez sur le bouton ci-contre, situé au-dessus des fenêtres
d’aperçu), Shop to date vous demande de confirmer la suppression de la page principale, de
la page secondaire ou du paragraphe.
Cliquez sur Oui pour supprimer définitivement l’élément, qui disparaît ensuite de l’aperçu
correspondant.
263
Chapitre 4
Shop to date 5 pro
Dupliquer
La commande Dupliquer crée une copie de l’élément sélectionné et le place en dernière
position dans la fenêtre d’aperçu. Cette fonction vous permet, par exemple, de reproduire
des pages principales, pages secondaires ou paragraphes devant présenter la même structure
ou le même contenu.
Vous pouvez renommer la copie, effectuer les modifications souhaitées sans avoir à recréer
l’élément dans sa totalité.
Créer une nouvelle instance
La commande Créer une nouvelle instance est particulièrement pratique pour reproduire dans
plusieurs pages un paragraphe dont vous modifiez souvent le contenu.
L’intérêt des instances est évident : quand vous effectuez des modifications dans le
paragraphe parent, celles-ci sont automatiquement répercutées sur les instances de ce
dernier. Ainsi n’êtes-vous pas obligé de répéter les modifications dans chaque paragraphe.
Pour créer une instance, sélectionnez un paragraphe et activez la commande Créer une
nouvelle instance dans le menu contextuel. La nouvelle instance est placée à la fin de l’Aperçu
des paragraphes de la page principale.
Vous pouvez ensuite la déplacer vers la page principale ou secondaire de votre choix, par
exemple par glisser-déplacer ou via la commande Déplacer vers du menu contextuel (voir
section suivante).
Déplacer vers
Cette commande vous permet de déplacer l’élément sélectionné à l’intérieur de la boutique
en ligne.
Lorsque vous activez cette commande, le programme ouvre une boîte de dialogue, dans
laquelle vous pouvez choisir la destination de l’élément.
264
Notions fondamentales d’organisation du contenu
Sélectionnez la page principale ou la catégorie de produits (à gauche) ou la page secondaire
ou le produit (à droite) de la page principale (catégorie de produits) sélectionnée à gauche
vers laquelle vous souhaitez déplacer le paragraphe. Vous pouvez déplacer les paragraphes
vers une autre page secondaire (produits) ou une autre page principale (catégorie de
produits).
Les pages secondaires (produits) peuvent être déplacées vers une autre page principale
(catégorie de produits) et les pages principales à l’intérieur de la structure de catégories de
produits et de pages principales. Les pages principales et secondaires ne pouvant être
déplacées qu’à l’intérieur des pages principales ou de leurs différents niveaux, la boîte de
dialogue Déplacer vers de ces éléments n’est pas la même que pour les paragraphes.
265
Chapitre 4
Shop to date 5 pro
REMARQUE : - Ne confondez pas la commande Déplacer vers avec les commandes Déplacer vers
le haut et Déplacer vers le bas, qui se rapportent uniquement au déplacement d’un paragraphe
d’une page principale ou d’une page secondaire à l’intérieur de l’aperçu des paragraphes
correspondant !
Copier vers
Cette commande vous permet de placer un paragraphe, une page principale ou une page
secondaire à différents emplacements de la boutique en ligne. Utilisez cette commande si,
par exemple, vous voulez faire apparaître un paragraphe sur plusieurs pages.
La boîte de dialogue Copier vers fonctionne de la même manière que la boîte de dialogue
Déplacer vers. Sélectionnez l’élément vers lequel vous voulez copier le paragraphe, la page
principale ou la page secondaire et validez le message de confirmation par OK.
Vous pouvez copier les pages principales de deux manières : soit vous copiez la page
principale sélectionnée à un autre niveau, soit vous en faites une page secondaire. Validez
pour cela l’option Convertir en page secondaire dans la boîte de dialogue Copier la page
principale et validez le message de confirmation. Le programme ajoute une copie de la page
dans l’aperçu des pages secondaires : la page principale a été transformée en page
secondaire.
Insérer en tant que lien/Ajouter à la bibliothèque de liens
Vous trouverez plus d’informations sur ces fonctions plus complexes à la section
précédente. Ces commandes peuvent aussi être activées à l’aide du bouton ci-contre.
Déplacer vers le début
Cette commande, disponible dans le menu contextuel, déplace le paragraphe, la page
principale ou la page secondaire sélectionné au début de l’aperçu correspondant.
Déplacer vers le haut
Cette commande, disponible dans le menu contextuel, déplace le paragraphe, la page
principale ou la page secondaire sélectionné d’une position vers le haut dans l’aperçu
correspondant. Cette commande peut aussi être activée à l’aide du bouton ci-contre.
Déplacer vers le bas
Cette commande, disponible dans le menu contextuel, déplace le paragraphe, la page
principale ou la page secondaire sélectionné d’une position vers le bas dans l’aperçu
correspondant. Cette commande peut aussi être activée à l’aide du bouton ci-contre.
266
Les pages secondaires et les accroches
Déplacer vers la fin
Cette commande, disponible dans le menu contextuel, déplace le paragraphe, la page
principale ou la page secondaire sélectionné à la fin de l’aperçu correspondant.
Propriétés
Cette commande appelle la fenêtre de propriétés du paragraphe, de la page principale
ou de la page secondaire sélectionné, dans laquelle vous pouvez définir les paramètres
voulus. Pour plus d’informations sur ces paramètres, reportez-vous aux sections
correspondantes. Cette commande peut aussi être activée à l’aide du bouton ci-contre.
5 Les pages secondaires et les accroches
Vous savez maintenant comment créer, organiser et gérer vos contenus. Dans ce chapitre,
nous allons vous expliquer comment traiter les pages secondaires rédactionnelles et les
paragraphes Accroche, et vous présenter leur application. Les pages secondaires et les
accroches jouent un rôle important dans la souplesse de gestion de votre boutique en ligne et
l’insertion de contenus. Ces éléments pouvant également être combinés à la fonction de
planification, nous consacrerons une section à ce sujet (voir section "Le Planificateur").
5.1 Créer des pages secondaires
Nous avons déjà évoqué la notion de page secondaire dans les sections précédentes. Nous
allons y revenir plus précisément dans les paragraphes suivants. Qu’est-ce qu’une page
secondaire et qu’est-ce qui la différencie d’une page principale et d’une page principale de
niveau inférieur ?
Dans les sites Web dont le contenu est riche, les pages secondaires accueillent généralement
les contenus qui sont modifiés, supprimés ou ajoutés en permanence. Contrairement aux
pages principales qui forment la structure du site, les pages secondaires se caractérisent par
une grande souplesse. Par ailleurs, une page secondaire est toujours associée à une page
principale. Elle ne peut pas être autonome. Alors que les pages principales ne sont pas
forcément subdivisées en pages secondaires, les pages secondaires font toujours partie de
pages principales.
Pour le visiteur, les pages secondaires ne sont pas visibles d’emblée. Ce sont des pages
"cachées", auxquelles il n’accède qu’en cliquant directement sur des liens.
Il s’agit là d’une caractéristique importante des pages secondaires : c’est vous qui mettez en
place les liens. C’est donc vous qui décidez si une page secondaire doit être reliée aux autres
pages, c’est-à-dire si le visiteur peut/doit sélectionner cette page. C’est ce qui les distingue des
pages principales, qui apparaissent automatiquement dans la barre de navigation du site.
267
Chapitre 5
Shop to date 5 pro
L’une des méthodes permettant de lier les pages secondaires est de les afficher dans des
paragraphes Accroche (listes automatiques), que nous décrirons en détail ultérieurement.
Voici un exemple pratique : vous voulez présenter des nouveautés sur un thème donné en
plus des informations récurrentes. Les contenus évoluent donc en permanence : certains
deviennent caducs et sont remplacés par d’autres.
L’affichage dynamique de ce type de contenus ne pose aucun problème, puisque les pages
secondaires sont extrêmement flexibles. Vous n’êtes donc pas obligé de modifier la structure
fondamentale de votre boutique en ligne. Ce n’est qu’un exemple d’application parmi
beaucoup d’autres.
Contrairement aux pages principales, qui sont créées de manière plus durable, les pages
secondaires sont sans cesse révisées et nécessitent donc une grande souplesse. Cette
souplesse est permise par les nombreuses options de création des pages secondaires que le
programme intègre.
REMARQUE : - Il est difficile de répondre à la question de savoir si les contenus rédactionnels
doivent figurer sur des pages principales ou secondaires. C’est la pertinence qui doit guider votre
choix. Il faut en l’occurrence tenir compte de la structure de l’ensemble du site et de l’ampleur
du projet.
5.1.1 Créer une page secondaire
Pour créer une page secondaire, sélectionnez la commande Nouvelle page secondaire dans le
menu Produits et pages secondaires. Le programme affiche un message vous indiquant que les
renvois vers les pages secondaires doivent être créés manuellement, car elles n’apparaissent
pas dans la structure de navigation générée automatiquement. Cochez la case Ne plus afficher
ce message si vous ne voulez plus que le message s’affiche. Cliquez sur OK. Le programme
ouvre l’Assistant Nouvelle page secondaire.
268
Les pages secondaires et les accroches
Choisissez un modèle de page, comme décrit précédemment, puis, à la seconde étape, tapez
un titre et un texte abrégé, et sélectionnez une illustration le cas échéant.
REMARQUE : - Vous pouvez à tout moment modifier les paramètres définis au moment de la
création de la page dans sa fenêtre de propriétés.
Vous pouvez maintenant créer le contenu de la page secondaire. Comme pour les pages
principales, vous devez utiliser pour cela les paragraphes. Pour basculer entre les
paragraphes des pages principales et des pages secondaires, cliquez sur l’élément voulu dans
l’aperçu des pages principales ou secondaires. Les paragraphes/contenus affichés dans
l’Aperçu des paragraphes se rapportent toujours à la page qui est sélectionnée dans l’aperçu
des pages principales ou secondaires.
5.1.2 Un cas particulier : Les pages secondaires sur la page d’accueil
Les exceptions confirment la règle. Ce que nous venons de vous expliquer ne s’applique
qu’en partie seulement lorsque vous voulez placer des pages secondaires sur la page
d’accueil.
Shop to date distingue en effet les pages secondaires créées à l’intérieur des pages principales
normales et les pages secondaires créées sur la page d’accueil. Alors que, dans le premier cas,
les renvois vers les différentes pages secondaires doivent être créés manuellement, par le
269
Chapitre 5
Shop to date 5 pro
biais de liens, d’ accroches ou de la séquence Suivant/Précédent, les pages secondaires de la
page d’accueil apparaissent automatiquement sur chaque page sous forme de liens.
REMARQUE : - Dans les propriétés des pages secondaires d’une page d’accueil (double-clic sur
la page secondaire), les options Afficher dans les accroches et dans le pied de page et Intégrer dans
la séquence Suivant/Précédent sont donc activées par défaut. Vous ne devriez désactiver ces
options que si vous voulez insérer un formulaire directement sur la page d’accueil et utiliser l’une
des pages secondaires comme page de feed-back.
Pourquoi une telle distinction entre les différents types d’entrée ? La réponse est simple :
cela permet de développer des thèmes suffisamment importants pour devoir être accessibles
depuis n’importe quelle page, mais qui ne doivent être intégrés à la barre de navigation, par
exemple parce qu’ils n’entrent pas dans la thématique générale ou qu’ils seraient occultés par
les autres rubriques.
Ne faites figurer sur les pages secondaires de la page d’accueil que les thèmes qui n’entrent
pas dans le cadre des autres sujets et qui doivent se répéter sur chaque page de votre site
Web. Les pages secondaires créées directement sur la page d’accueil accueillent
généralement les mentions légales, un formulaire de contact, le profil de la société, la clause
de non-responsabilité ou encore les conditions générales de vente.
5.1.3 Remarques générales concernant les pages secondaires
1. Les pages secondaires devant être créées avec le plus de souplesse possible, une page
secondaire ne porte généralement que sur un seul thème, par exemple les différents
communiqués de presse à l’intérieur de la page principale News ou les différents
membres à l’intérieur de la page principale Équipe.
2. Les pages secondaires sont des "pages cachées" : contrairement aux pages
principales, elles n’apparaissent pas dans la barre de navigation créée
automatiquement. Les renvois vers les pages secondaires doivent être créés
manuellement sous la forme de liens, de paragraphes Accroche ou d’une séquence
Suivant/Précédent.
3. Les pages secondaires de la page d’accueil constituent l’exception à cette règle : elles
sont automatiquement affichées sur chaque page sous forme de boutons.
4. Comme les pages principales, les pages secondaires peuvent comporter un nombre
illimité de paragraphes.
5. Les pages secondaires sont créées sur un seul niveau.
6. Le nombre de pages secondaires est illimité. Selon le type de projet, le nombre de
pages secondaires peut être très supérieur au nombre de pages principales.
270
Les pages secondaires et les accroches
5.2 Paragraphe Accroche
À section "Les différents types de paragraphes", nous vous avons déjà présenté les différents
types de paragraphes proposés par le programme. Nous allons maintenant revenir plus en
détail sur le paragraphe Accroche.
Ce qui distingue une accroche, également appelée liste automatique, des autres types de
paragraphes, c’est qu’elle renvoie vers d’autres éléments - pages principales ou pages
secondaires. Les modifications apportées aux pages ou les pages créées sont
automatiquement mises à jour dans les accroches.
En cliquant sur l’entrée d’une accroche, le visiteur est redirigé vers la page correspondante.
Selon le cas, les listes automatiques peuvent servir à présenter un sommaire ou à attirer les
visiteurs vers les pages ou les articles de votre choix. Les accroches permettent souvent
d’éveiller la curiosité et de mettre en avant certains éléments sous la forme de titres ou
d’annonces.
De part les diverses possibilités qu’elles offrent, les accroches sont aussi utilisées pour créer
un index de recherche alphabétique parmi les pages et éléments de la boutique en ligne.
Les pages auxquelles les accroches renvoient sont généralement des pages secondaires. Outre
la séquence Suivant/Précédent, les paragraphes Accroche constituent donc un moyen
supplémentaire de mener le visiteur à vos pages secondaires. Une fonction très utile des
accroches est la possibilité de programmer l’affichage des différentes entrées qui les
composent. Vous pouvez par exemple activer l’affichage des derniers événements en début
de liste sur la page consacrée aux événements. Pour plus d’informations sur la fonction de
planification, reportez-vous à la section "Le Planificateur".
REMARQUE : - Les paragraphes Accroche vous permettent de créer des listes automatiques,
dont les entrées renvoient vers d’autres pages principales ou secondaires. Les listes
automatiques ne peuvent accueillir que ces deux types d’entrées. Les paragraphes et les images
ne peuvent pas y être intégrés.
5.2.1 Créer un paragraphe Accroche
La création d’un paragraphe Accroche est très simple et s’effectue de la même manière
que celle des autres paragraphes.
Shop to date met à votre disposition de nombreux paramètres vous permettant de définir la
façon dont les accroches doivent renvoyer vers les entrées qui les composent, soit dans
l’éditeur de paragraphes, soit dans la fenêtre de propriétés de la page principale ou secondaire
concernée.
271
Chapitre 5
Shop to date 5 pro
Dans la barre d’outils de l’éditeur de paragraphes, cliquez sur le bouton Nouveau paragraphe
et activez l’option Accroche. Cliquez sur OK. Le programme ouvre la boîte de dialogue Mode
de l’accroche, qui vous permet de choisir entre le mode simplifié et le mode avancé.
Mode simplifié
Dans le mode simplifié, toutes les colonnes de l’accroche ont la même apparence. L’accroche
affiche uniquement les éléments contenus dans la page principale actuelle. Confirmez votre
choix dans la boîte de dialogue Mode de l’accroche en cliquant sur OK. Le paragraphe
Accroche apparaît dans l’Aperçu des paragraphes.
Le bouton Propriétés avancées de l’accroche, au-dessus de l’éditeur de paragraphes,
ouvre la boîte de dialogue homonyme, dans laquelle vous pouvez définir les propriétés
de l’accroche que vous venez de créer.
Indiquez tout d’abord le nombre d’entrées par page devant être affichées dans l’accroche.
272
Les pages secondaires et les accroches
À la rubrique Autres critères de sélection, indiquez si seuls les éléments mis en vedette doivent
être affichés ou si ces derniers ne doivent pas être affichés.
À la rubrique Éléments facultatifs, validez l’option Afficher des éléments pour la sélection des
pages pour inclure les différentes entrées (pages secondaires) à la séquence Suivant/
Précédent. De cette manière, les éléments de sélection des pages seront intégrés à l’accroche
et vous permettront d’afficher toutes les autres entrées.
À la rubrique Tri, vous pouvez configurer l’ordre des entrées dans l’accroche :
■ Par ordre alphabétique
■ Par date (entrées récentes en premier)
■ Par date (entrées anciennes en premier)
■ Aucun tri (paramètre par défaut)
Très pratique, l’option Créer automatiquement des textes abrégés s’ils sont vides à la rubrique
Textes abrégés génère automatiquement l’accroche à partir d’un paragraphe Texte existant.
Par défaut, le texte abrégé contient 100 caractères. Si vous voulez que le texte soit plus court
ou plus long, entrez la valeur voulue dans la zone Couper après X caractères.
Après avoir défini les paramètres voulus, cliquez sur OK pour fermer la boîte de dialogue.
Mode avancé
Dans le mode avancé, vous pouvez configurer individuellement chaque colonne de
l’accroche. Vous pouvez également sélectionner séparément les différents éléments à
intégrer. Confirmez votre choix dans la boîte de dialogue Mode de l’accroche en cliquant sur
OK. Le paragraphe Accroche apparaît dans l’Aperçu des paragraphes.
Le bouton Propriétés avancées de l’accroche, au-dessus de l’éditeur de paragraphes,
ouvre la boîte de dialogue homonyme, dans laquelle vous pouvez définir les propriétés
de l’accroche que vous venez de créer. Vous pourrez modifier ces paramètres à tout moment.
273
Chapitre 5
Shop to date 5 pro
Indiquez le nombre de colonnes devant être contenues dans l’accroche. Commencez par Une
colonne.
Les accroches de deux ou trois colonnes sont en fait deux ou trois accroches placées côte à
côte. Leurs fonctions et paramètres sont donc identiques à celles des accroches à une
colonne. Le choix du nombre de colonnes de l’accroche dépend de l’application que vous
voulez en faire. Vous aurez par exemple peut-être besoin de faire figurer deux rubriques
différentes dans une même accroche ou de diviser une liste en deux colonnes, avec une
colonne pour les titres et une colonne pour les illustrations.
Si vous choisissez l’un des trois premiers types d’accroche, vous avez la possibilité d’indiquer
le nombre maximal d’entrées devant être affichées dans l’accroche. Cette option vous permet
par exemple de n’afficher que les événements à venir dans une accroche présentant le
calendrier des manifestations.
Si vous définissez un nombre maximal d’entrées par page, le programme active l’option
Afficher des éléments pour la sélection des pages. Si le nombre d’entrées renvoyant à l’accroche
est supérieur au nombre défini sous Nombre maximal d’entrées par page, cette option insère
dans l’accroche des éléments pour la sélection des pages permettant d’afficher les autres
entrées.
Vous pouvez par ailleurs demander au programme de créer automatiquement des textes
abrégés et de définir le nombre de caractères qu’ils doivent contenir.
Le quatrième type d’accroche, Index, propose une présentation particulière avec une barre
de recherche alphabétique. Vous pouvez ainsi permettre aux visiteurs de rechercher des
274
Les pages secondaires et les accroches
pages, événements, articles, etc. de manière ciblée : il leur suffit de cliquer sur la première
lettre du terme recherché, puis d’activer la page voulue dans la sélection qui s’affiche.
Validez vos paramètres par OK. L’accroche apparaît dans l’Aperçu des paragraphes et
l’affichage est modifié dans l’éditeur de paragraphes.
5.2.2 Définir le mode d’affichage
Intéressons-nous maintenant à l’éditeur de paragraphes. Vous pouvez y définir les
principaux paramètres de l’accroche.
Sous Titre, vous pouvez attribuer un titre à l’accroche. Ce titre apparaît en plus du titre du
paragraphe. Ne renseignez pas cette zone si vous ne souhaitez pas donner de titre.
À la rubrique Style, définissez le mode d’affichage de l’accroche en choisissant les éléments
qui doivent y être intégrés.
Selon le style choisi, l’accroche accueille, outre le titre, un texte abrégé et une illustration, que
vous pouvez configurer directement dans la fenêtre de propriétés des pages principales et
secondaires concernées. Nous vous expliquons comment faire un peu plus loin dans cette
section.
Web to date vous propose trois types d’affichage, que vous pouvez activer à l’aide de la
flèche, et affiche votre choix sous forme stylisée dans l’éditeur de paragraphes.
■ Titre : affiche dans l’accroche uniquement le titre des pages.
■ Titre et texte abrégé : affiche dans l’accroche le titre des pages et le texte abrégé associé.
Si vous n’avez pas entré de texte abrégé dans les propriétés des pages, celui-ci est
automatiquement créé par le programme, dans la mesure où il peut accéder à un
texte lisible. Le texte abrégé complète le titre par une description.
■ Titre, texte abrégé et illustration : en plus du titre et du texte abrégé, affiche dans
l’accroche une illustration, si celle-ci est disponible pour les pages concernées. Il s’agit
du mode d’affichage le plus attractif. Toutefois, il n’est recommandé que si le nombre
d’entrées composant l’accroche n’est pas trop important.
275
Chapitre 5
Shop to date 5 pro
REMARQUE : - Pour les modes d’affichage 2 et 3, les pages figurant dans l’accroche doivent
disposer d’un texte abrégé et/ou d’une illustration, que vous paramétrez dans la fenêtre de
propriétés des pages principales ou secondaires. Il est également possible de combiner différents
modes d’affichage dans une même liste. Si, par exemple, vous voulez attirer l’attention sur
certaines pages, vous pouvez, de manière délibérée, associer un texte abrégé et une illustration
à ces pages et pas aux autres.
Que sont exactement les textes abrégés et les illustrations utilisés dans les paragraphes
Accroche ? Il s’agit d’éléments que vous avez définis dans la fenêtre de propriétés des pages
principales et des pages secondaires.
Cliquez sur une page dans l’Aperçu des pages principales ou des pages secondaires pour ouvrir
sa fenêtre de propriétés, qui propose les rubriques Illustration et Texte abrégé.
Pour choisir une illustration, cliquez sur le bouton Sélectionner une illustration et sélectionnez
l’image voulue dans la bibliothèque de médias ou faites glisser l’image depuis la bibliothèque
de médias vers la zone prévue à cet effet.
Tapez un texte bref dans la zone Texte abrégé si vous voulez créer un renvoi vers cette page au
moyen d’une accroche avec texte abrégé. Le bouton Auto vous permet de définir
automatiquement comme résumé les 50 premiers caractères du premier paragraphe de texte
de la page.
Si vous ne saisissez aucun texte, Shop to date tente de générer un résumé approprié à partir
des paragraphes de texte disponibles sur la page.
5.2.3 Définir le contenu d’une accroche
La rubrique Contenu de l’éditeur de paragraphes vous permet d’indiquer au programme les
pages secondaires devant être intégrées à l’accroche ou les pages vers lesquelles elle doit
renvoyer.
Vous pouvez demander au programme de créer automatiquement la liste ou sélectionner les
pages manuellement.
Cliquez sur Contenu. Le programme ouvre la boîte de dialogue Propriétés de l’accroche.
Les deux onglets vous permettent tout d’abord de choisir si la liste doit être créée
automatiquement ou manuellement.
■ Composition automatique : dans le cadre du mode de composition automatique, Shop
to date intègre automatiquement au paragraphe Accroche tous les contenus
sélectionnés dans la liste affectés à une zone définie du site.
276
Les pages secondaires et les accroches
Indiquez les zones devant être intégrées au paragraphe Accroche. Dans l’aperçu de la
structure de votre projet Shop to date, sélectionnez la (les) page(s) principale(s)
(catégories de produits) vers laquelle (lesquelles) vous voulez que la liste renvoie ou
- si vous voulez afficher les pages secondaires (produits) - la page principale
(catégorie de produits) à laquelle sont associées les pages secondaires (produits)
voulues.
Avec la composition automatique, le contenu de l’accroche peut être soit le site Web
complet, soit la page principale (catégorie de produits) en cours, soit n’importe quelle
autre page principale (catégorie de produits) de votre choix.
■ Composition manuelle : l’un des avantages de la composition manuelle réside dans le
fait que les pages principales et les pages secondaires (catégories de produits et
produits) peuvent être reprises conjointement dans l’accroche. De plus, vous pouvez
intégrer les pages de différentes zones du site dans la même accroche.
277
Chapitre 5
Shop to date 5 pro
Pour sélectionner une page principale (catégorie de produits) ou une page secondaire (produit)
et l’ajouter à la composition dans le volet droit de la boîte de dialogue, double-cliquez dessus
dans l’un des volets de gauche. L’ordre des différents éléments de cette liste détermine
l’ordre d’affichage dans la liste finalisée. Servez-vous des flèches mises à votre disposition
pour changer l’ordre des éléments dans la liste. Pour supprimer une page de la composition,
sélectionnez-la et cliquez sur le bouton Supprimer cet élément. Le bouton Nouvelle
composition vous permet de supprimer toutes les pages principales et secondaires de la liste.
REMARQUE : - Les pages secondaires n’apparaîtront dans la liste que si elles existent réellement :
la zone de pages sélectionnée ci-dessus doit contenir des pages secondaires.
Si vous voulez que l’accroche affiche aussi les prix et/ou les ID des produits qui y figurent,
validez les options correspondantes en bas de la boîte de dialogue.
5.2.4 Composition avancée des accroches
En plus de la sélection que vous avez effectuée au moyen de la fonction de composition
automatique ou manuelle, vous pouvez encore affiner votre choix en cliquant sur Avancé
dans l’éditeur de paragraphes afin de définir des critères de sélection à l’aide du menu
affiché.
278
Les pages secondaires et les accroches
Lorsque vous cliquez sur Les éléments mis en vedette, seuls les types d’entrée identifiés comme
tels sont inclus dans l’accroche. Dans les listes automatiques, cette fonction vous permet donc
de définir que les accroches se rapportent uniquement aux pages principales ou aux pages
secondaires (catégories de produits ou produits) qui ont été mises en vedette. Cela vous
permet de mettre en place un critère de filtre supplémentaire dans vos accroches.
Il faut pour cela que l’option Mettre en vedette soit activée dans la fenêtre de propriétés des
pages principales (catégories de produits) ou des pages secondaires (produits) sélectionnées.
Il est également possible de programmer l’affichage des pages mises en vedette. Vous pouvez
par ailleurs filtrer les accroches par catégories, la condition étant que vous ayez affecté des
catégories à vos pages. Dans ce cas, le menu vous propose toutes les catégories disponibles.
Sélectionnez la catégorie que vous voulez intégrer à l’accroche.
Dans les accroches volumineuses, il peut être intéressant de n’afficher qu’un nombre limité
d’entrées. Pour limiter le nombre d’entrées, cliquez sur Nombre dans l’éditeur de
paragraphes et tapez le nombre voulu dans la boîte de dialogue Nombre d’entrées.
Dans certains cas, il pourra être nécessaire de ne pas afficher les premières entrées de la liste,
par exemple si vous avez créé une accroche à deux colonnes. Vous pouvez alors mettre en
vedette les trois premières pages secondaires avec un texte abrégé et une illustration dans la
colonne de gauche et présenter toutes les autres pages secondaires avec un titre seulement
dans la colonne de droite (ignorez les trois premières). Dans la deuxième zone de saisie,
tapez le nombre des entrées que vous voulez ignorer, c’est-à-dire ne pas afficher. Confirmez
vos paramètres en cliquant sur OK. Vous pouvez vérifier les paramètres définis dans la
fenêtre Résultat de la recherche de l’accroche.
5.2.5 Trier le contenu d’une accroche
Après avoir défini le style de l’accroche et son contenu, puis vérifié le résultat, indiquez dans
l’éditeur de paragraphes l’ordre dans lequel les pages liées doivent apparaître dans la liste
des accroches. Utilisez à cette fin le champ Tri et faites votre choix parmi les possibilités
suivantes :
Par ordre alphabétique
Tri les entrées de l’accroche par ordre alphabétique.
Par date (entrées récentes en
premier)
Tri les entrées de l’accroche par date, les entrées les plus récentes
apparaissant au début de l’accroche.
279
Chapitre 5
Shop to date 5 pro
Par date (entrées anciennes
en premier)
Tri les entrées de l’accroche par date, les entrées les moins
récentes apparaissant au début de l’accroche.
(aucun tri)
Les pages apparaissent dans le même ordre que dans le
programme.
5.2.6 Vérifier les paramètres
Après avoir choisi les pages principales ou secondaires vers lesquelles l’accroche doit
renvoyer et défini son mode d’affichage, il est recommandé de vérifier le résultat pour
effectuer les modifications requises le cas échéant.
Dans l’éditeur de paragraphes, cliquez à cet effet sur Afficher la sélection. La fenêtre Résultat
de la recherche affiche la liste de toutes les pages principales et secondaires incluses dans la
zone de pages définie. Elle récapitule également les propriétés des pages, que vous pourrez
modifier ultérieurement si nécessaire.
REMARQUE : - Si certaines pages secondaires n’apparaissent pas dans cette fenêtre, il peut s’agir
d’une erreur de configuration, par exemple une planification mal définie. Vérifiez les réglages
effectués dans la fenêtre de propriétés des pages concernées.
Si vous constatez des erreurs, vous pouvez effectuer des corrections dans la fenêtre de
propriétés correspondante, que vous pouvez ouvrir à partir de la fenêtre Résultat de la
recherche.
Pour ce faire, cliquez sur l’entrée que vous voulez modifier, puis sur le bouton ci-contre.
280
Les pages secondaires et les accroches
Le programme ouvre la fenêtre de propriétés demandée. Sous l’onglet Général, vous pouvez
modifier les paramètres, et ajouter une illustration et un résumé.
Le bouton ci-contre vous permet d’afficher l’entrée sélectionnée dans l’interface du
programme. Vous pouvez ainsi en éditer le contenu si nécessaire.
Ce bouton permet de créer automatiquement le texte abrégé : les 50 premiers
caractères du premier paragraphe de texte sont automatiquement définis en tant que
résumé de la page. Si vous ne saisissez pas de texte, Shop to date le génère automatiquement
à partir du premier paragraphe de texte de la page.
Fermez la fenêtre après avoir défini les paramètres voulus. La composition de l’accroche est
maintenant terminée. Si vous avez créé une accroche à plusieurs colonnes, configurez la
colonne suivante dans l’éditeur de paragraphes.
REMARQUE : - Il est particulièrement recommandé d’afficher les accroches dans un navigateur
au moyen de la fonction Aperçu dans le navigateur. Vous pourrez ainsi vous assurer que toutes
les pages apparaissent dans le bon ordre dans l’accroche. S’il manque des pages, vérifiez les
paramètres de l’accroche, notamment la configuration du Planificateur.
5.3 Planificateur
Comme nous l’avons dit à plusieurs reprises, vous avez la possibilité de programmer
l’affichage des différents éléments de votre boutique. Cette fonction concerne les pages
secondaires, dont la gestion requiert une certaine souplesse. La planification des pages
principales, qui constituent la structure de votre projet, ne présente aucun intérêt. Vous
pouvez choisir d’afficher un élément de votre site en fonction de la date, ce qui est
indispensable pour la présentation des contenus qui dépendent du calendrier. La
programmation de l’affichage des paragraphes doit être configurée dans la fenêtre de
propriétés correspondante. Sous l’onglet Planification de la fenêtre de propriétés, indiquez la
période pendant laquelle le paragraphe sélectionné doit être affiché en vous servant des
calendriers mis à votre disposition.
281
Chapitre 5
Shop to date 5 pro
La programmation des pages secondaires (produits) se définit de la même manière.
Sélectionnez la page secondaire voulue, puis activez la commande Propriétés dans le menu
contextuel. Activez ensuite l’onglet Planification.
À la rubrique Afficher cette page secondaire dans les accroches, définissez la période pendant
laquelle la page secondaire (ou le produit) doit apparaître dans les listes automatiques.
282
Les pages secondaires et les accroches
La période choisie dépend de l’actualité de la page secondaire et de sa date de création. Vous
disposez en outre d’un deuxième critère de filtre à la rubrique suivante : la mise en vedette de
la page secondaire.
REMARQUE : - Shop to date ne charge pas de base de données sur votre serveur Internet. Elle se
trouve sur votre ordinateur local. L’avantage est que vous n’êtes pas contraint de recourir à une
technologie de serveur active (et onéreuse), comme c’est le cas avec les autres systèmes de
gestion du contenu.
Cela implique toutefois que vous devez charger régulièrement sur Internet les derniers contenus
de votre site, par exemple les pages ou les paragraphes planifiés. La technologie de Shop to date,
qui autorise le transfert sélectif, vous permet de ne transférer que les données qui ont été
modifiées, et non la totalité du site à chaque fois.
5.4 Droits d’accès des visiteurs
Dans la fenêtre de propriétés de la page d’accueil ou d’une page principale, vous avez la
possibilité de définir des droits d’accès protégés par un mot de passe et réservés à certaines
groupes de visiteurs et auteurs. Sous l’onglet Visiteurs, vous pouvez choisir d’autoriser l’accès
à votre boutique en ligne à tous les visiteurs ou seulement à certains groupes. Si vous
souhaitez restreindre l’accès à certains groupes de visiteurs, cliquez sur le bouton Définir les
visiteurs et les groupes. Les droits d’accès généraux à votre page d’accueil doivent être
configurés sous l’onglet Visiteurs de la fenêtre de propriétés de la page d’accueil. Les droits
d’accès d’une page principale se définissent sous l’onglet Visiteurs de sa fenêtre de propriétés.
Procédez comme suit pour définir les droits d’accès généraux des visiteurs :
■ Activez l’onglet Visiteurs de la fenêtre de propriétés de la page d’accueil.
■ Vous pouvez autoriser l’accès à votre page d’accueil à tous les visiteurs ou seulement
aux groupes que vous définissez.
■ Si vous souhaitez restreindre l’accès à certains groupes de visiteurs, cliquez sur le
bouton Définir les visiteurs et les groupes. Dans la boîte de dialogue Utilisateurs et
groupes, créez un utilisateur, définissez son appartenance à un groupe et attribuez-lui
un identifiant et un mot de passe. En saisissant son identifiant et son mot de passe, la
personne peut s’identifier sur votre boutique en ligne et ainsi accéder au site Web.
■ Cliquez sur Fermer pour appliquer les paramètres et quitter la boîte de dialogue.
5.4.1 Définir l’accès aux pages
Outre les droits d’accès portant sur l’ensemble du projet, il vous est également possible de
configurer individuellement l’accès aux différentes pages du site. Ouvrez pour ce faire la
fenêtre de propriétés des pages principales concernées.
283
Chapitre 5
Shop to date 5 pro
Validez l’option Appliquer les mêmes droits d’accès que sur la page de niveau supérieur (option
activée par défaut) si vous voulez que les droits d’accès de la page principale en cours soient
les mêmes que ceux définis pour la page à laquelle elle est associée. Dans ce cas, vous n’avez
pas d’autres paramètres à définir. Si vous souhaitez que seuls certains groupes d’auteurs
soient autorisés à éditer cette page, activez l’option Accès réservé aux visiteurs des groupes
suivants et définissez les paramètres appropriés en cliquant sur le bouton Définir les visiteurs
et les groupes.
284
Les pages secondaires et les accroches
Pour créer un utilisateur, cliquez sur le bouton Nouvel utilisateur.
Le programme ouvre une boîte de dialogue dans laquelle vous devez au moins entrer le nom,
l’identifiant (nom d’utilisateur) et le mot de passe de l’utilisateur.
Vous pouvez également préciser son adresse électronique et son numéro de téléphone
(communiquez à l’utilisateur ses données d’accès).
Dans la version multi-utilisateurs du programme, activez l’option Auteur autorisé à éditer des
textes dans Shop to date si vous voulez autoriser l’utilisateur à apporter des modifications au
projet.
Activez l’option Visiteur autorisé à accéder aux zones protégées du site si vous voulez autoriser
l’utilisateur à accéder aux zones protégées du site, mais pas à y apporter des modifications.
Cliquez sur OK pour fermer la boîte de dialogue et revenir à la boîte de dialogue Utilisateurs
et groupes.
Définissez ensuite l’appartenance à un groupe. Si vous souhaitez conférer des droits d’accès
universels à l’utilisateur, cochez la case Administrateurs à la zone Appartenance à un groupe.
Vous pouvez aussi créer un nouveau groupe d’utilisateurs afin de mettre en place des
restrictions d’accès sélectives.
Pour ce faire, cliquez sur le bouton Nouveau groupe et attribuez-lui un nom dans la boîte
de dialogue qui s’affiche.
Tapez le nom du groupe et cliquez sur OK.
285
Chapitre 5
Shop to date 5 pro
Sélectionnez l’utilisateur et attribuez-lui le groupe d’utilisateurs voulu en sélectionnant ce
dernier à la zone Appartenance à un groupe.
Cliquez sur OK pour fermer la boîte de dialogue Utilisateurs et groupes et revenir à l’onglet
Visiteurs.
Activez ensuite tous les groupes autorisés à accéder à la page en cochant les cases
correspondantes et enregistrez vos paramètres en cliquant sur OK.
6 Importer le contenu d’autres applications
Tous les contenus de votre site Web ne doivent pas nécessairement être créés dans Shop to
date. Le programme autorise en effet l’importation de contenu provenant d’autres
applications. Cela signifie notamment que vous pouvez insérer le contenu d’autres pages
Internet. Vous disposez pour cela de l’Assistant d’importation WWW.
L’importation de contenu vous permet surtout de créer vos contenus dans Microsoft Word,
puis de les transférer dans votre projet Shop to date. La fonction de synchronisation de vos
documents Word avec Shop to date vous permet en outre de demander au programme
d’appliquer automatiquement les modifications apportées à ces documents.
286
Importer le contenu d’autres applications
Cela vous offre la possibilité de mettre à jour vos textes dans Word, puis d’actualiser votre
boutique en ligne.
Dans ce chapitre, vous apprendrez notamment :
■ comment importer des documents Word et des dossiers Word complets dans Shop to
date, et comment les définir,
■ les règles qu’il faut respecter lors de la création de documents Word devant être
importés,
■ comment associer des documents et des dossiers Word à Shop to date afin de pouvoir
mettre à jour les contenus dans Word, et
■ comment importer des contenus provenant d’autres sites Web.
6.1 Importation depuis Microsoft Word
Il est très facile de copier un texte dans un document Word, puis de l’insérer dans l’éditeur de
paragraphes de Shop to date. La plupart des mises en forme, telles que les titres, les sauts de
ligne, l’italique, etc., sont conservées.
La fonction d’importation de Shop to date constitue la méthode d’importation la plus
intéressante, en particulier en cas d’importation de documents importants. Elle vous permet
d’importer les contenus sélectionnés non pas dans des paragraphes, mais de créer
directement des pages principales ou secondaires, que le programme organise en un ou
plusieurs paragraphes. L’importation de documents Word entraîne donc la création
automatique d’une nouvelle page principale ou secondaire. Si vous importez des textes dans
une page existante, son contenu est écrasé.
Vous pouvez rédiger vos documents Word avec des textes et des tableaux comme à
l’accoutumée. Si vous créez un document Word en vue de l’importer dans votre boutique en
ligne ou de l’associer avec Shop to date, vous devez toutefois respecter quelques règles de
mise en forme.
Shop to date analyse la mise en forme et la structure du texte à importer, puis le convertit en
paragraphes Shop to date. Cela signifie que la mise en forme définie dans Word détermine
l’apparence du document dans Shop to date.
Pour ne pas être obligé d’éditer les documents importés, respectez les règles suivantes :
1. Taille de caractères inférieure ou égale à 12 points : les passages de texte dont la
taille des caractères est inférieure ou égale à 12 points sont traités par Shop to date
comme du texte courant et convertis en paragraphes correspondants.
2. Taille des caractères supérieure à 12 points : les passages de texte dont la taille des
caractères est supérieure à 12 points sont traités par Shop to date comme des titres,
ce qui entraîne la création d’un nouveau paragraphe.
287
Chapitre 6
Shop to date 5 pro
3. Gras/italique : Shop to date reconnaît le texte en gras et en italique, et reprend ces
attributs.
4. Souligné : Shop to date ne reprend pas l’attribut Souligné lors de l’importation via la
fonction d’importation. Par conséquent, évitez d’employer cette mise en forme dans
les documents Word que vous créez pour votre boutique en ligne.
5. Texte en couleur : les passages de texte en couleur ne sont pas affichés en couleur
dans Shop to date.
6. Tableaux : les tableaux contenus dans un document Word sont reconnus par Shop to
date, qui crée un nouveau paragraphe Tableau.
7. Énumérations/Listes : les listes à puces et les listes numérotées créées dans les
documents Word sont interprétées par Shop to date comme du texte courant,
c’est-à-dire que les puces ne sont reprises et que le programme ne crée pas
automatiquement un paragraphe Énumération.
L’avantage est que vous pouvez effectuer l’ensemble du travail relatif au texte de votre projet
Shop to date dans Word, sous réserve de tenir compte des principes de mise en forme
exposés ci-dessus.
Vous créez dans Word la totalité du texte des pages principales ou des pages secondaires, et
Shop to date se charge automatiquement de la création des paragraphes correspondants.
Vous n’avez ainsi pas besoin de créer et de gérer de nombreux documents Word : il est inutile
de créer un document pour chaque paragraphe apparaissant dans Shop to date, puisque tous
les paragraphes appartenant à une page principale ou à une page secondaire sont contenus
dans un même document.
Cette fonctionnalité simplifie considérablement les tâches de gestion et de mise à jour de vos
contenus.
6.1.1 Importer un document Word
Créez tout d’abord une page principale (catégorie de produits) ou une page secondaire
(produit), selon la zone où vous voulez insérer, et éditer le contenu de votre document Word,
ou sélectionnez la page principale ou secondaire si vous l’avez déjà créée.
REMARQUE : - Veillez à importer les documents Word dans des pages principales ou
secondaires vides. Si la page contient déjà des paragraphes, ceux-ci sont écrasés lors de
l’importation !
Dans le menu Catégories de produits et pages principales ou Produits et pages secondaires,
sélectionnez la commande Importer un document Word.
288
Importer le contenu d’autres applications
Dans la boîte de dialogue qui s’affiche, sélectionnez le fichier Word que vous voulez importer
dans votre site Shop to date. Le document doit être enregistré au format DOC et ne doit pas
être ouvert.
Double-cliquez sur le fichier ou cliquez sur le bouton Ouvrir pour lancer l’importation.
Le programme analyse le document, puis crée le nombre de paragraphes correspondant à sa
structure. Il affiche ensuite un message vous demandant de confirmer l’importation. Le
programme calcule le nombre de paragraphes sur la base du nombre de passages de texte
dont le titre est mis en forme dans une taille de caractères supérieure à 12 points. Ces titres
sont convertis en titres de paragraphes, chaque paragraphe se terminant avec le titre suivant.
Les tableaux sont également convertis en paragraphes.
Exemple : si vous avez organisé le texte du document Word en cinq sections avec cinq titres
et que, par ailleurs, le fichier contient deux tableaux, Shop to date crée sept paragraphes lors
de l’importation : cinq paragraphes Texte et deux paragraphes Tableau.
REMARQUE : - Il en résulte qu’un texte mis en forme dans une taille de caractères supérieure à
12 points sera interprété par le programme comme un seul et même titre de paragraphe. Pour
l’éviter, appliquez au texte une taille de caractères inférieure ou égale à 12 points avant de
l’importer dans Shop to date.
Cliquez sur OK. Le programme lance le transfert du document dans Shop to date. À la fin de
l’importation, les paragraphes correspondants ont été créés dans la nouvelle page principale
ou secondaire. Vous pouvez ensuite les modifier dans l’éditeur de paragraphes.
Insérez des illustrations, avec un titre et un texte d’accompagnement, créez les liens requis
etc., comme nous vous l’avons expliqué dans les chapitres précédents.
Pour éditer le texte d’un ou de plusieurs paragraphes, effectuez les corrections dans l’éditeur
de paragraphes. Vous disposez pour cela de toutes les fonctions et commandes d’édition
offertes par Shop to date.
Les modifications sont maintenant intégrées à votre projet Shop to date. Vous n’avez plus
besoin du fichier Word original pour l’éditer dans Shop to date. Cependant, le programme
met à votre disposition une fonction vous permettant d’associer des documents ou des
dossiers de documents Word à vos projets de sites Web.
La section suivante vous explique le fonctionnement des associations de documents Word et
comment modifier les fichiers liés.
289
Chapitre 6
Shop to date 5 pro
6.1.2 Association avec Word
Quand vous associez votre projet Shop to date avec Word, vous pouvez effectuer toutes les
modifications requises dans le document d’origine et les appliquer dans le programme. La
fonction de synchronisation permet au programme d’accéder aux fichiers Word au moment
de chaque publication. De cette manière, vous pouvez gérer vos contenus dans Word et vous
êtes assuré que c’est toujours leur dernière version qui est publiée.
Associer un document Word
Vous pouvez associer un document Word à une page Shop to date de façon dynamique.
Comme dans le cadre d’une importation normale d’un fichier Word, il est enregistré en tant
que page principale ou secondaire. Les modifications que vous apportez au document Word
associé sont automatiquement répercutées sur la page. Procédez comme suit pour associer
un document Word à Shop to date : dans l’Aperçu des pages principales ou secondaires,
sélectionnez la page sur laquelle vous voulez insérer le document Word.
REMARQUE : - Comme pour l’importation de documents Word, vérifiez que la page principale
ou secondaire sélectionnée ne contient pas de paragraphes que vous voulez conserver, car
ceux-ci seront remplacés par le document qui va être importé et associé.
Ouvrez ensuite la fenêtre de propriétés de la page sélectionnée : sélectionnez la
commande Propriétés dans le menu contextuel, cliquez sur le bouton ci-contre dans la
barre d’outils du programme ou appelez la commande Associer un dossier ou un document
Word dans le menu Catégories de produits et pages principales ou Produits et pages secondaires.
Activez l’onglet Associations.
Dans la deuxième zone de saisie, tapez le chemin d’accès du document que vous voulez
associer à Shop to date. Pour ce faire, vous pouvez aussi cliquer sur le bouton Ouvrir un
document Word et sélectionner le dossier voulu dans la boîte de dialogue Importer un
document Word. Sélectionnez le fichier dans l’arborescence de vos dossiers, et double-cliquez
dessus ou cliquez sur le bouton Ouvrir.
Le bouton Ouvrir dans Word vous permet d’ouvrir le document sélectionné directement dans
Word, par exemple pour l’éditer. Dans ce cas, n’oubliez pas d’enregistrer et de refermer le
document pour permettre la synchronisation avec Shop to date. Cliquez sur le bouton
Synchroniser maintenant. Le document Word est converti en une page principale ou
secondaire, et l’association est créée. Vous pouvez désormais éditer le document
directement dans Word.
Fermez le document dans Word après avoir effectué les modifications voulues et cliquez de
nouveau sur le bouton Synchroniser maintenant, sous l’onglet Associations de la fenêtre de
propriétés de la page correspondante, pour mettre à jour le document dans votre projet Shop
to date. Vous pouvez par ailleurs configurer la synchronisation automatique de vos
290
Importer le contenu d’autres applications
documents Word. Dans ce cadre, toutes les modifications apportées aux fichiers Word
associés sont automatiquement intégrées au projet Shop to date au moment de la création de
la boutique en ligne. Cette fonction est disponible sous l’onglet Création de la boîte de
dialogue Propriétés du site Web.
Il vous suffit d’activer l’option Exécuter la synchronisation des documents Word et de cliquer
sur OK. Les pages associées à un document Word sont signalées par l’icône ci-contre, qui
apparaît dans le coin droit de la barre de titre de la page.
Si vous pointez sur cette icône, le programme affiche le chemin d’accès du document ou
du dossier de documents associé. Si vous cliquez sur l’icône, le programme ouvre la
boîte de dialogue Associations de documents Word, qui présente la liste de toutes les pages
associées de votre projet Shop to date.
291
Chapitre 6
Shop to date 5 pro
Cette fenêtre vous offre non seulement une vue d’ensemble des fichiers associés à votre
boutique en ligne, mais vous donne également accès aux différentes commandes et fonctions
relatives aux associations.
■ Synchroniser maintenant : le bouton Synchroniser maintenant vous permet de lancer
une synchronisation après avoir apporté des modifications à un document Word
associé.
■ Supprimer l’association : cliquez sur le bouton Supprimer l’association pour annuler
l’association sélectionnée dans la liste. Attention : le programme supprime
l’association sans afficher de message de confirmation ! Les pages sont conservées,
mais leur association avec Word n’existe plus.
■ Éditer l’association : cliquez sur le bouton Éditer l’association (ou double-cliquez sur
l’entrée voulue dans la liste) pour ouvrir l’onglet Associations de la fenêtre de
propriétés de la page sélectionnée. Vous pouvez y modifier les paramètres de
l’association ou le chemin d’accès du document, lancer la synchronisation, ouvrir le
document associé, etc..
■ Éditer l’entrée : le bouton Éditer l’entrée permet d’ouvrir la page sélectionnée dans
Shop to date.
Associer un dossier de documents Word
Alors qu’il est possible d’associer des documents Word isolés avec Shop to date aussi bien
pour les pages principales que pour les pages secondaires, l’association d’un dossier complet
de documents Word n’est autorisée que pour les pages principales. Les documents contenus
dans le dossier sont créés sous forme de pages secondaires.
Tous les éléments, c’est-à-dire les pages secondaires et les paragraphes d’une page
principale, qui sont ainsi créés sont automatiquement associés à Word et mis à jour au
moment de chaque synchronisation. Pour supprimer une association de ce type, vous devez
supprimer l’association avec la totalité du dossier.
Vous pouvez supprimer l’association d’une page secondaire isolée uniquement si cette page
n’a pas été créée dans le cadre de l’association d’un dossier de documents Word, mais suite
à une association avec un document Word.
REMARQUE : - Quand vous associez un dossier de documents Word avec Shop to date, vérifiez
que les documents qu’il contient respectent les règles de mise en forme évoquées au début de ce
chapitre. Vous vous épargnerez ainsi un long travail d’édition si le nombre de pages et de
paragraphes est important.
Procédez comme suit pour associer un dossier de documents Word à Shop to date : dans
l’Aperçu des pages principales, sélectionnez la page principale sur laquelle vous voulez insérer
292
Importer le contenu d’autres applications
le dossier de documents Word. Ouvrez ensuite la fenêtre de propriétés de la page
sélectionnée et activez l’onglet Associations.
Dans la première zone de saisie, tapez le chemin d’accès du dossier que vous voulez
associer à Shop to date. Pour ce faire, vous pouvez aussi cliquer sur le bouton Ouvrir un
dossier et sélectionner le dossier voulu dans la boîte de dialogue Sélectionner un dossier.
Vous pouvez en même temps vérifier le nom des documents Word contenu dans le dossier.
Cliquez sur le bouton Synchroniser maintenant. Chaque document Word du dossier est
converti en une page secondaire, dont la structure est subdivisée en paragraphes Texte ou
Tableau selon la mise en forme du document d’origine.
Toutes les pages secondaires et les paragraphes créés dans le cadre de cette procédure sont
associés à Word et seront mis à jour au moment de chaque synchronisation. Si vous avez
activé la fonction de synchronisation automatique sous l’onglet Création de la fenêtre de
propriétés de la page d’accueil, ils seront mis à jour lors de chaque création de la boutique en
ligne.
Le bouton Créer une page de sélection vous permet d’insérer directement sur la page
principale un aperçu, sous la forme d’un paragraphe Accroche, des pages secondaires que
293
Chapitre 6
Shop to date 5 pro
vous venez de créer. Cette page est dynamique et répercute donc toutes les modifications
effectuées au niveau des pages secondaires.
REMARQUE : - Lorsque vous créez cet aperçu automatique, vous n’avez plus besoin d’associer
manuellement les pages secondaires. Vérifiez au préalable que la page principale ne contient
pas de paragraphes, car la création d’un aperçu de ce type écrase aussi les paragraphes
existants !
Toutes les modifications que vous apporterez dorénavant aux documents Word associés
(dans Word !) seront appliquées automatiquement à votre projet Shop to date, à condition
de maintenir les associations.
Supprimer une association avec Word
Nous vous avons déjà expliqué comment supprimer une association avec Word à la fin de la
section "Associer un document Word". Pour ce faire, vous pouvez aussi utiliser la fenêtre de
propriétés de la page dont vous voulez supprimer l’association.
REMARQUE : - Si une page secondaire n’a pas été associée à un document Word isolé, mais que
l’association a été créée dans le cadre d’une association à un dossier de documents, vous ne
pouvez supprimer l’association que de cette manière. Dans ce cas, vous ne devez donc pas
utiliser la fenêtre de propriétés de la page secondaire, mais celle de la page principale à laquelle
la page secondaire appartient afin de supprimer l’association de l’ensemble du dossier.
Dans la fenêtre de propriétés de la page concernée, il vous suffit d’effacer le chemin d’accès
au document ou au dosser associé dans la zone de saisie correspondante sous l’onglet
Associations. Cliquez ensuite sur le bouton Appliquer. L’association est supprimée.
Les documents importés sont conservés, mais ils ne sont plus synchronisés, c’est-à-dire que
vous n’avez plus la possibilité d’éditer les pages ou les paragraphes correspondants dans le
document Word d’origine.
6.2 Importation avec l’Assistant d’importation WWW
Pour importer des contenus à partir d’autres sites Web dans votre boutique en ligne, utilisez
l’Assistant d’importation WWW. Affichez la page dans laquelle vous voulez effectuer
l’importation, puis ouvrez l’Assistant via la commande Assistant d’importation WWW du
menu Fichier. En même temps que l’Assistant d’importation WWW, Shop to date ouvre une
fenêtre de votre navigateur Internet. Appelez le site dont vous voulez importer le contenu.
294
Importer le contenu d’autres applications
Placez les contenus que vous voulez importer dans la fenêtre de l’Assistant d’importation
WWW afin de les éditer, définir des titres, etc..
Le bouton ci-contre vous permet d’activer ou de désactiver l’affichage de la fenêtre de
l’Assistant au premier plan. Dans la fenêtre de navigateur, sélectionnez les passages de
texte que vous voulez insérer à votre projet Shop to date.
Si vous ne sélectionnez aucun passage, le programme copie la page complète dans un
paragraphe Texte.
Pour exécuter l’importation, nous vous conseillons d’activer l’un après l’autre les trois
boutons mis à votre disposition :
Bouton
Description
Insère le passage sélectionné dans la fenêtre de l’Assistant. Vous
pouvez ensuite l’éditer si nécessaire.
Dans la zone de saisie supérieure apparaît le titre sous lequel le
paragraphe Texte est créé dans Shop to date. Par défaut, il s’agit du
titre de la page source. Vous pouvez le modifier ou le supprimer.
Place la fenêtre de navigateur en arrière-plan et appelle l’interface
de Shop to date. Si vous ne l’avez pas encore fait, activez la page sur
laquelle vous voulez insérer le texte.
Insère le texte récupéré dans Shop to date, ce qui génère la création
d’un paragraphe Texte.
Pour insérer d’autres contenus Web dans votre projet Shop to date,
cliquez sur le bouton Continuer l’importation et répétez les étapes
décrites ci-dessus.
Une fois l’importation terminée, fermez l’Assistant d’importation WWW en cliquant sur le
bouton Fermer.
295
Chapitre 7
Shop to date 5 pro
7 Ajouter des pages spéciales
Outre le contenu proprement dit de votre boutique en ligne, Shop to date vous permet aussi
de créer des pages spéciales. En plus des pages principales utilisant la fonction de redirection
URL, c’est-à-dire une mise en relation directe avec un autre site Web, vous pouvez aussi
définir une page de bienvenue. Dans ce chapitre, vous apprendrez notamment :
■ comment créer une page de bienvenue et la personnaliser avec un fichier image, par
exemple un logo,
■ comment lier plusieurs sites par une page d’introduction à l’aide de l’éditeur de pages
d’entrée et
■ comment lier directement d’autres sites Web dans la barre de navigation par une
redirection URL.
7.1 Page de bienvenue
Normalement, votre boutique en ligne démarre avec la page d’accueil, c’est-à-dire la
première page de votre projet. Pour améliorer la présentation de votre boutique ou lui
conférer une note personnelle, vous pouvez la faire précéder d’une page de bienvenue, sur
laquelle vous pourrez placer un fichier image, par exemple votre logo. La page de bienvenue
est indépendante du modèle de design sélectionné sur le plan visuel. Pour créer une page de
bienvenue, ouvrez la boîte de dialogue Sélectionner un design, par exemple via la commande
Fichier/Sélectionner un design ou l’Assistant Projet. Activez l’onglet Page d’accueil.
Cochez la case Activer la page de bienvenue pour insérer une page de bienvenue avant votre
boutique en ligne.
296
Ajouter des pages spéciales
Dans les zones suivantes, vous pouvez définir la façon dont les visiteurs accèdent au site
depuis cette page de bienvenue.
Vous disposez pour cela de deux possibilités, qui peuvent être combinées librement.
1. Après X secondes, rediriger vers la page d’accueil : si vous activez cette option, vous
pouvez indiquer dans la zone de saisie le délai en secondes avant l’affichage
automatique de la page d’accueil. Définissez un délai suffisant pour permettre aux
visiteurs de lire les informations affichées sur la page de bienvenue.
2. Un clic sur le logo fait apparaître la page d’accueil : si vous activez cette option, les
visiteurs accèdent au site dès qu’ils cliquent sur le logo ou sur le fichier image inséré
sur la page de bienvenue.
Dans la zone de saisie Nom de fichier de la page, indiquez le nom de fichier devant être
attribué à la page de bienvenue. Le nom par défaut est index.
REMARQUE : - Sauf indication contraire de votre fournisseur de services, nous vous conseillons
de conserver les paramètres par défaut. Si vous attribuez le nom index à la page de bienvenue, le
nom de la page d’accueil devient index2. Il en va de même en cas de création d’une page "En
construction".
Cliquez sur le bouton situé en regard de la zone Couleur d’arrière-plan pour ouvrir la
boîte de dialogue Couleurs.
Vous pouvez y définir une couleur d’arrière-plan indépendamment du reste du design de
votre boutique en ligne.
Le bouton Importer un logo vous permet d’insérer votre logo ou tout autre fichier image dans
votre page de bienvenue.
Il peut s’agir par exemple d’une image créée dans une application graphique, contenant des
éléments de texte.
Le fichier doit être enregistré dans le format JPEG, GIF ou BMP.
Faites attention à la taille du fichier afin de limiter le temps de chargement de la page.
Cliquez sur OK pour fermer la boîte de dialogue. Un message s’affiche pour vous signaler la
modification automatique du nom de fichier de la page d’accueil, résultant de la création de
la page de bienvenue.
Cliquez sur OK. Lors de la prochaine création du site, la page de bienvenue sera intercalée
conformément à vos paramètres.
297
Chapitre 7
Shop to date 5 pro
REMARQUE : - Vous pouvez également insérer sur la page de bienvenue un logo "En
construction" pour informer les visiteurs que la page n’est pas encore disponible.
7.2 L’éditeur de pages d’entrée
L’éditeur de pages d’entrée s’ouvre en affichant la boîte de dialogue Nouvelle page d’entrée,
dans laquelle une page d’entrée vide est proposée comme modèle par défaut.
Dans le volet de gauche, sélectionnez une entrée et cliquez sur OK ou double-cliquez sur une
entrée pour ouvrir un nouveau modèle. Le programme affiche un aperçu du modèle
sélectionné.
Pour ouvrir un nouveau projet vierge ou accéder à l’un des nombreux modèles fournis avec
le programme, sélectionnez la commande Nouveau dans le menu Fichier.
7.2.1 La fenêtre principale
La page d’entrée se compose de plusieurs zones ou éléments, qui sont délimités par des
cadres gris dans l’éditeur de pages d’entrée.
Double-cliquez sur un élément pour l’éditer.
298
Ajouter des pages spéciales
La position et la largeur des éléments Titre et Pied de page sont prédéfinies. Double-cliquez
sur l’un de ces éléments pour ouvrir la boîte de dialogue de configuration correspondante.
Pour ouvrir cette boîte de dialogue, vous pouvez aussi sélectionner la commande Éditer dans
le menu contextuel, que vous appelez en cliquant sur l’élément voulu avec le bouton droit de
la souris.
La partie centrale de l’éditeur met à votre disposition d’autres éléments, que vous pouvez
compléter avec les contenus de votre choix. Pour ce faire, double-cliquez sur un élément. Le
programme ouvre la boîte de dialogue Type d’élément.
Vous avez le choix entre les types d’éléments suivants :
■ Texte : insère un texte cliquable avec un titre.
■ Image : insère une image cliquable.
■ HTML : insère une zone de code HTML ou PHP personnalisé.
299
Chapitre 7
Shop to date 5 pro
■ RSS : insère un lecteur RSS dynamique.
Vous pouvez définir le nombre d’éléments affichés dans la zone centrale en configurant le
nombre de colonnes et de lignes voulu dans la boîte de dialogue Propriétés du projet. Cette
fonction est disponible aussi bien pour les modèles vierges que pour les modèles prédéfinis.
L’éditeur de pages d’entrée met à votre disposition les
boutons suivants :
■ Le bouton Nouvelle page d’entrée vous permet d’ouvrir la boîte de dialogue
■
■
■
■
■
■
homonyme, dans laquelle vous pouvez choisir un nouveau modèle pour votre page
d’introduction.
Le bouton Ouvrir une page d’entrée vous permet d’ouvrir une page d’introduction déjà
enregistrée au format W2DSWITCH afin de l’éditer.
Le bouton Enregistrer cette page d’entrée vous permet d’enregistrer l’état actuel de la
page d’introduction au format W2DSWITCH sous le nom de votre choix.
Le bouton Propriétés du projet vous permet d’ouvrir la boîte de dialogue homonyme,
dans laquelle vous pouvez définir les paramètres de la page d’introduction.
Le bouton Créer et publier vous permet de créer la page d’introduction complète et de
la publier en utilisant les réglages définis dans la boîte de dialogue Paramètres FTP.
Les erreurs éventuelles sont signalées au cours de la création.
Le bouton Aperçu dans le navigateur vous permet de créer la page en cours et de
l’afficher automatiquement dans le navigateur par défaut.
Cliquez sur le bouton Aide pour ouvrir l’Aide en ligne.
7.2.2 Propriétés du projet
Cette boîte de dialogue vous permet de configurer votre page d’introduction. Vous pouvez
notamment y définir le nombre d’éléments à afficher et la largeur de la zone à mettre en
forme.
Le programme met les options suivantes à votre disposition :
■ Titre : tapez le titre de votre page d’introduction. Le titre apparaît dans la barre de
titre de la fenêtre.
■ Largeur totale : la largeur totale de la zone créée est exprimée en pixels. La valeur par
défaut est 700 pixels. Indiquez éventuellement une autre valeur comprise entre 500 et
1 200 pixels ou choisissez l’une des valeurs proposées dans la liste.
■ Couleur d’arrière-plan : pour utiliser une autre couleur d’arrière-plan, cliquez sur le
bouton représentant trois points de suspension et sélectionnez une nouvelle couleur
dans la fenêtre Windows Couleurs.
■ Nombre de colonnes : cette option vous permet de définir le nombre de colonnes
formatables. Vous pouvez choisir une valeur comprise entre 1 et 6 dans la liste.
300
Ajouter des pages spéciales
■ Nombre de lignes : cette option vous permet de définir le nombre de lignes
formatables. Vous pouvez choisir une valeur comprise entre 1 et 6 dans la liste.
■ Espacement des éléments : cette option vous permet de définir l’écart entre les
éléments formatables. Vous pouvez choisir une valeur comprise entre 0 (pas
d’espace) et 30 pixels dans la liste.
■ Format : vous avez le choix entre quatre formats d’affichage des éléments :
Portrait - Affichage rectangulaire avec une orientation verticale
Paysage - Affichage rectangulaire avec une orientation horizontale
Carré - Affichage carré
Élargi - Affichage rectangulaire avec une orientation horizontale élargie
■ Image d’arrière-plan : si vous voulez utiliser une image comme arrière-plan de la page
d’introduction, cliquez sur le bouton Ouvrir et choisissez une image au format JPEG
dans la boîte de dialogue qui apparaît.
Pour insérer une autre image, cliquez à nouveau sur Ouvrir pour remplacer l’image.
Pour supprimer une image définie, cliquez sur Supprimer.
301
Chapitre 7
Shop to date 5 pro
■ Nom de fichier : le nom de fichier par défaut est index.
■ Extension des codes HTML : sélectionnez dans la liste déroulante l’extension que vous
voulez attribuer à vos pages HTML. Par défaut, c’est l’extension .html qui est
sélectionnée.
■ Extension des scripts : sélectionnez dans la liste déroulante l’extension que vous voulez
attribuer à vos fichiers de script. Par défaut, c’est l’extension .php qui est sélectionnée.
Vous pouvez également sélectionner l’extension .phtml.
■ Publication : cette rubrique vous permet de définir vos paramètres FTP et de saisir les
méta tags.
7.2.3 Paramètres FTP
La boîte de dialogue Paramètres FTP vous permet de définir les paramètres nécessaires au
transfert des données sur le serveur Web.
■ Hôte FTP : dans la zone Hôte FTP, entrez l’adresse à laquelle la boutique en ligne doit
être transférée. Cette adresse vous est communiquée par votre fournisseur hôte,
c’est-à-dire le prestataire qui publie votre boutique sur Internet. Elle peut par
exemple prendre cette forme : www.microapp.com. Chez certains fournisseurs, les
serveurs WWW et FTP sont les mêmes.
■ Identifiant FTP : dans la zone Identifiant FTP, entrez le nom d’utilisateur demandé
par votre fournisseur pour le chargement FTP. L’identifiant FTP est souvent appelé
"username" ou "compte". L’identifiant vous est communiqué par votre fournisseur.
■ Mot de passe FTP : dans la zone Mot de passe FTP, entrez le mot de passe demandé
par votre fournisseur pour le chargement FTP. Le mot de passe vous est également
communiqué par votre fournisseur.
■ Dossier distant FTP : ne renseignez la zone Dossier distant FTP que si vous ne voulez
pas copier votre boutique en ligne dans le dossier principal (root) du domaine. Entrez
302
Ajouter des pages spéciales
le nom du sous-dossier voulu (ou demandé), qui sera créé automatiquement par Shop
to date au moment du transfert.
■ URL de la cible HTTP : tapez l’adresse à laquelle votre site doit être accessible sur
Internet. Elle peut par exemple prendre cette forme : http://www.microapp.com.
■ Supprimer les fichiers inutilisés : si vous activez l’option Supprimer les fichiers inutilisés,
les anciens fichiers seront systématiquement supprimés du serveur. Cette option ne
fonctionne que si elle est toujours activée : un seul transfert des données effectué sans
cette option peut conduire à ce que des fichiers inutilisés soient conservés sur le
serveur.
■ Renoncer au transfert PASV : si vous rencontrez des difficultés pendant le transfert des
données, activez l’option Renoncer au transfert PASV pour désactiver le transfert
passif (PASV), ce qui peut être nécessaire, par exemple pour les connexions Internet
par satellite. Mais en règle générale, il est conseillé de ne pas activer cette option.
Cliquez sur OK pour valider les paramètres et quitter la boîte de dialogue.
7.2.4 Proxy/Pare-feu
Si vous voulez, outre les données FTP, définir aussi les paramètres d’un serveur proxy,
cliquez sur le bouton Proxy / Pare-feu. Le programme ouvre la boîte de dialogue Paramètres
du pare-feu / proxy.
Sélectionnez le type de pare-feu dans la liste déroulante prévue à cet effet, puis complétez les
zones de saisie Serveur du pare-feu, Port du pare-feu, Identifiant du pare-feu et Mot de passe du
pare-feu avec les informations fournies par votre prestataire de services. Demandez ces
informations à votre prestataire de services.
REMARQUE : - Il est rare de devoir définir ces paramètres. Les données relatives au serveur
proxy ou au pare-feu sont inutiles dans la plupart des cas. Pour plus d’informations sur les
serveurs proxy et les pare-feu, adressez-vous à votre prestataire de services.
Cliquez sur OK pour valider les paramètres et revenir aux propriétés du projet.
303
Chapitre 7
Shop to date 5 pro
7.2.5 Méta tags
Les méta tags peuvent contenir diverses instructions utilisées par les moteurs de recherche
sur Internet, qui vous permettent d’améliorer le référencement de votre boutique en ligne
auprès de ces derniers.
Les méta données peuvent contenir des informations sur l’auteur et le contenu d’un fichier.
■ Auteur : tapez le nom de l’auteur de la boutique en ligne.
■ Description : c’est cette description qui sera affichée dans les moteurs de recherche si
votre boutique en ligne est trouvée.
■ Mots-clefs : quand un visiteur recherche une boutique en ligne à l’aide d’un moteur de
recherche, il utilise des mots-clés. Entrez dans cette zone les mots-clés qui
permettront à votre boutique en ligne d’apparaître sur la page des résultats. Tapez
des mots pertinents en rapport avec votre boutique en ligne, séparés par une virgule.
■ Langue : sélectionnez la langue dans laquelle les mots-clés sont exprimés.
Sélectionnez la langue de votre choix dans la liste déroulante mise à votre disposition,
par exemple de - allemand, en - anglais, fr - français, it - italien, es – espagnol, etc..
Cliquez sur OK pour valider les paramètres et revenir aux propriétés du projet.
7.2.6 Sélectionner un type d’élément
La page d’entrée se compose de plusieurs zones ou éléments, qui sont délimités par des
cadres gris dans l’éditeur de pages d’entrée. Double-cliquez sur un élément pour l’éditer.
La position et la largeur des éléments Titre et Pied de page sont prédéfinies. Double-cliquez
sur l’un de ces éléments pour ouvrir la boîte de dialogue de configuration correspondante.
Pour ouvrir cette boîte de dialogue, vous pouvez aussi sélectionner la commande Éditer dans
le menu contextuel, que vous appelez en cliquant sur l’élément voulu avec le bouton droit de
la souris.
304
Ajouter des pages spéciales
La partie centrale de l’éditeur met à votre disposition d’autres éléments, que vous pouvez
compléter avec les contenus de votre choix. Pour ce faire, double-cliquez sur un élément. Le
programme ouvre la boîte de dialogue Type d’élément.
Les types d’éléments configurables suivants sont mis à votre disposition :
■ Texte : insère un texte cliquable avec un titre.
■ Image : insère une image cliquable.
■ HTML : insère une zone de code HTML ou PHP personnalisé.
■ RSS : insère un lecteur RSS dynamique.
L’option Élément vide, qui s’applique par défaut à tous les éléments d’un nouveau projet vide,
insère une zone vide sans contenu. Vous pouvez utiliser cette option pour remplacer le
contenu d’un type d’élément par un autre.
REMARQUE : - Vous pouvez définir le nombre d’éléments affichés en configurant le nombre de
colonnes et de lignes voulu dans la boîte de dialogue Propriétés du projet.
Choisissez le type d’élément en validant l’option voulue, puis cliquez sur OK.
REMARQUE : - Dans la fenêtre principale de l’éditeur de pages d’entrée, le type d’élément
sélectionné est indiqué sous la forme d’une icône dans le coin inférieur droit de chaque
élément.
Pour modifier le type de l’élément, ouvrez à nouveau la boîte de dialogue Type d’élément en
double-cliquant dessus.
305
Chapitre 7
Shop to date 5 pro
7.2.7 Titre
L’élément Titre est affiché sur la totalité de la largeur du bord supérieur de l’éditeur de pages
d’entrée. Pour mettre en forme l’élément, double-cliquez dessus ou sélectionnez la
commande Éditer dans le menu contextuel (clic droit).
La boîte de dialogue Titre met à votre disposition plusieurs options d’édition :
■ Titre : tapez le texte qui doit être affiché comme titre dans la page d’introduction. Ce
texte est présenté sur une seule ligne.
REMARQUE : - Choisissez un titre aussi court que possible. Selon la police et la taille des
caractères choisies, le texte est abrégé par trois points lorsqu’il dépasse la largeur de la page
d’introduction.
■ Police : cliquez sur le bouton Police pour ouvrir une boîte de dialogue dans laquelle
vous pouvez configurer la mise en forme des caractères du titre.
■ Hauteur : définissez la hauteur de l’élément en pixels. La valeur par défaut est 100.
Dans la liste déroulante, vous pouvez sélectionner des valeurs comprises entre 30 et
300 pixels.
■ Couleur d’arrière-plan : cette zone vous permet de choisir la couleur de l’arrière-plan.
Pour modifier la couleur de l’arrière-plan, cliquez sur le bouton représentant trois
306
Ajouter des pages spéciales
points de suspension et sélectionnez la couleur voulue dans la boîte de dialogue
Windows Couleurs. La couleur en cours est affichée dans la cellule.
■ Image d’arrière-plan : par défaut, le titre n’est pas accompagné par une image
d’arrière-plan. Pour insérer une image d’arrière-plan, cliquez sur le bouton Ouvrir et
sélectionnez une image au format JPEG dans la boîte de dialogue qui s’affiche.
L’image sélectionnée apparaît dans l’aperçu.
Pour insérer une autre image, cliquez à nouveau sur Ouvrir pour remplacer l’image.
Pour supprimer une image définie, cliquez sur Supprimer.
Cliquez sur OK pour valider les paramètres, fermer la boîte de dialogue et revenir à l’éditeur
de pages d’entrée.
7.2.8 Élément Texte
Cet élément vous permet d’insérer un texte mis en forme et cliquable, ainsi qu’un titre :
■ Titre : tapez le titre du paragraphe de texte. Cliquez sur Police pour définir la police
du titre.
■ Texte : tapez le texte voulu dans la zone de saisie. Cliquez sur Police pour définir la
police du texte.
■ Libellé du lien : vous avez la possibilité de saisir un texte cliquable qui mène à votre
projet Shop to date, à un autre site Web ou à une autre boutique en ligne.
307
Chapitre 7
Shop to date 5 pro
Lier un texte dans la zone Libellé du lien
Tapez le texte qui devra servir de lien dans la zone de saisie. Cliquez ensuite sur le bouton
Insérer un lien. Définissez les paramètres requis dans la boîte de dialogue Sélectionner la cible
du lien, puis cliquez sur OK.
Vous pouvez aussi mettre en forme le texte cliquable. Cliquez à cette fin sur le bouton Police
et définissez la police dans la boîte de dialogue suivante.
Cliquez sur OK pour valider les paramètres, fermer la boîte de dialogue et revenir à la fenêtre
principale.
7.2.9 Élément Image
Si vous avez sélectionné le type d’élément Image dans la boîte de dialogue Type d’élément ou
dans le menu contextuel, double-cliquez sur l’élément pour ouvrir la boîte de dialogue de
configuration.
■ Image sélectionnée : cette zone affiche l’image actuellement chargée dans l’aperçu.
■ Ouvrir : pour charger une image dans l’élément, cliquez sur le bouton Ouvrir. Dans la
boîte de dialogue Ouvrir de Windows, sélectionnez le fichier souhaité au format
JPEG et cliquez sur Ouvrir pour charger l’image dans l’élément.
Pour changer d’image, cliquez à nouveau sur le bouton Ouvrir et choisissez un autre
fichier d’image au format JPEG.
■ Supprimer : cliquez sur le bouton Supprimer pour supprimer une image
précédemment chargée dans l’élément.
■ Insérer un lien : pour lier l’image insérée à votre projet Shop to date, à un autre site
Web ou à une autre boutique en ligne, cliquez sur le bouton Insérer un lien. Le
programme ouvre la boîte de dialogue Sélectionner la cible du lien, dans laquelle vous
pouvez définir le lien.
■ Texte de remplacement : vous pouvez saisir un texte de remplacement qui sera affiché
si l’image ne peut pas être affichée.
308
Ajouter des pages spéciales
Cliquez sur OK pour fermer la boîte de dialogue et revenir à la fenêtre principale.
7.2.10 Élément HTML
Si vous avez sélectionné le type d’élément Code HTML dans la boîte de dialogue Type
d’élément ou dans le menu contextuel, double-cliquez sur l’élément pour ouvrir la boîte de
dialogue de configuration.
Dans la zone d’édition de la boîte de dialogue Code HTML, vous pouvez taper le code HTML
ou l’insérer par copier-coller.
■ Utiliser l’extension de fichier associée aux scripts : il est recommandé de n’activer
l’option Utiliser l’extension de fichier associée aux scripts que si vous voulez utiliser
l’extension de fichier définie pour le HTML et les scripts dans les propriétés aussi
pour cette page secondaire.
■ Ouvrir : si le code HTML que vous voulez insérer est enregistré dans un fichier, la
boîte de dialogue Ouvrir vous permet de le charger dans l’éditeur. Sélectionnez le
fichier au format HTML ou HTM et cliquez sur Ouvrir. Le code est chargé dans
l’éditeur, où pouvez le modifier le cas échéant.
309
Chapitre 7
Shop to date 5 pro
■ Enregistrer sous : pour enregistrer le code HTML créé ou modifié dans l’éditeur dans
un fichier externe, cliquez sur le bouton Enregistrer sous. Le programme ouvre la boîte
de dialogue Windows d’enregistrement des fichiers, dans laquelle vous pouvez
enregistrer le code dans un fichier au format HTML ou HTM.
Cliquez sur OK pour fermer la boîte de dialogue et revenir à la fenêtre principale.
7.2.11 Élément RSS
L’élément RSS vous permet de compléter votre page d’introduction par un lecteur RSS qui
affiche les dernières nouvelles de votre projet Shop to date, d’un site Web externe ou d’une
autre boutique en ligne.
Si vous avez sélectionné le type d’élément Flux RSS dans la boîte de dialogue Type d’élément
ou dans le menu contextuel, double-cliquez sur l’élément pour ouvrir la boîte de dialogue de
configuration.
La boîte de dialogue Flux RSS met de nombreuses options à votre disposition.
Cliquez sur le bouton Sélectionner la source du flux pour ouvrir la boîte de dialogue
Sélectionner la cible du lien, dans laquelle vous pouvez définir un projet Shop to date ou une
autre adresse Internet comme source du flux. Veuillez noter que le projet Shop to date doit
contenir au moins un paragraphe RSS Publisher pour que le flux RSS puisse être
correctement affiché sur la page d’introduction. La fonction RSS Autodiscovery doit
également être activée pour le paragraphe RSS Publisher dans les propriétés du site Web.
Sous Nombre d’entrées, définissez le nombre d’entrées de flux à afficher. Vous avez le choix
entre 1 et 30 entrées. La valeur par défaut est 3.
310
Ajouter des pages spéciales
Dans la zone de saisie Longueur maximale, définissez le nombre maximum de caractères
devant être affichés par entrée de flux. La valeur par défaut est 256 caractères. Pour modifier
la valeur, tapez un autre nombre dans la zone.
Sous Actualisation du flux, définissez l’intervalle de mise à jour du flux RSS.
Donnez ensuite un titre au flux RSS. Pour modifier la police du titre, cliquez sur le bouton
Police du titre du flux.
Pour modifier la police des titres d’entrée cliquables apparaissant dans le flux, cliquez sur le
bouton Police des titres d’entrées.
Activez l’option Afficher les textes abrégés s’ils existent si vous voulez que les titres du flux RSS
soient accompagnés par les textes abrégés correspondants si l’auteur du flux en propose.
Pour définir la police des textes abrégés, cliquez sur le bouton Police des textes abrégés.
Cliquez ensuite sur OK pour valider les paramètres et fermer la boîte de dialogue.
7.2.12 Pied de page
Pour ouvrir la boîte de dialogue de configuration du pied de page, double-cliquez sur le pied
de page ou sélectionnez la commande Éditer dans son menu contextuel (clic droit). Dans la
zone de saisie Pied de page, entrez le texte qui doit apparaître en bas de la page
d’introduction. Ce texte est présenté sur une seule ligne. Cliquez sur le bouton Police pour
définir la police du pied de page. Par défaut, la hauteur du pied de page est de 30 pixels. La
liste déroulante vous permet de définir une valeur comprise entre 10 et 200 pixels. Cliquez
sur OK pour valider les paramètres, fermer la boîte de dialogue et revenir à la fenêtre
principale.
7.2.13 Un serveur - Plusieurs sites
Si vous voulez introduire votre projet Shop to date par une page créée dans l’éditeur de pages
d’entrée, la règle suivante s’applique s’agissant du chargement sur le serveur : en cas de
chargement sur le même serveur, le(s) projet(s) Shop to date d’une part et le projet créé avec
l’éditeur de pages d’entrée d’autre part doivent être considérés comme des sites
indépendants.
Le projet de page d’introduction qui renvoie à un ou plusieurs projets Shop to date doit
remplir les conditions suivantes :
■ Il doit être enregistré dans le dossier principal accueillant votre boutique en ligne sur
le serveur, dans lequel vous avez éventuellement déjà enregistré un site existant.
■ Il ne doit pas être enregistré dans un sous-dossier de ce dossier principal, car il
contient dorénavant la page de démarrage de la boutique en ligne, qui est
directement appelée depuis le dossier principal.
311
Chapitre 7
Shop to date 5 pro
Les règles suivantes s’appliquent à tous les autres projets Shop to date ou Web to
date :
■ Ils ne doivent pas être enregistrés dans le dossier principal parallèlement à la page
d’introduction pour éviter tout risque de conflit.
■ Ils doivent être enregistrés dans des sous-dossiers distincts, à partir desquels ils
peuvent être appelés au moyen des liens présents dans la page d’introduction.
■ Même la boutique en ligne actuelle doit être déplacée du dossier principal dans un
sous-dossier.
REMARQUE : - Il existe une exception : vous disposez d’un sous-domaine (par exemple, www
.modele.fr/modele) et l’avez enregistré dans le dossier distant (par exemple, modele) dans les
propriétés du site Web de votre projet Shop to date. Dans ce cas, vous devez utiliser le dossier
distant comme dossier principal pour votre projet de page d’introduction et créer dans ce dossier
distant des sous-dossiers pour tous les autres projets Shop to date (par exemple, modele/anglais,
modele/français).
7.3 Pages externes : Redirection de l’URL
Vous pouvez définir un renvoi direct vers n’importe quelle autre page Web sur une page
principale ou dans une catégorie de produits. Cette fonction vous permet de lier un autre site
Web par le biais d’un bouton dans la barre de navigation, et non simplement par un lien
inséré dans un paragraphe.
Vous pouvez de cette manière, par exemple, diriger vos visiteurs vers les sites indépendants
de vos partenaires, de vos filiales ou d’autres associations. La page principale sur laquelle
vous voulez placer le lien ne doit pas accueillir d’autres contenus ni paragraphes.
Comme le bouton créé pour cette page principale ou cette catégorie de produits dans la barre
de navigation permet d’accéder immédiatement à l’URL externe, il n’est pas utile d’ouvrir la
page proprement dite : un clic sur le bouton mène directement à l’URL indiquée. Créez une
page principale ou une catégorie de produits vide à l’aide de l’Assistant Nouvelle page
principale ou Nouvelle catégorie (bouton Nouvelle page ou Nouvelle catégorie dans l’Aperçu
des pages principales et des catégories de produits).
Ouvrez la fenêtre de propriétés de cette nouvelle page ou catégorie de produits en
sélectionnant la commande correspondante dans le menu contextuel (clic droit sur le dossier
de la page). Activez l’onglet Options HTML dans la boîte de dialogue qui s’affiche.
312
Trucs et astuces facilitant le travail dans Shop to date
Sous Redirection, entrez l’URL vers laquelle votre page doit renvoyer.
Cliquez sur le bouton Test pour que le programme vérifie la validité de l’adresse
(une connexion Internet doit être établie).
8 Trucs et astuces facilitant le travail dans Shop to
date
Comme vous l’avez certainement déjà constaté, Shop to date vous offre un vaste éventail de
possibilités pour créer votre boutique en ligne. Ce système a été laissé aussi ouvert que
possible de manière à vous permettre de réaliser toutes vos envies.
Dans ce chapitre, nous livrons quelques conseils supplémentaires pour mieux travailler avec
Shop to date. Vous y trouverez sans aucun doute des suggestions utiles auxquelles vous
n’aviez pas encore pensé. Nous vous proposons d’autres trucs et astuces, une Foire aux
questions (FAQ) et des informations supplémentaires sur notre site www.shop−2−date.de.
8.1 Désactiver le démarrage automatique des médias liés
Shop to date vous permet d’intégrer différents médias à votre boutique en ligne, par exemple
des présentations vidéo de vos articles. Vous disposez pour cela d’un type de paragraphe
313
Chapitre 8
Shop to date 5 pro
spécial : le paragraphe Clip média. En présence d’un paragraphe Clip média, le média lié
démarre automatiquement quand un visiteur appelle la page.
Pour empêcher le démarrage automatique du média, vous pouvez proposer la vidéo en
téléchargement. Il vous suffit pour cela d’importer le fichier dans la bibliothèque de fichiers
étrangers de Shop to date, puis de la faire glisser vers un paragraphe Texte de la page
concernée. Le programme crée automatiquement un lien vers le fichier et le charge au
moment du transfert sur le serveur FTP. Dans la boutique publiée, le lien apparaît avec la
taille du fichier. Le média ne démarre que quand un visiteur active le lien.
8.2 Modifier les intitulés des boutons
Tous les boutons apparaissant dans votre projet Shop to date portent des intitulés prédéfinis,
que vous pouvez modifier à tout moment. Vous pouvez, par exemple, remplacer l’intitulé
Suivant par Page suivante ou Continuer. Ces paramètres sont à définir sous l’onglet Langue de
la fenêtre de propriétés du site Web (menu Fichier/Propriétés du site Web).
8.3 Définir des "liens profonds"
Quand vous créez des liens internes entre les pages de votre projet de site Web, vous n’avez
pas besoin de connaître la future adresse Internet de ces pages, car Shop to date se charge de
la gestion interne du projet à votre place.
Toutefois, vous aurez parfois besoin de connaître l’URL exacte d’une page principale ou
d’une autre page de votre boutique en ligne si, par exemple, vous gérez plusieurs sites et que
vous voulez lier une page de l’un à une page de l’autre.
Shop to date vous propose à cet effet une fonction confortable : sélectionnez la commande
Copier le lien hypertexte du menu Édition pour que le programme établisse l’URL exacte de la
page et la copie directement dans le Presse-papiers. Vous pouvez ensuite la copier dans
l’application souhaitée.
Vous devez pour cela avoir défini l’URL de la cible, c’est-à-dire l’adresse à laquelle votre
boutique sera accessible sur Internet, sous l’onglet Publication de la fenêtre de propriétés du
site Web.
8.4 Insérer d’autres images dans la zone d’en-tête des designs
Certains designs de Shop to date affichent une image principale différente sur chaque page.
Pourtant, si vous insérez une image personnalisée, c’est toujours la même image qui est
affichée. Il n’est pas possible d’insérer quatre ou cinq images différentes.
Une petite astuce permet toutefois de contourner cette difficulté. Ouvrez le dossier
C:\Program Files\Micro Application\Web to date\designs. Dans le cas des designs utilisant
plusieurs images, vous pouvez voir les fichiers pic_xyz_1.jpg à pic_xyz_8.jpg.
314
Trucs et astuces facilitant le travail dans Shop to date
Ainsi, le dossier Syntax contient les images pic_logo_beauty_1.jpg à pic_logo_beauty_8.jpg. Il
s’agit des huit logos qui sont utilisés dans la variante Beauty du design Syntax.
Vous pouvez remplacer ces images par d’autres éléments de même taille. Sélectionnez
ensuite le design voulu, Syntax/Beauty dans notre exemple. Nous vous conseillons
d’enregistrer au préalable une copie des fichiers originaux pour pouvoir restaurer le design
d’origine si nécessaire.
8.5 Utiliser plusieurs plug-ins sur une même page
L’utilisation de plusieurs plug-ins sur une même page peut entraîner des problèmes liés au
langage PHP et générer des messages d’erreur.
Répartissez les plug-ins sur des pages différentes. Cela présente en outre l’avantage
d’améliorer la lisibilité et la structure de votre site.
8.6 Afficher le prix à l’unité des articles vendus en lots
Si, par exemple, vous vendez du vin dans votre boutique, vous voudrez peut-être indiquer le
prix de la bouteille, mais vendre uniquement des caisses, c’est-à-dire des lots de 6, 12 ou 18
bouteilles. Dans ce cas, créez un produit "Caisse" et indiquez le prix de la bouteille dans la
description du produit.
8.7 Appliquer un supplément de frais d’envoi aux articles
encombrants
Pour les articles encombrants auxquels vous voulez appliquer un supplément de frais d’envoi,
créez un mode de livraison spécifique avec le prix voulu sous l’onglet Expédition de la fenêtre
de propriétés du site Web (menu Fichier/Propriétés du site Web). Attribuez-lui par exemple le
nom "Articles encombrants". Le programme vous permettant d’affecter les modes de
livraison de votre choix à chaque produit, vous pourrez restreindre ce mode de livraison aux
articles encombrants.
8.8 Proposer des commandes groupées
Pour les vêtements, il est parfois utile de proposer des commandes groupées aux clients, leur
permettant, par exemple, d’acheter un pantalon et une veste de taille différente. Les deux
articles sont dans ce cas facturés ensemble. Avec la fonction Variantes de Shop to date, il n’y
a rien de plus simple : créez un produit avec deux variantes "Pantalon" et "Veste", puis
définissez comme critères les tailles proposées dans votre boutique. Les clients pourront
ainsi choisir les combinaisons de leur choix.
8.9 Proposer un service d’emballages cadeaux
Vous voulez proposer un service d’emballages cadeaux à vos clients ?
315
Chapitre 8
Shop to date 5 pro
Pour ce faire, créez un produit "Emballage cadeau", puis créez un renvoi vers ce service dans
la page de chaque produit pour lequel vous voulez le proposer, sous la forme d’un lien
manuel ou d’une accroche de cross marketing.
8.10 Accorder des rabais automatiques
Les rabais sont très prisés. Vous pouvez, vous aussi, proposer de bonnes affaires à vos clients.
En plus des rabais de quantité et des offres spéciales, vous pouvez accorder des rabais
automatiques. Il vous suffit pour cela de créer des produits distincts, par exemple "10 t-shirts
pour le prix de 8".
8.11 Afficher les produits dans plusieurs catégories
Dans Shop to date, les produits ne doivent pas forcément être limités à la catégorie de
produits dont ils font partie. Les accroches vous permettent d’afficher un produit dans un
nombre illimité de listes d’articles, aux emplacements de votre choix. Intérêt de cette
technologie innovante : en cas de changement d’un paramètre du produit, par exemple de
son prix, vous ne devez effectuer la modification requise qu’une seule fois, au niveau du
produit lui-même, qui sera automatiquement répercutée dans les accroches. Pour plus
d’informations à ce sujet, reportez-vous à la section correspondante.
9 Le journal des erreurs
Il peut arriver que des erreurs surviennent pendant la création d’une boutique en ligne. Ces
erreurs sont détectées par Shop to date et regroupées dans le Journal des erreurs, que vous
pouvez appeler via le menu Affichage. Si la fenêtre contient des entrées, vous pouvez les
sélectionner, puis cliquer sur l’un des deux boutons de la barre d’outils :
Ouvre l’entrée sélectionnée dans l’éditeur.
Ouvre la fenêtre de propriétés de l’entrée sélectionnée dans l’éditeur.
9.1 Aperçu des problèmes
Vous trouverez ci-dessous la liste des principaux problèmes et des solutions pour y remédier :
316
Le journal des erreurs
Impossible d’afficher la page au moyen des
liens ou des accroches
Lorsque vous avez activé l’option Chercher les
pages secondaires orphelines dans la boîte de
dialogue Propriétés du site Web, Shop to date
recherche automatiquement toutes les pages qui
ne sont pas accessibles par des liens, des accroches
ou la séquence Suivant/Précédent.
Dans ce cas, il est conseillé de mettre la page en
lien, de la rendre accessible par une accroche ou
tout simplement de la supprimer.
Lien non pertinent
Cette erreur apparaît quand la cible d’un lien a
été supprimée.
Convertissez le lien en texte ou sélectionnez une
cible disponible.
URL de la cible HTTP de la boutique en ligne
inconnue
Si vous insérez un formulaire dans votre boutique
en ligne, le programme doit connaître l’adresse à
laquelle le site sera accessible sur Internet, par
exemple http://www.votrenom.fr. Si vous n’avez
pas encore saisi cette adresse, le programme
affiche aussi ce message si vous voulez consulter le
site sur votre ordinateur.
Pour résoudre le problème, sélectionnez la
commande Fichier/Propriétés du site Web. Sous
l’onglet Publication, entrez l’adresse Internet
requise dans la zone URL de la cible HTTP.
Page de feed-back non valide
Cette erreur apparaît lorsque la page de feed-back
a été supprimée en présence de formulaires.
Pour les formulaires qui utilisent la passerelle de
formulaires de Shop to date, double-cliquez sur
l’entrée Page de feed-back dans l’éditeur de
paragraphes pour sélectionner une nouvelle page
de feed-back.
Dépassement de l’espace disponible
La taille du projet en cours dépasse la capacité
maximale de votre serveur FTP définie sous
l’onglet Publication de la fenêtre de propriétés du
site Web.
Nom de fichier ou de dossier non spécifié
Vous n’avez pas précisé de nom de fichier ou de
dossier dans la fenêtre de propriétés de la page
principale, de la page secondaire ou du
paragraphe.
Entrez un nom.
317
Chapitre 9
Shop to date 5 pro
Aucune entrée Image spécifiée / Entrée Image
non valide
Vous n’avez pas sélectionné d’image ou vous avez
supprimé l’image d’une illustration ou d’un
paragraphe Image.
Sélectionnez une autre image.
Aucune entrée Vidéo spécifiée / Entrée Vidéo
non valide
Vous n’avez pas sélectionné de vidéo ou vous avez
supprimé la vidéo d’un paragraphe Clip média.
Sélectionnez un fichier vidéo valide.
Le document Word "…" n’a pas pu être
synchronisé
Lors de la synchronisation, un fichier Word n’a
pas pu être ouvert. Il est possible que le fichier
soit ouvert dans Word ou que son format ne soit
pas valide. Shop to date prend en charge les
formats Word 95, Word 97, Word 2000, Word XP
et Word 2003.
Vérifiez le fichier et réessayez.
L’URL "..." n’a pas pu être ouverte
Vous avez activé l’option Vérifier les liens WWW
dans la fenêtre de propriétés du site Web. Shop to
date a donc vérifié tous les liens externes et trouvé
un lien mort.
Cela signifie généralement que la page n’existe
plus. Dans ce cas, il est conseillé de désactiver le
lien et de le convertir en texte.
Cette erreur signifie parfois aussi simplement que
la page ou le serveur n’est pas accessible
provisoirement.
Si tel est le cas, il peut être préférable d’attendre
avant de désactiver lien.
Les variantes ont généré un prix négatif
La création de variantes peut générer des prix
négatifs si vous entrez une valeur négative
supérieure au prix de base sous Majoration /
Réduction (en valeur absolue). Exemple : le prix de
base est de 10 euros, le prix de la variante
correspond au prix de base - 12 euros.
Les rabais de quantité ont généré un prix
négatif
La création de rabais de quantité peut générer des
prix négatifs si vous entrez une valeur négative
supérieure au prix de base sous Majoration /
Réduction (en valeur absolue). Exemple : le prix de
base est de 10 euros, le rabais de quantité pour
une quantité donnée est de 12 euros.
318
Le journal des erreurs
25 entrées au maximum sont autorisées par
niveau hiérarchique
Vous pouvez créer au maximum 25 entrées,
c’est-à-dire pages principales, sur chacun des 3
niveaux hiérarchiques.
Si vous avez besoin d’une hiérarchie plus
importante, vous pouvez utiliser des pages
secondaires. Notez toutefois qu’un nombre
excessif d’entrées peut rendre la navigation
difficile et lente.
Le fichier image "..." n’a pas pu être ouvert
Vous avez copié un fichier image non valide dans
Shop to date. Shop to date prend en charge les
formats BMP, GIF et JPG.
Vérifiez le fichier dans un programme graphique.
Le fichier étranger "..." n’a pas pu être copié /
Le fichier image "..." n’a pas pu être enregistré
Ces deux erreurs apparaissent quand un fichier a
été supprimé ou est protégé. Cela peut arriver
notamment si vous avez affiché dans l’aperçu une
page comprenant un paragraphe Clip média ou un
fichier étranger, et ouvert le fichier étranger ou la
vidéo.
Dans ce cas, le fichier est protégé contre
l’écrasement et génère cette erreur.
9.2 Autres messages d’erreur
Il peut arriver que le programme affiche un message d’erreur qui ne figure pas sur cette liste.
Il s’agit d’erreurs internes aux modèles de design ou à la base de données Shop to date. Ces
erreurs ne devraient pas apparaître, mais peuvent être générées par un concours malheureux
de circonstances.
Dans un tel cas de figure, le message d’erreur contient des informations importantes que
notre équipe d’assistance peut analyser pour connaître l’origine du problème et pour vous
aider à y remédier.
319
Shop to date 5 pro
9472
Composé en France par Jouve
11, bd de Sébastopol - 75001 Paris