Pages statiques
La section ''Pages statiques'' vous permet de rédiger les pages contenues dans votre magasin virtuel. Ces pages sont situées dans le haut (boutons de navigation) et dans le bas (pied de page) de votre magasin virtuel.
Haut de votre magasin virtuel (Boutons de navigation) :
Bas de votre magasin virtuel (Pied de page) :
La page principale ''Pages statiques'' est divisée en deux parties; les pages actives et les pages inactives. Vous retrouverez dans la section ''Pages actives'', toutes les pages apparentes de votre magasin virtuel, selon les langues configurées au départ. Deux lettres, entre parenthèses à côté du nom de la page déterminent la langue utilisée pour cette page, ''fr'' pour français, ''en'' pour anglais et ''es'' pour espagnol.
En dessous des pages actives se trouvent les pages inactives. Ces pages ne sont pas visibles dans votre magasin virtuel.
Pour activer ces pages, vous devez aller dans la section ''Configuration générale''. Ensuite, repérez la section ''Configuration des langues'' et choisissez les langues que vous désirez activer, si vous ne sélectionnez pas la ou les langues qui apparaitront dans votre magasin virtuel, les pages statiques dans ces langues ne se retrouveront pas dans la section ''Pages actives'' et vous ne pourrez pas les éditer. Puis, dans la section ''Configuration des options et des pages statiques'' (toujours dans la section ''Configuration générale''), sélectionner les pages statiques désactivées que vous voulez voir apparaître dans votre magasin virtuel.
Éditer une page
Dans page principale ''Pages statiques'', cliquez sur la page active que vous désirez rédiger.
La fenêtre de l'éditeur apparaîtra. Vous pouvez distinguer des icônes à la droite de cette fenêtre. Ces outils vous aideront pour la composition de votre page statique.
Voici ce que signifie chacune des icônes:
Cette icône représente la fonction ''Revenir en arrière'' qui est commune dans beaucoup de logiciels. En tout temps, cliquez sur cette icône pour annuler la dernière action posée.
Cette icône vous permet de créer un nouveau texte.
Cette icône sert à insérer une image sur la page statique.
Cette icône sert à enregistrer les modifications que vous avez apportées à la page statique.
Cette icône vous permet d'accéder à des modèles de pages déjà créés que vous pouvez insérer dans votre page.
Cette icône sert à vous donner de l'information sur l'éditeur de page statique.
Voici les explications détaillées de chacune des icônes :
Pour revenir en arrière, cliquez sur le bouton :
Si vous avez fait une erreur et que vous aimeriez revenir en arrière vous pouvez y parvenir en cliquant sur ce bouton.
Pour créer un nouveau texte, cliquez sur le bouton:
Ensuite, double cliquez sur les mots ''Your text here''.
Une fenêtre apparaîtra avec cinq boutons : ''Text'', ''Border'', ''Link'', ''Close'' et ''Delete''.
Cliquez successivement sur les boutons : ''Text'', ''Border'' et ''Link''. Trois sections devraient apparaîtra. Ces trois sections vous aideront à améliorer votre texte.
La section ''Text'' :
Dans la section ''Text'', vous retrouverez plusieurs options pour formater votre texte. Vous pouvez choisir la police, la couleur et la grosseur de votre texte. De plus, il est permis de lui appliquer différents styles, par exemple, le caractère gras, l'italique ou le soulignement. En ce qui concerne l'alignement, nous vous recommandons de choisir ''Align left'' pour un petit texte et ''Align justify'' pour un paragraphe. Par défaut, la couleur de fond de votre texte est transparente, mais en cliquant sur la bande déroulante située à côté du mot ''Color'', vous pourrez choisir une autre couleur. Généralement, comme couleur de fond on utilise la couleur blanche (White). La case ''Padding'' vous permet d'insérer une marge à un paragraphe. Pour fermer, appuyez sur le bouton ''Close''.
La section ''Border'' :
La section ''Border'' vous permet d'ajouter une bordure à votre texte. Choisissez l'emplacement (Haut, fond, droite, gauche) - (Top, Bottom, Left, Right) et le style de votre bordure. Nous vous conseillons le style ''dashed'' ou ''solid'', car ils sont compatibles avec la plupart des navigateurs. Dans la colonne ''Width'', indiquez la largeur de la bordure, et sélectionnez la couleur de votre choix. Pour fermer, appuyez sur le bouton ''Close''.
La section ''Link'' :
La section ''Link'' vous permet de créer des liens internes ou externes. Dans le champ indiqué, vous devez saisir une adresse URL ou e-mail et cliquez par la suite, dans l'option (URL or E-mail), un petit point noir apparaîtra dans le cercle blanc, confirmant votre choix. Pour fermer, appuyez sur le bouton ''Close''.
Une fois que vous avez mis en forme votre texte, allez dans votre magasin virtuel et ouvrez la page que vous êtes en train de travailler dessus. Le texte apparaîtra. Si ce n'est pas le cas, cliquez sur le bouton ''Actualiser'' dans la barre du navigateur ou appuyez sur le bouton F5 de votre clavier pour rafraîchir la page.
Le bouton ''Actualiser'' :
Créer un lien externe :
Tout d'abord, créez un nouveau texte puis, double-cliquez dessus, dans la fenêtre qui apparaît, inscrivez le texte que vous voulez voir devenir un lien et cliquez sur le bouton ''Link''. Inscrivez dans le champ adéquat, l'adresse URL d'un site internet que vous désirez voir s'ouvrir quand on cliquera sur le texte ou copiez l'adresse complète du site en question, et insérez-la dans le champ proposé. Cliquez ensuite dans champ blanc situé à côté de ''URL or E-mail'', un petit point noir apparaîtra, confirmant votre choix. Si vous n'activer cette fonction votre texte ne deviendra pas un lien. Pour terminer, cliquez sur le bouton ''Close'', pour fermer cette fenêtre.
Le texte est bleu et souligné, c'est pour vous signifier que le texte est maintenant un lien externe.
Veuillez prendre note que cette procédure s'emploie aussi pour une adresse e-mail, cependant lorsqu'un visiteur cliquera sur le lien au lieu d'être redirigé dans un autre site internet, c'est la fenêtre ''nouveau message'' d'Outlook qui s'ouvrira pour lui permettre d'envoyer un message.
Pour voir le résultat du lien externe dans votre magasin virtuel, allez dans celui-ci et ouvrez la page que vous êtes en train de travailler dessus. Appuyez sur le bouton ''Actualiser'' dans la barre du navigateur ou enfoncez la touche F5 de votre clavier pour rafraîchir la page.
Le bouton ''Actualiser'' :
Créer un lien interne :
Un lien interne se crée exactement de la même façon qu'un lien externe. Par contre, au lieu de copier l'adresse URL d'un site externe vous copierez l'adresse URL d'une page à l'intérieur de votre propre magasin virtuel.
Introduire un lien dans un texte :
Pour introduire un lien à l'intérieur d'un paragraphe vous devez créer deux textes: le paragraphe et le mot ou le texte que vous voulez voir devenir un lien.
Double-cliquez sur le texte qui deviendra un lien. Sélectionnez la couleur blanche (white) pour le background, insérez l'adresse URL ou e-mail dans le champ approprié, cochez l'option (URL or E-mail) et appuyez sur le bouton ''Close''.
Ajuster le texte du lien à la bonne dimension en appuyant sur la touche ''Maj'' de votre clavier, et en gardant le bouton gauche de votre souris enfoncée. Glissez le texte jusqu'à la longueur désirée. Si le mot ou le texte que vous transformez en lien est au milieu du paragraphe, ajustez-le bien, car sinon il cachera le reste du texte.
Glissez le lien par-dessus le texte équivalent dans le paragraphe.
Pour voir le résultat, allez dans votre magasin virtuel et ouvrez la page que vous travaillez dessus. Ensuite, cliquez sur le bouton ''Actualiser'' dans la barre du navigateur ou appuyez sur la touche F5 de votre clavier pour rafraîchir la page.
Le bouton ''Actualiser'' :
Supprimer du texte :
Pour supprimer un paragraphe, double-cliquez sur le paragraphe que vous désirez effacer.
Appuyez sur le bouton ''Delete'' pour effacer définitivement le paragraphe. Un message apparaîtra à l'écran, vous demandant si vous êtes sûr de vouloir supprimer ce message. Cliquez ''Ok'', pour accepter d'effacer ce paragraphe.
Pour insérer une image, cliquez sur le bouton :
À l'aide du bouton Browse (parcourir), allez chercher votre fichier image. Ce fichier doit être un .gif ou un .jpeg. N'utilisez pas le .png. Appuyez sur le bouton ''Insert'' pour insérer votre image.
Patientez quelques secondes le temps que votre image se télécharge et apparaît dans la page.
Ajustez votre image à la longueur désirée, en appuyant sur la touche ''Maj'' de votre clavier et en gardant le bouton gauche de votre souris enfoncée. Les chiffres qui apparaissent au-dessus de l'image, lorsque vous cliquez dessus, vous donnent l'emplacement et la grosseur de l'image. L:330 signifie que l'image est à 330 pixels de la marge de gauche (left), T:61 indique que votre image est à 61 pixels du haut (top), H:104 et W:156 vous donnent la hauteur et la largeur de votre image en pixel.
Pour voir l'image nouvellement insérée dans votre magasin virtuel, allez dans celui-ci et ouvrez la page que vous travailler dessus, si ce n'est pas déjà fait, appuyez sur le bouton ''Actualiser'' dans la barre du navigateur ou enfoncez la touche F5 de votre clavier pour rafraîchir la page.
Le bouton ''Actualiser'' :
Pour insérer une image déjà créée, cliquez sur le bouton :
Dans la partie ''Quick images'', située juste en dessous du champ inséré une image (Upload image), sélectionnez une image.
Patientez quelques secondes le temps que l'image se télécharge et qu'elle apparaît dans la page.
Pour voir le résultat, allez dans votre magasin virtuel, ouvrez la page que vous trafailler dessus, appuyez sur le bouton ''Actualiser'' dans la barre du navigateur ou enfoncez la touche F5 de votre clavier afin de rafraîchir la page.
Le bouton ''Actualiser'' :
Liens pour les images :
Vous pouvez créer des liens internes ou externes pour les images en utilisant la même procédure que pour le texte. Pour cela, il suffit de double-cliquer sur l'image, d'appuyer sur le bouton ''Link'' et d'introduire dans le champ approprié l'adresse URL ou E-mail. Assurez-vous, ensuite, d'avoir cliqué dans l'option (Url or E-mail) et fermez la fenêtre en appuyant sur le bouton ''Close''.
Supprimer une image :
Vous supprimez une image exactement de la même façon que pour un texte. Double-cliquez sur l'image à supprimer et appuyez sur le bouton ''Delete''. Un message apparaîtra vous demandant si vous êtes bien sûr de vouloir supprimer l'image. Cliquez sur ''OK''. L'image sera supprimée.
Pour sauvegarder vos données cliquez sur le bouton :
Appuyer régulièrement sur ce bouton pour enregistrer les modifications que vous effectuez sur votre page.
Pour intégrer un modele de pages statiques, cliquez sur le bouton :
Cliquez sur la flèche descendante pour faire apparaître la bande déroulante, choisissez un modèle de page, puis appuyez sur le bouton ''Insert''. Un message apparaîtra vous demandant si vous êtes bien certain de vouloir insérer ce modèle de page car cette action va effacer tout le contenu de votre page. Cliquez sur le bouton ''Ok, pour accepter de remplacer cette page par le nouveau modèle choisi. Nous avons mis à votre disposition ces différents modèles pour vous aider à créer vos pages, ces modèles changent selon la page statique que vous utilisez.
Attendez quelques secondes ... le modèle que vous avez sélectionné apparaîtra. Veuillez prendre note que le texte utilisé pour les modèles est ce qu'on appelle du texte de remplissage ou communément appelé du ''Bolo Bolo''.
Pour voir le nouveau modèle que vous avez choisi dans votre magasin virtuel, allez dans celui-ci, ouvrez la page que vous êtes en train de travailler dessus et appuyez sur le bouton ''Actualiser'' dans la barre du navigateur ou enfoncez la touche F5 de votre clavier pour rafraîchir la page.
Le bouton ''Actualiser'' :
Pour supprimer entièrement le contenu d'une page, cliquez sur le bouton :
Dans la section choisir un modèle pour cette page, la page sélectionnée par défaut est une page vide donc cliquez sur le bouton ''Insert'' pour enregistrer une page vide. Puis, appuyez sur le bouton ''OK'', pour accepter d'effacer le contenu de la page dans laquelle vous travailler. Attendez quelques secondes et votre page s'effacera entièrement.
Pour avoir de l'information sur les outils de la page que vous éditez, appuyez sur le bouton :
Une page d'aide apparaîtra vous expliquant sommairement les options contenues dans cette page.