Pilotez votre site web

Guide de démarrage

version 1.1 - 8 septembre 2010

www.ugal.fr

1

SOMMAIRE

IntroductionGlossaire

Glossaire WebGlossaire UGAL

Changer le design de votre siteModifier le contenu d'une page : Editeur de texteLes différents types de page

La page d'accueilLes pages newsLes pages simplesLa page contactLes pages F.A.QLes pages PortfolioLes pages ForumLes pages Calendrier GraphiqueLa NewsletterLes Pages catalogues produitsLa boutique

Organiser vos barres de navigationPour aller plus loin

Promouvoir votre site et améliorer son référencementUtiliser les services Google

Documentation et aide en ligne

2

Introduction

UGAL est une application web clé en main qui permet de créer et de mettre à jour unsite internet très facilement. UGAL s'adresse aux petites sociétés, associations etcollectivités et leur permet d'avoir un site internet professionnel et évolutif dans le cadred'un budget raisonnable.Pour créer et mettre à jour un site internet créé avec UGAL, il n'y a rien à installer surson ordinateur. Il suffit d'une connexion à Internet et d'un navigateur (comme Firefox,Chrome, Safari ou Internet Explorer). Une fois connecté à votre site internet, vouspouvez modifier le contenu directement sur les pages, sans passer par une interfaced'administration compliquée. Vous pouvez également changer le design de votre site,organiser la navigation, créer des pages,..

UGAL propose différents modèles de page: page d'accueil, pages news, forum, boutiqueen ligne etc. dans le cadre de 3 formules. Quelle que soit la formule, UGAL comprend unnombre illimité de pages. Vous pouvez changer de formule à tout moment, sans délai.UGAL libère ses utilisateurs de tous les aspects techniques liés à la création de siteinternet (hébergement, nom de domaine, email, optimisation pour le référencementnaturel).

Une fois créé, le site est tout de suite disponible sous une URL (adresse Web) de typehttp://masociete.ugal.com. Une fois que le site est activé, UGAL déposera un nom dedomaine et le site sera disponible sous la forme http://www.masociete.com. Si vousavez déjà déposé votre nom de domaine, vous pouvez bien sûr le rattacher à votre siteUGAL.

Le lien connexion est situé en bas à droite sur chaque page de votre site

Ce dossier va vous expliquer comment créer un site pas à pas avec UGAL. Si vous n'avezpas encore créé de site rendez-vous sur cette page pour choisir votre formule. Sinon,connectez-vous à votre site à partir du lien connexion, situé en bas à droite de votresite.

Sommaire

3

Glossaire

Créer un site internet avec UGAL est très simple. Il vous faut toutefois connaîtrequelques termes importants liés au Web ou plus spécifiquement à UGAL.

Glossaire Web

Page WebUn site internet est composé d'une ou de plusieurs pages : la page d'accueil, la pagecontact, ....Il existe donc différents types de pages sur le Web aux propriétés diverses:certaines pages permettent à l'internaute de lire du contenu, d'autres de laisser unmessage, d'autres d'ajouter des produits dans un panier, etc. Certaines pages peuventcontenir des sous-pages. Par exemple la page d'un catalogue produits regroupe plusieurspages produits ou la page des news contient l'ensemble des news postées sur votre siteinternet. Chaque page web doit avoir un titre et une adresse web appelée URL.Le titre de la page (Informations) est visible dans la fenêtre du navigateur et au débutde la page. L' URL de la page (http://demosite.ugal.com/informations) est visible dans labarre d'adresse du navigateur.

Le titre de la page (1) et l'URL de la page (2)

4

URLUne URL (Uniform Resource Locator) est une adresse web. Chaque page hébergée survotre site internet, chaque image, a une URL qui permet d'y accéder. L’URL d'une pageest visible dans la barre d’adresse de votre navigateur.

• la page d'accueil est en général accessible directement sur l'URL du nom dedomaine http://www.masociete.com.

• les pages du site sont accessibles sous des URLs de typehttp://www.masociete.com/mapage.

• ou encore http://www.masociete.com/moncatalogue/monproduit dans le casd'une sous-page.

Lorsque vous créez une page, UGAL vous propose de lui associer une URL en fonction dutitre que vous lui avez donné. Par exemple /toto si vous avez choisi "toto" comme titre.Une URL ne peut pas contenir d'espaces, d'accents , de cédilles.. UGAL corrigeautomatiquement.

Suggestion de l'attribution de l'URL

Des URLs différentes peuvent donner accès à une même page. Par exemple la paged'accueil du site internet d'UGAL France répond aux deux URLs http://fr.ugal.com ethttp://www.ugal.fr. En revanche une URL ne peut pas pointer sur plusieur pages. Quandvous créez une page, vous ne pouvez donc pas lui donner une URL qui serait déjàutilisée. Le cas échéant, un message vous avertira et vous invitera à corriger l'erreur.

LienSi vous créez un site internet, vous devez absolument comprendre comment créer desliens et surtout, vous rendre compte de leur importance. Les liens sont la base du Web :un lien permet de lier plusieurs pages entre elles. C’est comme ça que se tisse la Toile.C'est par les liens que l'internaute a connaissance des autres pages disponibles et qu'ilnavigue, soit sur le même site, soit sur d'autres sites. C'est également par les liens queles moteurs de recherche évaluent la notoriété de votre site.

Vous pouvez ainsi faire

• des liens internes à votre site: par exemple faire partir un lien depuis la pagepanier de votre site vers la page de vos conditions générales de vente.

• des liens externes: par exemple faire un lien depuis la fiche produit vers le siteofficiel du fabricant.

5

Exemples de liens internes (1 2 et 4) et externe (3)

Le lien est composé d'une source et d'une destination.

• La source peut être un mot, une phrase, une image: il s'agit de l'élément surlequel l'internaute va cliquer pour aller sur un autre page.

• La destination: il s'agit de l'URL de la page de destination, la page vers laquellel'internaute sera dirigé, une fois qu'il aura cliqué.

Quand un texte contient un lien il est signalé à l'internaute par des propriétés différentesdu texte standard. Les conventions veulent que les liens soient signalés par du textebleu et souligné, mais aujourd'hui beaucoup de sites utilisent d'autres couleurs poursignaler les liens. L'important est que l'internaute puisse les repérer et ainsi naviguer.Dans l'illustration ci-dessus les liens depuis les textes (2 et 4) sont en bleu souligné.

Barre de navigationOn appelle barre de navigation le menu qui contient des liens vers les pagesprincipales d'un site Internet : (1) dans l'illustration ci-dessus. Les barres denavigation sont disponibles au même endroit sur toutes les pages de votre site. Ellespermettent aux internautes d’accéder aux pages principales, quel que soit l’endroit où ilsse trouvent. Avec UGAL vous disposez d’une barre de navigation principale, bien visible,que vous pouvez placer soit en haut, soit sur le côté gauche de votre site. Une barre denavigation secondaire est disponible pour le bas de page. Plus discrète, elle permet defaire des liens vers des pages moins consultées du site (Mentions légales, Conditionsgénérales de vente...).En général le lien activé est signalé par une couleur différente:dans l'exemple ci-dessus, le lien ACCUEIL est en orange sur la barre de navigationprincipale car on se trouve sur la page d'accueil.

6

Sommaire

Glossaire UGAL

Onglets d'administrationUne fois que vous êtes connecté en tant qu'administrateur, une barre contenant desonglets gris apparait en haut de chaque page de votre site. Cette barre s’appelle "lesonglets d’administration" et vous donne accès à différents outils pour administrer votresite.

• Votre site: pour retourner sur votre site• Pages: modifier les propriétés des pages existantes ou créer de nouvelles

pages.• Design: changer les aspects graphiques.• Configuration: configurer la langue, le nom de domaine, le fuseau horaire.• Outils: gestion des commentaires, espace de stockage, newsletter.• Votre compte: activer, modifier ou supprimer votre compte.

Une fois connecté, les onglets d'administration sont disponibles en haut

Des onglets supplémentaires sont disponibles pour les utilisateurs de la boutique en ligne(onglet "Boutique") et du Forum ou de l'Intranet (onglet "Utilisateurs").

7

WidgetLes widgets servent à embarquer sur une page web du contenu hébergé sur une autrepage. Leur contenu peut être statique (du texte, une zone d'inscription à une Newsletter)ou alors dynamique (liens vers les dernières news du site ou vers les produits phares).Vous trouverez sur notre blog une définition plus globale sur les widgets.

Les widgets peuvent s'afficher à droite ou en bas de page

Editeur de texteL'éditeur de texte est un outil qui permet de créer et de mettre en page du texte. Letexte peut être illustré via l'ajout d'images ou de contenu embarqué, comme parexemple une vidéo Youtube ou un plan Google Maps. L'éditeur de texte est disponiblesur toutes les pages UGAL. Son interface simple et intuitive ne nécessite pas un grandapprentissage. Il se compose de deux barres d'icônes et d'une zone centrale danslaquelle vous saisissez votre texte. Pour plus d'information sur le fonctionnement del'éditeur de texte, rendez-vous dans la section Modifier le contenu d'une page : Editeurde texte.

8

L'éditeur de texte UGAL

Sommaire

Vous trouverez sur notre blog 101 définitions concernant le Web : Le tour du Web en

101 mots.

Changer le design de votre site

PréambuleVotre première tentation une fois que vous aurez créé votre site sera de vouloir vouspréoccuper du design. C'est un phénomène naturel que nous avons observé chezbeaucoup de nos utilisateurs. Quand on n'est pas un professionnel du Web, on atendance à considérer le design comme le point de départ de la création d'un siteinternet. Il faut comprendre qu'un site internet c'est avant tout du contenu. Tant quevous n'avez pas défini votre contenu et son organisation, il sera difficile de savoir queldesign conviendra le mieux. Par exemple :

• si les liens de vos barres de navigation sont longs, il faudra que vous choisissiezun thème graphique plutôt large pour que tous les liens tiennent sur une ligne.

• si vous avez beaucoup de photographies sur fond blanc, elles ressortiront mieuxsur un thème graphique avec un fond blanc.

En quelques mots, tant que vous n'avez pas bâti les murs (la structure devotre site) il est difficile de poser la peinture (trouver le bon thèmegraphique) de façon définitive. Bien entendu, vous pouvez changer dethème graphique aussi souvent que vous le voulez depuis l'onglet Designde votre site. Nous vous conseillons toutefois de commencer par mettredu contenu sur votre site avant de vous préoccuper de son look.

9

Onglet Design

L'onglet Design de votre site

ThèmeCette partie du menu permet de changer de thème graphique. Quand vous changez

de thème graphique, le contenu de vos pages et leur organisation sont maintenus. Lespages s'affichent simplement avec les nouveaux attributs graphiques de votre site : pluslarges, avec une nouvelle police de caractère, sur un fond différent, etc..Le thème graphique définit la largeur de votre site, les couleurs des pages, des polices etdes liens, la forme et la couleur des différentes encadrés. Chaque thème graphique estlivré avec une bannière.

UGAL est disponible avec une trentaine de thèmes graphiques que vous pouvez utiliser

10

pour votre site. Ces thèmes graphiques ont été conçus par des professionnels etrespectent les normes du Web.

Pour choisir un autre thème graphique,• cliquez sur le lien "choisir un autre thème" depuis l'onglet Design de votre site.• faites défiler les thème disponibles.• cliquez sur le lien "choisir ce thème" à côté du thème graphique que vous

souhaitez appliquer à votre site.

Créer un thème graphique personnaliséCréer un thème personnalisé nécessite des compétences en Webdesign, notamment unebonne maîtrise du CSS. Pour plus d'informations sur la personnalisation graphique devotre site, nous vous invitons à visiter http://fr.ugal.com/designers où vous pouveztélécharger notre kit CSS. Si vous n'êtes pas Webdesigner, nous vous invitons à nouscontacter. UGAL peut vous faire une proposition de thème graphique sur mesure.

Mise en pageUGAL est disponible avec 3 mises en page globale pour votre site. La mise en page

globale détermine l'emplacement de la barre de navigation principale et l'utilisation d'unebannière ou d'un logo pour votre site. A noter que vous pouvez par ailleurs personnaliserindividuellement la mise en page de chacune des pages de votre site.

Mise en page une:

Votre site se compose d'unebannière en haut de page. etd'une barre de navigationhorizontale.

Les éléments (barre denavigation, bannière et contenu)occupent toute la largeur despages.

Mise en page deux:

Cette mise en page permetd'utiliser un logo en lieu et placed'une bannière. Logo et barrede navigation se partagent lehaut de la page en horizontal.La zone de contenu principaloccupe toute la largeur de lapage.

Mise en page trois:

Votre site dispose d'unebannière en haut de page. Labarre de navigation se situe à laverticale, à gauche des zones decontenu principal. Cette mise enpage est idéale pour les sitescomprenant de nombreux liensdans la barre de navigation.

Pour choisir une autre mise en page• cliquez sur le lien "choisir une autre mise en page" depuis l'onglet Design de

votre site• cliquez sur le lien "choisir cette mise en page" à côté de celle que que vous

souhaitez appliquer à votre site.

11

Changer de bannière ou de logo.

Selon la mise en page que vous aurez choisie vous pouvez ajouter une bannière (Mise enpage une et trois) ou un logo (Mise en page deux) à votre site.Le menu Bannière est accessible dans l'onglet Design depuis le lien "changer debannière" ( le lien "changer de logo").

• La largeur de l'emplacement prévu pour le logo est de 160 x 60 pixels. Lesformats acceptés sont .gif ou .jpg

• La largeur de la bannière est en fonction du thème graphique choisi : certainssont plus larges que d'autres. Dans chaque thème graphique, une bannièrestandard est livrée. Il vous faudra créer ou faire créer des bannières de la mêmelargeur que celle du thème standard (778 pixels dans l'exemple ci dessous). Lahauteur est libre mais nous vous conseillons de ne pas mettre des bannières trophautes, sans quoi vos visiteurs devront utiliser les ascenseurs pour accéder aucontenu de vos différentes pages. Les formats acceptés sont .gif, .jpg ou .swf(pour les bannières en Flash)

La taille et le poids de la bannière de votre site

12

Ajouter des bannières• cliquez sur le lien "changer de bannière" depuis l'onglet Design de votre site.• cliquez sur le bouton "parcourir" pour choisir sur votre disque dur la bannière

que vous souhaitez intégrer à votre site.• cliquez sur le bouton "ajouter la bannière" pour ajouter la nouvelle bannière à

votre site.

Choisir les bannières à afficher• Une fois que vous avez ajouté des bannières, sélectionnez celle(s) que vous

voulez afficher sur votre site grâce à la case à cocher située à gauche desbannières.

• Validez votre sélection en cliquant sur le bouton "Mettre à jour la sélection".• Si vous avez sélectionnées plusieurs bannières elles s'afficheront de façon

aléatoire sur votre site.

NB: pour changer de logo choisissez la mise en page deux puis cliquer sur "changer delogo".

Changer les textes de votre bannièreVotre thème graphique comprend un titre et un sous-titre qui s'affichent dans votrebannière. Vous pouvez changer ces éléments en cliquant sur le lien "Changer les textesde votre bannière" depuis l'onglet Design. Vous pouvez aussi laisser ces champs vides,pour ne pas afficher de texte dans votre bannière.

Changer de type ou de taille de PoliceDepuis l'onglet Design vous avez également la possibilité de choisir votre police de

caractère ainsi que sa taille. A noter que seules les polices de caractère compatibles Websont proposées dans le menu. Pour plus d'information sur les polices de caractères Webveuillez consulter le billet http://fr.ugal.com/blog/web-et-polices-de-caractere.

Pour changer de police de caractère• cliquez sur le lien "changer la taille ou la police de caractère" depuis l'onglet

Design de votre site.• choisissez la taille et ou la police.• cliquez sur le bouton "mettre à jour".

Ajouter un favicon à votre siteDepuis l'onglet Design vous avez également la possibilité d'ajouter un favicon à

votre site. Pour plus d'information sur les favicones , comment les créer ou bien où entrouver , consultez ce billet du blog http://fr.ugal.com/ugalnews/ajouter-une-favicone-a-votre-site.

Sommaire

13

Modifier le contenu d'une page via l'éditeur de texte

L'éditeur de texte UGAL

L'éditeur de texte est présent sur toutes les pages de votre site. Son utilisation vouspermet de mettre du contenu sur vos pages : vous saisissez du texte (ou vous le copiezdepuis Word) et, grâce aux différents boutons disponibles, vous allez pouvoir le mettreen page, ajouter des images, des vidéos...Attention, l'éditeur de texte ne permet pas de spécifier les attributs graphiques du texte,comme par exemple la couleur. Ces attributs sont gérés dans le thème graphique devotre site. Cette restriction est volontaire :

• spécifier les couleurs au niveau de l'éditeur de texte casserait le code etconduirait de fait à un mauvais référencement. Sans compter les problèmesd'accessibilité : rien ne dit par exemple qu'un internaute sous Internet Explorerverrait la même chose qu'un internaute sous Safari.

• le fait que les attributs soient spécifiés pour l'ensemble du site garantit sonhomogénéité : les polices seront toujours les mêmes, les liens seront toujourssignalés par la même couleur, les titres auront toujours la même taille surTOUTES les pages de votre site.

L'éditeur est composé de deux barres d'icône et d'une zone de contenu dans laquellevous saisissez le texte de la page.

Première barre d'icones

• L'icone "gras" permet de mettre le texte sélectionné en gras : sélectionnezle texte concerné et cliquez sur l'icone.

• L'icone "Italique" permet de mettre le texte sélectionné en italique: sélectionnez le texte concerné et cliquez sur l'icone.

• L'icone "Barré" permet de barrer le texte sélectionné : sélectionnez letexte concerné et cliquez sur l'icone.

14

• L'icone "Trait horizontal" permet de créer une ligne de séparationhorizontale

• L'icone "Liste à puces" permet de créer une liste à puce. Cliquez sur l'iconepour faire apparaître la première puce. A la fin de la liste, recliquez sur

l'icone pour repasser en mode standard.

• L'icone "Liste numérotée" permet de créer une liste numérotée. Cliquezsur l'icone pour faire apparaître la première puce. A la fin de la liste,

recliquez sur l'icone pour repasser en mode standard.

• L'icone "Ancre" permet de créer une ancre dans la page. Une ancrepermet de nommer et de marquer une position sur une page web. Cela

présente un intérêt quand on veut faire un lien vers un endroit précis de la pageet non pas en haut de page comme avec un lien normal.

Commencez par insérer une ancre à l'endroit de la page concerné, encliquant sur l'icone "Ancre".Nommez votre ancre, par exemple "toto".

Placement d'une ancre

Une fois l'ancre créée, il suffit d'ajouter /#nomdelancre/ à la fin de l'URL dela page pour aller directement vers la position de l'ancre

NBIl ne faut pas mettre d'espace, d'accent, de cédille dans le nom d'une ancre.Mettez un nom d'ancre cohérent par rapport au contenu, c'est fort utile pourle référencement.

• L'icone "Lien" permet de créer un lien.

15

Remarque : pour les liens internes à votre site il faut faire des liens avec uneURL relative et non pas une URL absolue.

◦ Une URL absolue contient l'adresse complète - nom de domaine inclus -de la destination (par exemple: http://www.masociete.com/mapage).

◦ Une URL relative ne contient que la partie "variable" de l'URL, c'est à diresans le nom de domaine (par exemple : /mapage)

L'intérêt de ce système est que les liens restent bons, même si vouschangez de nom de domaine.

Pour créer un lien, sélectionnez la source (une image, un texte) etcliquez sur l'icone insérer un lien: une fenêtre apparaît. Dans le champ'URL du lien', saisissez l'URL de la page de destination. Vous pouvez

(optionnel) spécifier la cible (ouverture du lien dans la même page ousur une autre page) ainsi qu'un titre. Le titre permet de renforcer vosmots clés sur la page et aussi d'indiquer à l'internaute vers quelle page ilsera dirigé s'il clique sur le lien (en survolant le lien, le titre du lienapparaîtra)

Insérer un lien

16

• L'icone "Délier" permet d'effacer un lien créé. Positionnez-vous sur le lienà supprimer pour activer cette icone.

• L'icone "Insérer une image permet d'insérer une image dans votre page.Quand vous cliquez sur l'icone insérer une image, une fenêtre s'ouvre et

vous permet de choisir entre différentes options pour l'affichage de vos images.A noter que seuls les formats jpeg, gif et png sont acceptés.

Insérer une image

Dans la première partie (Général)

- vous pouvez sélectionner l'image à insérer via le bouton "choisir lefichier".- Une fois l'image choisie sur votre disque dur, déterminez la taille.UGAL redimensionne automatiquement les images: il en réduit le poids(résolution) et la taille. Pour un affichage rapide de vos pages, il estimportant que vos images ne pèsent pas plus que quelques Ko. Si lesimages sélectionnées sur votre disque dur sont lourdes (plusieurs Mo),le temps de mise en ligne peut durer un peu, en fonction de la qualité

17

de votre connexion. Les options de taille sont 100, 250, 400 ou 600pixels (largeur). UGAL n'agrandira pas vos images afin de ne pasdétériorer leur qualité : si l'image de départ fait 150 pixels de large etque vous choisissez 400 pixels, elle restera à 150 pixels sur votre site.En revanche si votre image de départ fait 500 pixels et que vouschoisissez 400 pixels, UGAL réduira la taille.-Le champ description de l'image est très important pour leréférencement de vos images et de votre site dans Google. Il estégalement utile pour informer les internautes quand l'image nes'affiche pas dans leur navigateur (problème de connexion ou choix del'internaute de ne pas les afficher).

Dans la deuxième partie (Apparence)

- vous allez pouvoir déterminer l'emplacement de votre image. Dans lechamp alignement, laissez -- Non Init -- si vous ne souhaitez pas quel'image s'insère dans un bloc de texte. Sinon choisissez la position(droite ou gauche).- Les champs "espacement" permettent de décaler l'image enhorizontal ou en vertical. L'unité est le pixel.- Le champ bordure (unité = pixel) permet d'entourer l'image d'unebordure. La couleur de la bordure est définie dans le thème graphiquede votre site.

Pas d'alignement de l'image :l'image forme un paragraphe et n'est pas habillée de texte

18

Alignement de l'image : à gauche dans un bloc de texte

• L'icone "insérer un média" permet d'embarquer sur une page une vidéo(hébergée chez Youtube ou Daily Motion) ou d'insérer un fichier flash.

Pour insérer une vidéo, copiez le code fourni par l'hébergeur (Youtube,DailyMotion, Viméo...) de la vidéo dans la fenêtre qui s'ouvre.

Pour insérer une animation, cliquez sur Fichier Flash en haut à droite de lafenêtre, saisissez l'URL du fichier flash et précisez ses dimensions. A noter quevous pouvez utiliser l'espace de stockage UGAL pour stocker vos fichiers Flash

19

• L'icone insérer une carte permet d'embarquer une carte à partirde l'application Google Maps. Cliquez sur l'icone et saisissez les

informations dans la fenêtre qui s'ouvre

• L'icone "insérer un diaporama Flickr" permet d'afficher sur sapage un diaporama de photos stockées sur le service de photo en

ligne Flickr

20

• Les icones d'alignement permettent d'aligner (à gauche, à droite, aucentre) un bloc de texte, une image, une vidéo ou n'importe quel

élément.

• Le dernier icone "paragraphe" permet d'attribuerdifférents niveaux de titre à votre texte. Les attributs

graphiques des titres sont spécifiés dans le thème graphique de votresite. Vous disposez de 4 niveaux de Titre ( Titre 1 étant le plus grand)et d'un style "citation".

Deuxième barre d'icones: tableau et HTML

• Les icones de la deuxième barre servent principalement à intégrer et modifierdes tableaux. Les tableaux sont utiles si vous souhaitez aligner (dans la hauteurou dans la largeur) plusieurs éléments sur une page ou tout simplement pourafficher des données tabulaires , comme un tarif par exemple. Il ne faut toutefois pas en abuser. Les tableaux alourdissent la page, la mise en page de votresite doit être basée principalement sur le CSS.

• Le premier icone sert à créer un tableau. Les suivants servent à modifier lespropriétés d'un tableau créé. Ils ne sont donc pas accessible, tant qu'il n'y a pasde tableaux sur votre page. Lorsque vous créez un tableau vous devez spécifierau moins le nombre de lignes et de colonnes. Les autres éléments sontfacultatifs. Les champs "espacement" permettent de ne pas coller le contenu aubord la cellule ou ne pas coller les cellules entre elles ( l'unité est le pixel). Vouspouvez spécifier la taille du tableau mais ce n'est pas spécialementrecommandé: le tableau va s'adapter par défaut au contenu

•

21

• Une fois le tableau créé, les autres icones sont disponibles

Insérertableau

Propriétésligne

Propriétéscellule

Insérerligneavant

Insérerligneaprès

EffacerLigne

Insérercolonneavant

Insérercolonneaprès

EffacerColonne

Scindercellulesfusionnées

Fusionnerlescellules

• Pour supprimer un tableau, il faut supprimer toutes les lignes (ou les colonnes)du tableau

• L'icone HTML ( le dernier de la barre) permet de visualiser le contenu saisis dansl'éditeur en version HTML. Cela peut être utile pour comprendre les problèmesd'affichage que vous pourriez rencontrer (par exemple si vous collez du textedepuis un Document PDF, ce qui n'est pas recommandé) ou encore si voussouhaitez ajouter des balises HTML sur votre page.

Sommaire

22

Les différents types de page

Quand vous créez votre site avec UGAL, des premières pages sont déjà créées pour vousfaciliter le travail : page d'accueil, page contact, page mention légales, pages news...Vous allez pouvoir modifier ces pages ou tout simplement les supprimer et en créer

d'autres.Il existe dans UGAL plusieurs types de pages. Chaque type de page a des fonctionnalitésdifférentes. Il est important de connaître les fonctionnalités des pages, afin de choisir lebon type de page pour le contenu que vous allez mettre en ligne. Selon la formulechoisie vous aurez accès à tous les types de pages ou seulement à certains types.Une fois connecté à votre site, vous pouvez modifier le contenu d'une page directementdepuis la page concernée, via les boutons d'édition :

bouton "mettre à jour" pour mettre à jour le contenu

bouton "flèche bleue" pour modifier l'affichage des widgets.

lien "propriétés de la page" situé en haut à droite de toutes les pages de votresite. Pour modifier les propriétés d'une page (son titre, son URL, ses

caractéristiques, sa mise en page), ou pour la supprimer.

Les boutons d'édition d'une page

23

Remarques

• Pour créer une page, allez dans l'onglet page et cliquez sur "Ajouter une page",puis choisissez le type de page que vous voulez ajouter à votre site

• Vous pouvez changer de formule quand vous le souhaitez, par exemple si le typede page que vous souhaitez n'est pas disponible dans votre formule

• Quelle que soit la formule que vous utilisez, vous pouvez créer avec UGAL autantde pages que vous le souhaitez.

SommaireLa page d'accueil

La page d'accueil est disponible dans toutes les formules UGAL. Vous nepouvez avoir qu'une seule page d'accueil par site : votre page d'accueil estunique. L'URL de votre page d'accueil correspond à votre nom de domaine

(http://www.masociete.com une fois que votre nom de domaine est déposé ethttp///masociete.ugal.com en période d'essai). Vous ne pouvez donc pas spécifier uneURL pour votre page d'accueil.

En cliquant sur le lien "propriété de la page" vous pouvez accéder à l'onglet mise enpage afin d'organiser les widgets autour de la zone centrale de contenu.

Propriétés de la page d'accueil

24

Sommaire

Les pages news

Les pages de type "News" sont disponibles dans les formules A B et C.Vous pouvez créer un nombre illimités de pages news, bien que cela nesoit pas particulièrement conseillé.

A quoi ça sert?Les pages news permettent de mettre en ligne votre actualité et/ou plus généralementtoutes les actualités de votre secteur qui intéressent vos clients et vos lecteurs. Vouspouvez également utiliser les pages news pour tenir un blog. Les pages news sontessentielles pour votre site : elles permettent de donner un ton éditorial à votre site, decrédibiliser votre savoir-faire via les billets édités et surtout d'actualiser le contenu devotre site. Plus vous mettrez de news, plus les moteurs auront de la matière à indexer,ce qui aura à terme un effet positif sur votre référencement naturel.Les pages news sont dotées d'un fils RSS. Vos lecteurs peuvent souscrire à votreactualité et la suivre dans leur lecteur RSS.

Comment ça marche?La page news est composée de différentes news. Il existe donc une page d'index (lapage qui regroupe les news) et des pages de détails (une page par news créée)Les news créées et leurs catégories peuvent s'afficher sous forme de widgets sur lesautres pages de votre site.La page d'index des news contient le titre de la page (obligatoire) et une zone sommaire(optionnelle). Elle affiche également la liste des dernières news.

25

Page d'index des news

• Pour modifier le titre et la zone sommaire, cliquez sur le bouton "Mettre àjour" à côté du titre de la page.

• Pour ajouter une news, cliquez sur le bouton "ajouter un news".

• Pour modifier ou effacer une news déjà créée, cliquez sur le bouton "Mettreà jour" à côté du titre de la news.

• Pour modifier l'affichage des news sur la page, allez dans les "propriétés dela page".

26

Propriétés des pages news, 4 onglets : Pages News, Catégories, Mise en page etIntranet

• Etat: vous pouvez mettre votre page hors ligne : les liens disparaîtront desbarres de navigation et personne ne pourra plus y accéder.

• Afficher : vous pouvez choisir le nombre de news à afficher sur la page d'index• Catégories : vous pouvez gérer les catégories déjà créées: les renommer, les

supprimer, ou les réordonner. Les catégories se créent directement à partir de lanews.

• Vous pouvez modifier la mise en page des pages news (pages d'index et dedétail)

• Vous pouvez protéger les pages news via l'option Intranet

La news

Création d'une news

27

• Le titre de la news est obligatoire. Une fois que vous l'aurez saisi, UGAL vousproposera une URL en reprenant le titre. L'URL de la news sera de typehttp://www.masociete.com/mapagenews/manews.

• Le sommaire de la news est obligatoire. Ce sommaire s'affiche- sur la page d'index des news.- dans les lecteurs RSS.- en option, vous pouvez afficher le sommaire dans le widget "dernière news".

• Le champ "texte complet" est optionnel• Date : par défaut la date de création de la news. Vous pouvez bien sûr la

modifier.• Auteur : Par défaut, votre nom, tel qu'indiqué lors de la création de votre site

(ou de votre compte). Vous pouvez modifier votre nom depuis la page "votreprofil" accessible via les liens "profil" situés en haut et en bas de toutes les pagesde votre site (quand vous êtes connecté).

• Etat : "En ligne" pour publier la news ou "Brouillon" pour ne pas la publier. Dansce cas, la news n'est visible que par l'administrateur.

• Commentaires: par défaut les commentaires sont ouverts et vous êtes avertispar email lorsqu'un commentaire est posté

• Catégories: vous pouvez ici associer une ou plusieurs catégories à votre news.L'intérêt de les regrouper par catégories est de permettre à vos visiteurs denaviguer à l'intérieur des catégories. La ou les catégorie(s) associée(s) à unenews s'affiche :- sur la page d'index des news, en dessous de la zone sommaire- sur la news elle-même, en pas de page- sur toutes les pages de votre site, vous pouvez afficher dynamiquement lesliens vers les catégories disponibles via le widget "catégorie de news".UGAL créé automatiquement une page dont l'URL esthttp://www.masociete.com/mapagenews/category/xxxx, xxx étant le nom de lacatégorie. Lorsqu'un internaute clique sur cet URL, il est rédirigé vers la pagecontenant toutes les news de la catégorie.

Page regroupant les news de la catégorie "promo"

Sommaire

28

Les pages simples

Les pages simple sont disponibles dans les formules A B et C.Vous pouvez créer un nombre illimité de pages simples.

La page simple est une page qui n'a aucune fonctionnalité particulière. Elle a un titre etune URL, comme toute page web et comprend uniquement une zone de contenu quevous pouvez remplir via l'éditeur de texte. Comme toutes les pages UGAL, vous pouvezmodifier la mise en page, via le lien "Propriété de la page": ajouter des widgets à droiteet en dessous de la zone de contenu. Vous pouvez aussi protéger les pages simples vial'option Intranet.

Les pages simples sont idéales pour créer un page "A propos" ou encore une page"Mentions légales"

Sommaire

La page contact

La page contact est disponible dans les formules A B et C.Vous ne pouvez créer qu'une seule page contact.

La page contact est une page qui contient un formulaire via lequel les internautespeuvent vous envoyer un message. Un espace à gauche du formulaire est disponible afinde vous permettre de laisser vos coordonnées , d'afficher un plan d'accès.. Cet espaceest modifiable via l'éditeur de texte.Les messages envoyés via le formulaire de contact sont envoyés sur l'email del'administrateur principal du site, celui que vous avez renseigné lors de la création devotre site. Vous pouvez modifier cet email depuis la page "votre profil" accessible via lesliens "profil" situés en haut et en bas de toutes les pages de votre site (quand vous êtesconnecté).Le formulaire de contact est volontairement minimaliste : il ne contient que 3 champs :nom, email et message. Il est parfois tentant de vouloir demander plus d'informationmais il ne faut pas oublier l'intérêt des internautes. Si quelqu'un a la gentillesse de vouscontacter, laissez lui le choix des informations qu'il souhaite vous fournir dans le cadred'une première prise de contact.NB :Au delà du formulaire de contact, nous pouvons mettre en place des formulaires surmesure dans le cadre d'un développement spécifique. N'hésitez pas à contacter UGALpour plus d'informations.

Sommaire

Les pages F.A.Q.

Les pages F.A.Q. sont disponibles dans toutes les formules UGAL.Vous pouvez créer un nombre illimités de pages F.A.Q., , bien que cela nesoit pas particulièrement conseillé.

A quoi ça sert?F.A.Q. signifie Frequently Asked Questions en anglais (Questions Fréquemment Posées).Les F.A.Q. sont des pages qui regroupent des questions types ET leurs réponses. Par

29

exemple la durée de garantie d'un produit, les procédures de retour, les conditions defacturation, les tarifs etc.A la différence d'un Forum, les F.A.Q. ne sont pas participatives. C'est l'administrateurdu site qui rédige les questions et les réponses. L'objectif est d'anticiper les questionsdes visiteurs. Quand on administre un site, il est intelligent d'alimenter les F.A.Q. enfonction des questions que l'on vous pose au fil du temps, cela allègera votre boîte emailet/ou votre standard téléphonique.

Comment ça marche?La page F.A.Q est composée de différentes F.A.Q. Il existe donc une page d'index (lapage qui regroupe les F.A.Q.) et des pages de détails (une page par F.A.Q. créée). Vouspouvez associer à vos F.A.Q. des catégories.

La page d'index des F.A.Q. contient le titre de la page (obligatoire) et une zonesommaire (optionnelle).Elle affiche également une liste de F.A.Q. :

- la liste de toutes les questions de votre site, si vous n'avez pas créé decatégories ou- un menu pour naviguer à l'intérieur des catégories. Par défaut, les questions dela première catégorie sont affichées.

• Pour modifier le titre et la zone sommaire, cliquez sur le bouton "Mettre à jour" àcôté du titre de la page.

• Pour modifier l'affichage des F.A.Q. sur la page, allez dans les "propriétés de lapage".

• Pour ajouter une F.A.Q., cliquez sur le bouton "ajouter une question".• Pour modifier ou effacer une F.A.Q. déjà créée, cliquez sur le bouton "Mettre à

jour" à côté du titre de la F.A.Q..

Propriétés des pages F.A.Q.• vous pouvez classer les questions par leur nom, par leur date (les plus récentes

ou les plus anciennes en premier)• vous bénéficiez de deux modes d'affichage pour les pages F.A.Q. : statique (les

questions et réponses sont affichées en dessous de la liste des questions) oudynamique (la réponse s'affiche quand on clique sur la question)

• vous pouvez modifier l'ordre d'affichage, renommer ou supprimer les catégories• vous pouvez modifier la mise en page des pages FAQ• vous pouvez protéger vos pages F.A.Q. via l'option Intranet

La page question• La question ainsi que sa réponse sont obligatoires. Une fois que vous aurez saisi

la question, UGAL vous proposera une URL. L'URL de la question sera de typehttp://www.masociete.com/faq/maquestion.

• Etat : En ligne pour publier la question ou Brouillon pour ne pas la publier. Dansce cas la question est visible uniquement par vous et les éventuelsadministrateurs de votre site.

• Catégories: vous pouvez ici associer une ou plusieurs catégories à votrequestion. L'intérêt de les regrouper par catégories est de permettre à vosvisiteurs de naviguer à l'intérieur des catégories. La ou les catégorie(s)associée(s) à une question s'affiche dans le cadre d'une liste sur la page d'indexdes F.A.Q., en dessous de la zone sommaire.

UGAL créé automatiquement une page dont l'URL esthttp://www.masociete.com/faq/category/sav, sav étant le nom de la catégorie.Lorsqu'un internaute clique sur cet URL, il est rédirigé vers la page contenanttoutes les questions de la catégorie.

30

Sommaire

Les pages Portfolio

Les pages Portfolio sont disponibles dans les formules B et C.Vous pouvez créer un nombre illimités de pages Portfolio

A quoi ça sert?Le portfolio, un peu comme un "book", permet de présenter différents projets ouréalisations avec texte et illustrations. Une page portfolio comprend une page d'index etde sous-pages pour chaque projet. Les pages Portfolio permettent de présenter desdomaines de compétences ou encore des réalisations effectuées. Plutôt que de créer unepage simple pour chaque domaine ou chaque réalisation, vous pouvez les regrouper ausein d'une même page Portfolio.

Comment ça marche?Lorsque vous créez votre site dans le cadre d'une Formule B, une page Portfoliod'exemple est déjà créée. Elle contient un premier projet que vous pouvez modifiez ousupprimer (utilisez le bouton "Mettre à jour" situé à côté du projet).

Les pages Portfolio sont composées• d'une page d'index qui liste les différents projets par ordre alphabétique• de plusieurs sous-pages appelées projets.

Propriétés des pages Portfolio• vous bénéficiez de deux modes d'affichage des projets dans la page d'index:

images (vignettes) uniquement ou images (vignettes) et zones sommaire desprojets

• vous pouvez modifier la mise en page des pages Portfolio• vous pouvez protéger vos pages F.A.Q. via l'option Intranet

La page Projet

• un nom par projet : le nom du projet sera le titre de la page. Cette informationest obligatoire.

• une URL qui sera de type http://www.masociete.com/portfolio/projet1• une zone sommaire : qui peut s'afficher dans la page d'index du Portfolio• une zone détail qui s'affiche uniquement dans la page projet• un onglet photo pour insérer des photos en lot. La première photo sera utilisée

pour générer une vignette.• Etat du projet: en ligne ou brouillon• Note : de 0 à 5 étoiles. Par défaut, chaque projet créé a une note de 3 étoiles.

Les notes servent à forcer le classement des projets dans la page d'index.

Sommaire

Les pages Forum

Les pages Forum sont disponibles dans les formules B et C.Vous pouvez créer un nombre illimité de forums

A quoi ça sert?Les forums permettent à vos visiteurs de lancer des discussions sur votre site ou decontribuer aux discussions existantes. Le forum est un espace participatif sur votre siteinternet. C'est un service dynamique que vous offrez à vos visiteurs. Avant d'ouvrir un

31

forum sur son site, il faut avoir du trafic. Un forum vide fait mauvaise impression.

Comment ça marche?Les forums contiennent des discussions qui sont regroupées par thèmes. Lorsque vouscréez un forum sur votre site, il contient déjà un thème par défaut appelé "Thèmegénéral". En tant qu'administrateur, vous pouvez créer d'autres thèmes mais nous vousrecommandons de ne pas multiplier les thèmes tant que vous n'avez pas de trafic : il n'ya rien de plus triste qu'un forum avec plein de thèmes vides.

A moins que vous ne le protégiez via l'option Intranet, votre forum sera libre d'accès.Avant d'y participer les internautes devront toutefois s'inscrire. La liste des utilisateursest disponible dans l'onglet "utilisateurs", désormais disponible dans vos ongletsd'administration.

La page d'index du forum contient le titre du forum (obligatoire), une zone sommaire(optionnelle) et la liste des différents thèmes disponibles. Pour modifier le titre et la zonesommaire, cliquez sur le bouton "Mettre à jour" à côté du titre.

Propriétés des pages Forum• Thème: vous devez avoir au moins un thème dans votre forum. Vous pouvez

modifier le nom des thèmes, créer de nouveaux thèmes ou supprimer les thèmesexistants. Un champ description (optionnel) permet de décrire le thème.A noterque supprimer un thème, ne supprimera pas les discussions situées dans lethème. Celles-ci seront déplacées dans le thème par défaut.

• Vous pouvez modifier la mise en page des pages Forum (page d'index et dedétail)

• Vous pouvez protéger vos pages Forum via l'option Intranet

Les discussions du forum• La discussion se créé depuis le thème concerné via le lien "commencez une

discussion". Si l'utilisateur n'est pas connecté, il lui sera proposer de seconnecter ou de créer un compte.

• En tant qu'administrateur du site, vous pouvez modifier, effacer ou reclasser lesdiscussions

• En tant qu'administrateur vous pouvez bloquer ou supprimer un utilisateur

Sommaire

Calendrier graphique

Les pages de type "Calendrier graphique" sont disponibles dans lesformules B et C.Vous pouvez créer un nombre illimités de calendriers, bien que cela nesoit pas particulièrement conseillé.

A quoi ça sert?Le calendrier disponible dans UGAL ne se substitue pas à des outils tels que GoogleAgenda qui permettent de partager des agendas, de les synchroniser et de lessauvegarder. Le calendrier disponible dans UGAL permet d'annoncer un ensembled'évènements futurs. Il peut servir par exemple à une mairie pour annoncer lesmanifestations à venir dans la commune, ou à un commerçant pour annoncer ses datesde présence à un marché, une entreprise les salons auxquels elle participe, etc...

Comment ça marche?Un calendrier est composé de différents évènements. Dans ce type de page, il existe

32

donc une page d'index (la page calendrier) et des pages de détails (les évènements)Les évènements créés peuvent s 'afficher sous forme de widgets sur d'autres pages devotre site.

La page d'index du calendrier contient le titre de la page (obligatoire) et une zonesommaire (optionnelle). Elle affiche également la liste des futurs évènements.

• Pour modifier le titre et la zone sommaire, cliquez sur le bouton "Mettre à jour" àcôté du titre de la page.

• Pour modifier l'affichage des évènements sur la page, allez dans les "propriétésde la page"

• Pour ajouter un évènement, cliquez sur le bouton "ajouter un évènement"

Propriétés des pages calendrier• Etat: vous pouvez mettre votre calendrier hors ligne : les liens disparaîtront des

barres de navigation et personne ne pourra plus y accéder.• Afficher : vous pouvez afficher les évènement sous forme de liste ou de

calendrier• Couvrant : vous pouvez choisir entre 4, 6 ou 8 semaines.• Vous pouvez modifier la mise en page des pages du calendrier (pages d'index et

de détail)• Vous pouvez protéger les pages du calendrier via l'option Intranet

Les évènements du calendrier• Les évènements se créént directement depuis la page calendrier via le bouton

"ajouter un évènement".• Chaque évènement a un titre, une URL, une date et une zone sommaire. Ces

informations sont obligatoires.• L'URL d'un évènement sera de type http://www.masociete.com/calendrier/

exposition-peinture• En option, vous pouvez détailler l'évènement et en préciser le lieu et l'heure• Vous pouvez mettre les évènements en mode brouillon. Ils ne seront alors

visibles que par vous et les éventuels autres administrateurs de vitre site.

Sommaire

Newsletter

La fonction Newsletter est disponible dans les formules Bet C.Vous disposez d'une seule liste d'abonnés. Si vous avezbesoin de gérer plusieurs listes, nous vous invitons ànous contacter.

A quoi ça sert?La Newsletter est une lettre d'information électronique que vous envoyez par email à vosabonnés. Elle doit contenir des liens vers votre site afin de créer du trafic. Il est interditd'envoyer des lettres d'information non sollicitées. Vous devez donc proposer l'inscriptionet la désinscription à votre newsletter. La newsletter disponible dans UGAL ne sesubstitue pas à des outils spécifiques d'emailing tels que Campaign Monitor quipermettent de créer des Newsletters en HTML avec mise en page et charte graphique etqui fournit des statistiques détaillées sur le taux d'ouverture de vos Newsletter. LaNewsletter disponible dans UGAL permet de gérer les inscriptions et désinscription etd'envoyer des Newsletters au format texte, ce qui garantit sa simplicité d'utilisationd'une part et sa compatibilité pour toutes les plate-formes de mail (Outlook, webmail,

33

téléphone...)Une newsletter sert à informer les abonnés des nouveautés disponibles sur le site, ouencore à fournir toute autre information.

Comment ça marche?

Si vous utilisez la fonction Newsletter sur votre site, deux pages non administrablesseront disponibles

• la page http://www.masociete.com/newsletter: sur laquelle les internautespeuvent s'inscrire à votre newsletter.

• la page http://www.masociete.com/newsletter/remove sur laquelle lesinternautes peuvent se désinscrire à votre newsletter.

Vous disposez également d'un widget via lequel les internautes peuvent s'inscrire. Deuxchamps sont disponibles : nom (optionnel) et email (obligatoire).

Création d'une newsletterLa gestion et création de vos newsletters s'effectuent depuis l'onglet "outils" de votresite, où se trouve le lien "Commencer et envoyer une newsletter".Vous devez tout d'abord commencer par créer un brouillon.

• Donnez un titre à votre newsletter. Le titre apparaîtra dans le champ "objet" del'email que recevront les abonnés

• Le nom et l'email de l'expéditeur (vous) sont obligatoires• Le contenu. Vous ne pouvez entrer que du texte brut. Dans le contenu, veillez à

insérer des liens vers votre site. Vous devez saisir les liens en incluant le suffixehttp afin qu'ils soient cliquables : par exemple http://www.masociete.com/mesproduits/nouveau-sac et non pas www.masociete.com/mesproduits/nouveau-sac

• Mention obligatoire : vous devez signer votre newsletter et spécifiant votreadresse. Par ailleurs, sur chacune des newsletters envoyées un lien dedesinscription obligatoire sera ajouté

Une fois le brouillon créé, vous pouvez soit en planifier directement son envoi(déconseillé), soit l'enregistrer en tant que brouillon. Tant que la newsletter est en modebrouillon, vous pouvez toujours la modifier. Une fois qu'elle est soumise à l'envoi, vousne pouvez plus y toucher.

Planifier une newsletter : une fois votre newsletter prête à l'envoi, vous pouvez laplanifier. Dans la fenêtre de planifictaion des newsletters, vous avez la possibilitéd'envoyer un exemplaire de test, par exemple sur votre propre adresse email. Cela vouspermettra de vérifier le contenu, tel qu'il sera reçu par les destinataires. Une fois quevous êtes sûr, indiquez quand vous souhaitez que la newsletter parte. A noter quel'envoi n'est pas automatique. Afin de lutter contre le spam, UGAL se réserve le droit delire les newsletters avant de valider leur envoi. Votre Newsletter est alors en statut"soumise". Une fois validée par UGAL elle passe en statut "prête à envoyer". Une foisenvoyée, vous pouvez toujours y accéder (en lecture).

Gestion des abonnésSeules les personnes qui s'inscrivent à votre newsletter ou les personnes avec qui vousêtes en contact peuvent être sur la liste des destinataires. C'est la raison pour laquellevous ne pouvez pas importer de listes d'abonnés par vous-même. Vous pouvez enrevanche en ajouter un par un via l'interface proposée. N'hésitez pas à nous contacterpour plus d'information.UGAL gère une liste d'inscrits que vous pouvez exporter, par exemple si vous souhaitezutiliser d'autres outils pour la gestion des envois.

Sommaire

34

Les pages catalogue produits

Les pages de type "catalogue produits" sont disponibles dans la formule C.Vous pouvez créer un nombre illimité de pages catalogue produits ougérer tous vos produits au sein d'un même catalogue

A quoi ça sert?Les pages catalogue produits permettent de lister et de détailler une offre de produits oude services en ligne. Vous pouvez lier votre catalogue à la boutique afin de vendre enligne . Les pages catalogue produits ne sont toutefois pas obligatoirement dédiées à lavente en ligne. Elles peuvent par exemple servir à mettre en ligne les associations d'unecommune, les compétences d'une entreprise...

Comment ça marche?La page catalogue produits est composée de différents produits. Il existe donc une paged'index (la page catalogue qui regroupe tous les produits) et des pages de détails (unepage pour chaque produit créé) .Les produits créés et leurs catégories peuvent s 'afficher sous forme de widgets sur lesautres pages de votre site. Pour l'affichage des produits, plusieurs options sontdisponibles: affichage de la vignette photo, affichage du nom du produit, etc...

La page d'index du catalogue contient le titre de la page (obligatoire) et une zonesommaire (optionnelle). Elle affiche également la liste des produits, mais aussi (enoption) un moteur de recherche propre au catalogue produits.

• Pour modifier le titre et la zone sommaire, cliquez sur le bouton "Mettre à jour" àcôté du titre de la page.

• Pour modifier l'affichage des produits sur la page, allez dans les "propriétés de lapage".

• Pour ajouter un produit, cliquez sur le bouton "ajouter un produit".• Pour modifier ou effacer un produit déjà créé, cliquez sur le bouton "Mettre à

jour" à côté du titre du produit

35

Page d'index des produits

Propriétés des pages catalogue produits, 5 onglets : Catalogue Produits,Caractéristiques, Catégories, Mise en page et Intranet

• Etat: vous pouvez mettre votre page hors ligne : les liens disparaîtront desbarres de navigation et personne ne pourra plus y accéder.

• Afficher : vous pouvez choisir le mode d'affichage des produits, leur classementet aussi activer ou non le moteur de recherche spécifique à la page.

• Caractéristiques: les caractéristiques d'un produit s'affiche à côté de la vignettephoto, sur la page produits. Si vous utilisez toujours les mêmes caractéristiquespour la plupart de vos produits, vous pouvez pré-enregistrer des intitulés. Parexemple Taille, poids, matière, etc...

• Catégories : vous pouvez gérer les catégories déjà créées: les renommer, lessupprimer, ou les réordonner. Les catégories se créent directement à partir de lafiche produit.

• Vous pouvez modifier la mise en page des pages produits (pages d'index et dedétail)

• Vous pouvez protéger les pages produits via l'option Intranet

36

Propriétés de la page produit, onglet "Catalogue Produits"

La page produit, onglet produit• Le nom du produit est le seul champ obligatoire. Ce sera également le titre de la

page produit. Une fois que vous l'aurez saisi, UGAL vous proposera une URL detype http://www.masociete.com/moncatalogue/monproduit.

• Caractéristiques: elles s'affichent à côté de la vignette principale du produit. Sivous avez pré-enregistré des libellés pour les catégories, vous pouvez lescompléter dans la fiche produit

• Le sommaire du produit s'affiche sur la page d'index du catalogue produit sivous avez choisi le mode d'affichage avec sommaire.

• Le champ "détail" s'affiche uniquement dans la page produit• Etat : En ligne pour publier la fiche produit ou Brouillon pour ne pas la publier.

Dans ce cas, la news est visible que par vous même et les éventuelsadministrateurs de votre site.

• Référence produit : ce champ s'il est rempli, s'affiche au dessus descaractéristiques.

• Note : de 0 à 5 étoiles. Par défaut, chaque produit créé a une note de 3 étoiles.Les notes servent à forcer le classement des produits pour leur affichage dans lapage d'index.

• Produit phare : quand cette option est cochée, le produit est éligible pours'afficher dans le widget "produit phare".

37

• Formulaire d'information: permet d'afficher en bas de la page produit unformulaire dans lequel l'internaute peut poser une question liée au produit. Lemessage sera envoyé à votre adresse email, telle que vous l'avez défini lors dela création de votre site.

• Catégories: vous pouvez ici associer une ou plusieurs catégories à votre produit.L'intérêt de les regrouper par catégories est de permettre à vos visiteurs denaviguer à l'intérieur des catégories. La ou les catégorie(s) associée(s) à unproduit s'affiche(nt)- sur la page d'index des produits, en dessous de la zone sommaire- dans le moteur de recherche de la page produit- sur toutes les pages de votre site, vous pouvez afficher dynamiquement lesliens vers les catégories disponibles via le widget "catégorie de produits".UGAL créé automatiquement une page dont l'URL esthttp://www.masociete.com/moncatalogue/category/nouveautes. Lorsqu'uninternaute clique sur cet URL, il est redirigé vers la page contenant tous lesproduits de la catégorie "nouveautés".Les produits appartenant à la même catégorie sont considérés comme produitssimilaires. Vous pouvez ainsi afficher de façon dynamique des liens vers d'autresproduits de votre catalogue en utilisant le widget "produits similaires". Etantdonné sa fonction, ce widget est uniquement disponible pour la page produit .

Une fois que vous avez créé le produit les onglets Photo et Boutique sont disponibles

38

Mise à jour d'une fiche produit

La page produit, onglet photo• L'onglet photo est uniquement disponible une fois le produit créé.• Cet onglet permet de télécharger une ou plusieurs photos (jpeg gif ou png) pour

illustrer le produit.• Vous pouvez également télécharger des photos en lot (zip)• La première photo est utilisée pour créer une vignette.• La vignette apparait dans la page d'index du catalogue produit et aussi dans le

widget• Vous pouvez ajouter une légende pour chaque photo• Si vous avez choisi un affichage de widget en mode carousel en bas de page, la

légende associée à la vignette s'affichera• Les photos peuvent déclencher un diaporama

39

La page produit, onglet boutique• L'onglet boutique est uniquement fonctionnel si vous avez créé une page

boutique.• Il permet de déterminer les prix, déclinaisons et niveau de stock pour chaque

produit• Vous pouvez également à partir de cet onglet activer ou désactiver le produit à

la vente

SommaireBoutique

La fonction boutique est disponible dans la formule C.Vous ne pouvez avoir qu'une seule page panier dans votre site.

A quoi ça sertLa page boutique vous permet de vendre en ligne. L'internaute ajoute les produits devotre catalogue dans un panier. Il peut ensuite finaliser sa commande et payer en ligne.

Comment ça marchePour créer une boutique, allez dans l'onglet page, cliquez sur le bouton "Ajouter despages à votre site" et choisissez "Boutique en ligne". Pour les barres de navigation, nousvous conseillons de faire des liens intitulés "Panier" vers votre boutique. Vous devezaccepter les conditions générales spécifiques à la vente en ligne pour utiliser la boutiqueen ligne.

Une fois la boutique disponible, deux nouvelles fonctionnalités apparaissent sur votresite

• une page http://www.masociete.com/shop: c'est l'url de la page panier de votresite

• un onglet boutique est disponible. Il vous permet de configurer votre boutique etaussi de voir les commandes reçues.

Lorsque vous créez une boutique elle est par défaut "hors ligne": l'internaute ne peutpas passer de commande. Vous devez d'abord configurer votre boutique. Pour changerle statut de la boutique (hors ligne, en ligne) utilisez le lien disponible dans l'ongletboutique.

Configuration de la boutiqueLe lien vers la page de configuration de la boutique est disponible depuis l'ongletboutique. La configuration est répartie en plusieurs parties

• Messages de la boutique et email de confirmation : pour paramétrer les textesdu panier et l'email de confirmation

• Taxes: pour paramétrer la TVA applicable• Frais d'envoi : pour choisir la méthode de calcul des frais d'envoi• Destinations d'envoi : par défaut votre boutique est paramétrée pour vendre en

France métropolitaine hors Corse uniquement. Vous pouvez ici choisir d'autresdestinations d'envoi

• Méthodes de règlement : par chèque, par paypal ou par carte bancaire via lasolution Ogone

• Export XML des commandes : cet outil sert à importer directement voscommandes dans votre logiciel de comptabilité.

Une aide en ligne est disponible dans chacune de ces parties pour vous aider dans votreconfiguration.

40

sommaire

Organiser vos barres de navigationVous disposez avec UGAL de deux barres de navigation: une barre principale situéehorizontalement en haut de vos pages ou à verticalement, selon le mise en page quevous avez choisie. La barre de navigation principale peut contenir des sous-menus. Lorsde la création d'une page, vous pouvez effectuer des liens vers cette nouvelle page dansles barres de navigation. Une fois que la page est créée, vous devez aller dans l'ongletConfiguration, barre de navigation pour effectuer des changements.

Créer un lien dans la barre de navigation principale

Créer des liens dans la barre de navigation principaleCe menu permet uniquement de faire des liens vers des pages déjà créées. Vous devezd'abord créer les pages et ensuite les insérer dans la barre de navigation. Pour créer unlien vous devez remplir 3 champs

• (1) Titre : le titre du lien, tel qu'il apparaît dans la barre de navigation. Ce titrepeut être différent du titre de la page.

• (2) Destination : il s'agit de la page de destination, autrement dit la page oùl'internaute ira lorsqu'il aura cliqué sur le titre du lien. UGAL vous propose la listedes titres des pages d'index disponibles sur votre site. Si vous voulez lier versune page de détail ou tout simplement vers un autre site, choisissez en bas de laliste "*** une autre URL". Un champ vous permet alors de saisir l'URL de

41

destination. Vous pouvez ainsi faire des liens vers les catégories de vos produits,vers une news spécifique etc.

• (3) Lien parent : Vous pouvez choisir d'insérer ce lien en tant que sous-menuet le placer en dessous d'un lien parent, ou alors le laisser en lien principal.

Il faut respecter une certaine logique dans les sous-menus. Il est par exemple logique defaire des liens vers les catégories de produits en dessous d'un lien "produits". Ce type debarre de navigation est en phase avec la structure de votre contenu, comme le montreles URLs.

Tshirts en vente => http://www.masociete.com/T-shirt- Tshirt Col-V => http://www.masociete.com/T-shirt/category/col-v- Tshirt Col-Rond => http://www.masociete.com/T-shirt/category/col-rond

Si vous créez plusieurs pages simples autour d'un même sujet, vous pouvez certesorganiser un sous-menu pour les regrouper mais il ne s'agira que d'un effet d'optique.D'un point de vue structure seules les pages news, FAQ, Portfolio, Forum Calendrier etCatalogues possèdent à la fois une page d'index et des pages de détails. Comme lemontre les URLs, les pages simples ne font pas partie d'un même groupe de page

A propos => http://www.masociete.com/a-propos- Mentions légales => http://www.masociete.com/mentions-legales- Contactez-nous=> http://www.masociete.com/contact

sommaire

42

Pour aller plus loin

Promouvoir votre site et améliorer son référencement

Il y a deux types de trafic :

1. Trafic acheté : il s'agit d'annonces publicitaires sur Google AdWords, debannières de publicité sur d'autres sites. Pour générer du trafic acheté il fautpayer, le coût étant calculé soit au clic (CPC - Cost Per Clic), soit au nombred'impressions (CPM).

2. Naturel: les gens vous trouvent sur un moteur de recherche (Google, Yahoo,Bing...) ou suivent un lien depuis un autre site.

La page des résultats de recherche de Google pour le mot clé "acheter Tshirt"(1)

Google affiche des liens commerciaux (2) et des liens naturels (3)

Le référencement naturel consiste en améliorer le contenu d'un site pour optimiser lesvisites venant des résultats de recherche. L'objectif est de sortir en tête de la liste desrésultats de recherche (3).Plus la concurrence est forte, plus il sera difficile de positionner sur un mot clé. Si le

43

contenu reste primordial, la création de liens avec d'autres sites est d'autant plusimportante que la concurrence est forte.

Référencement : Comment ça marche?

Les moteurs de recherche, une fois qu'ils ont détecté les pages d'un site, en scannent lecontenu. Les mots utilisés sont alors indexés et les liens vers les autres pages sontdétectés et analysés.

Quand un internaute saisit un mot ou une expression ("mots clés") dans un moteur derecherche, le moteur propose en résultat de recherche l'ensemble des pages quicontiennent cette expression. Le positionnement des résultats dépend de différents decritères : âge du site, pertinence du contenu, popularité du site. Les critères exacts donttiennent compte les moteurs et la méthode de calcul (algorithme) ne sont pas publics.En revanche, il est possible de faciliter la tâche des moteurs en mettant du contenupertinent sur une plate-forme optimisée. UGAL est une plate-forme optimisée pour leréférencement : le contenu de chaque page sera bien compris par les moteurs.Il faut commencer par définir les mots clés sur lesquels vous souhaitez ressortir et lesmettre sur votre site. Vous pouvez intervenir à plusieurs endroits

L'ensemble des éléments de votre site sera pris en compte par les moteurs derecherche :

• le nom de domaine de votre site• le titre de votre site• la description de votre site• l'adresse URL de vos pages• le titre des pages• la description des pages• le contenu• les liens• le noms des images• le titre des paragraphes des différents texte• les mots en gras• etc

Paramétrer les information globales du site

Pas besoin de connaître le HTML pour renseigner les balises Titres, description et motsclés. Allez simplement dans l'onglet configuration de votre site et choisissez le menuTitres, description et mots clés. Seul le titre du site et la description sont réellementimportants. Les mots clés ne sont plus du tout utilisés par Google depuis très longtemps.Une fois que les titres et description sont saisis, il faut attendre que Google les indexe(ce n'est pas du temps réel, surtout quand on démarre) et être patient . Ne pensez pasêtre numéro 1 du jour au lendemain sur l'expression "Toto" rien qu'en mettant "Toto" entitre du site. Le référencement naturel paye dans la persévérance et la durée.

44

Titre, description et mots clés.

Optimiser le contenu des pages

La page la plus consultée sera a priori votre page d'accueil. Il est faut donc bien lasoigner : les mots clés les plus importants pour vous doivent figurer sur votre paged'accueil. Par ailleurs, n'oubliez pas de mettre des liens, au moins dans la barre denavigation principale, vers les pages importantes de votre site. Un site web est unensemble de pages, vous devez penser au contenu et aux liens pour toutes les pages devotre site.

Les mots mis en valeur (dans les titres, en attribut des images, en gras) et situés enhaut de la page sont considérés comme les plus importants par les moteurs, ce qui esttrès logique. Utilisez l'éditeur de texte pour mettre en valeur les mots clés et aussipour décrire vos images et vos liens.

Conseils

1. n'oubliez pas que votre site s'adresse avant tout aux internautes. Il faut avoirune bonne densité de mots clés par page sans exagérer. Truffer une page demots clés dans le seul but de ressortir n'est pas payant. Offrez du vrai contenu àvos lecteurs et aux moteurs.

2. ne mélangez pas les torchons et les serviettes: faites un page par mot clé ciblé,c'est beaucoup plus efficace que de viser plusieurs mots clés sur une mêmepage.

3. Actualisez souvent votre site: cela donne de la matière à indexer pour lesmoteurs et vous permettra d'avoir du trafic via l'effet longue traîne

sommaire

45

Utiliser les services Google

Parmi nos utilisateurs, certains se questionnent sur le référencement de leur site internetalors qu'ils n'ont aucune idée du nombre de visiteurs qu'ils ont déjà. Ils tapent certainsmots clés dans Google et sont alors surpris ou déçu par le résultat.

Mettre un site internet en ligne n'est pas une fin en soi. Une fois que votre site internetest créé, il faut le faire vivre et le faire connaître. Les personnes qui vendent en lignesavent bien qu'il faut sans cesse renouveler le catalogue pour dynamiser les visites etdonc les ventes. Quand on a un site vitrine et que l'on ne fait pas de vente en ligne, ilfaut tenir un blog ou du moins une rubrique actualités. Cela permet d'alimenter le site encontenu nouveau. De la matière qui intéresse à la fois les internautes et les moteurs etqui vont donc vous permettre d'accroître votre visibilité sur le Web. Mais, avant de rêveraux millions de visiteurs uniques qui feront de vous un webmaster heureux, il faut d'unepart rester réaliste mais aussi ouvrir un compte gratuit d'accès aux services Google.

Une fois que vous avez créé inscrit votre site auprès de Google , vous disposez depuisl'onglet outil d'une zone pour renseigner vos codes Google Analytics et GoogleWebmaster

le menu Services Externes de l'onglet Outils.Pour entrer ses codes Google

46

Documentation et aide en ligne

Ce guide de démarrage va vous permettre de comprendre les principales fonctionnalitésproposées par UGAL. Vous trouverez sur notre site d'autres rubriques pour vous aider

• La rubrique Support : organisée par chapitre, la rubrique support répond auxprincipales questions que vous pouvez vous poser sur UGAL, n'hésitez pas à laconsulter.

• Le blog UGAL: différentes rubriques sont disponibles: pratique, référencement,nom de domaine. Notre blog regroupe de nombreux conseils concernant lacréation de site internet, le référencement et les bonnes pratiques. N'hésitez pasà le consulter et à nous laisser des commentaires.

• Le forum UGAL : ouvert à tous, il permet de discuter de la création de site Webet de demander des conseils à la communauté de nos utilisateurs.

47