commencer avec webfy

Site Web / Pages / Sections / rubriques / Éléments WEBFY facilite la création de site internet avec l'utilisation d'une hiérarchie simple. Chaque site internet que vous construirez aura 4 niveaux :

- À la base, il y a des éléments,

- Un certain nombre d’éléments créent une rubrique,

- Plusieurs rubriques créent ensemble une section,

- Et plusieurs sections combinées construisent une page,

Bien entendu, les pages constituent votre site internet.

Chaque niveau a son propre menu et ses propres paramètres.

En cliquant sur l'un des éléments de la section, vous trouverez plusieurs rubriques de menu que vous pouvez survoler pour afficher un sous-menu.

Vous pouvez également apporter différentes modifications stylistiques au site dans son ensemble via le menu de style de site internet. Pour l'atteindre, survolez le bouton des paramètres en haut de la page, puis cliquez sur « Paramètres du site » et le sigle « engrenage »

Avec WEBFY, vous n’avez plus besoin de vous en tenir à la fastidieuse méthode de « glisser-déposer ». Chaque modèle choisi possède des caractéristiques et des fonctionnalités intégrées. Les pages de votre site internet sont constituées de sections comprenant des éléments et des rubriques. Tout ce que vous avez à faire est de mélanger et assortir les types de sections et de rubriques de votre choix, puis cliquer sur « Modifier » pour les adapter à vos besoins. Vous pouvez ajouter autant de sections que vous le souhaitez sur votre page et y ajouter différentes rubriques pour créer un design unique. Vous n'avez jamais à partir de zéro car les modèles sont toujours prêts à être redessinés avec les polices, les couleurs, les vidéos et les images de votre choix.

Chaque page de votre site est assemblée par des sections. Vous pouvez ajouter autant de sections que vous le souhaitez pour adapter la fonctionnalité et le design de votre choix.

Pour ajouter une nouvelle section à une page :

1. Sélectionnez le meilleur emplacement pour votre nouvelle section et cliquez sur « (+) » qui apparaît au survol :

Vous trouverez une variété de sections à choisir, triée en fonction de leur catégorie.

Dans le menu à gauche, sélectionnez le type de section que vous recherchez :

Lorsque vous cliquez sur la section de votre choix, vous verrez différents modèles apparaitre. Utilisez les flèches de gauche et droite pour les parcourir jusqu'à ce que vous trouviez celle qui vous convient le mieux.

2. Après avoir sélectionné un modèle, cliquez sur le bouton « (+) » pour ajouter la section à votre page.

Terminé ! Il est temps d'éditer votre nouvelle section.

Dans notre menu contextuel (qui s’affiche en cliquant n’importe où dans la section), la rangée du bas contrôle les « Réglages de la section » :

- Cliquez sur « Réglages de la section » pour charger le panneau des paramètres de section.

Il existe différents types de menus pour différents types de sections.

En règle générale, le menu vous permet de modifier l'arrière-plan, la mise en page, l'ajout d'effets et de jouer avec l'aspect général de la section. Il vous permet également d'ajouter de nouveaux éléments, tels que des diapositives et du texte.

Cliquez sur le « : » de la ligne « Réglages de la section » pour supprimer, dupliquer et/ou modifier facilement l'ordre des éléments de la section. Survolez les éléments ci-dessus pour voir les options disponibles, puis cliquez sur « OK » pour enregistrer les modifications.

- Cliquez sur les flèches du haut et du bas pour réorganiser l’emplacement de la section sur votre site.

- Cliquez sur « + » pour ouvrir l'interface « Ajouter une nouvelle section ».

- Cliquez sur le signe « des carrés » pour copier la section.

Pour le coller à l'emplacement de votre choix :

- Cliquez sur « + » et choisissez Coller (option du bas)

- Cliquez sur « X » pour supprimer la section.

Pour ajouter une page :

1. Survolez « Accueil » dans le coin gauche de la barre d’outils supérieure puis cliquez sur « Ajouter une nouvelle page ».

Vous verrez un menu avec différents modèles de page. Vous pouvez copier une page existante, ajouter des pages vierges ou en sélectionner une parmi les modèles disponibles. Cliquez sur la conception de page de votre choix puis nommez-la.

2. Sélectionnez « Ajouter une page ». Il vous sera demandé si vous souhaitez l’ajouter au menu principal de votre site ou bien s’il s’agit d’une nouvelle page. Choisissez l'option que vous préférez. Bienvenue sur votre nouvelle page : que le montage commence !

Vous pouvez naviguer entre les pages et les gérer à partir de la barre d’outils supérieure.

Sur la gauche de la barre d’outils, vous trouverez un menu déroulant avec le nom de la page en cours de modification. Pour naviguer vers une autre page, sélectionnez-la simplement dans le menu.

Vous y trouverez également des options pour renommer ou dupliquer la page sur laquelle vous travaillez.

Cliquez sur le bouton « Gérer les pages » pour modifier l'ordre de vos pages, les cloner ou les supprimer. Survolez la vignette d’une page pour afficher une petite barre d’outils avec les options.

N'oubliez pas que les modifications apportées dans cette section n'affecteront pas le menu de votre site internet.

Pour ce faire, sélectionnez « Gérer le menu » dans la barre d’outils supérieure.

Vous pouvez choisir la conception du menu de votre site, supprimer ou organiser l’ordre de ses sections et ajouter des liens.

Pour plus d'options de personnalisation pour une page spécifique, sélectionnez « Paramètres de page » dans la section « Paramètres » de la barre d'outils supérieure.

Pour ajouter un nouvel élément, cliquez sur l'un des éléments existants depuis la section, passez la souris sur la première option, puis cliquez sur le symbole « + » pour ajouter un nouvel élément :

S’affiche alors un menu avec des éléments à choisir. La sélection dépend du type de d’élément que vous ajoutez.

Vous pouvez ajouter des vidéos, des images, des tarifs, des boutons, des icônes, des cartes et des séparateurs, ainsi que des icônes de réseaux sociaux, des zones de texte, des titres et des sous-titres.

Cliquez simplement sur le type d’élément que vous souhaitez ajouter, et c’est là.

Pour supprimer un élément, cliquez dessus. Un mini-menu s'ouvrira. Survolez la première option et cliquez sur « X » pour supprimer votre élément.

Élément d'image :

Pour ajouter une image (donc un nouvel élément), cliquez sur l’endroit où vous souhaitez l’insérer. Passez ensuite la souris sur la première option et sélectionnez « Télécharger votre photo ». Vous pouvez également choisir une photo dans notre bibliothèque d'images.

Vous avez la possibilité de modifier l'apparence de votre image, ajouter des filtres et des superpositions de couleur, modifier son opacité ou la recadrez. Pour cela, cliquez à nouveau sur l'image, survolez la première option et choisissez « Paramètres de couleur ».

Contexte du site :

Pour ajouter une image à l'arrière-plan de l'ensemble de votre site internet, accédez au menu de style de votre site à partir des paramètres du menu de la barre d’outils supérieure de WEBFY.

Comme avec l'ajout d'image classique, vous pouvez choisir de télécharger une image de votre ordinateur ou d'en sélectionner depuis notre bibliothèque d’images.

Pour ajouter une vidéo :

Cliquez sur la partie de la section où vous souhaitez ajouter la vidéo. Survolez la première option puis cliquez sur le symbole « + » pour ajouter un élément. Un choix d’éléments à ajouter s’affichera choisissez celui avec l’icône vidéo.

Une vidéo par défaut apparaîtra dans la section. Pour modifier cette vidéo, cliquez dessus et un menu s’éditera.

Cliquez sur « Modifier la vidéo », puis collez un lien de YouTube ou Vimeo dans la zone. Assurez-vous de ne saisir que l'ID vidéo de la vidéo. Par exemple, pour la vidéo avec cette URL: https://www.youtube.com/watch?v

=5a0yoMZRGV0, uniquement

Vous pouvez définir la lecture automatique de la vidéo, modifier sa taille, la mettre en sourdine et la mettre en boucle. Supprimez tous les éléments de texte que vous ne souhaitez pas afficher au premier plan de la bande vidéo. Pour ce faire, cliquez sur l'élément que vous souhaitez supprimer, survolez la première option, puis cliquez sur l'icône en forme de « X » Une fois terminé, cliquez sur « Enregistrer » pour revenir au mode édition.

Vous pouvez facilement ajouter des liens vers des éléments de votre page, tels que du texte et des images.

Cliquez d'abord sur l'élément de votre choix pour accéder au menu contextuel.

(S'il existe déjà un lien intégré, tel qu'un lien vers une lightbox sur un élément d'image : Cliquez sur « Modifier », puis sur « Supprimer le lien ». Ensuite, continuez avec les instructions habituelles).

Cliquez sur l'icône du lien :

- Pour ajouter un lien interne, cliquez sur « Page, » puis sur la vignette de la page à connecter.

- Pour ajouter un lien externe, cliquez sur « URL externe ». Dans la boîte de dialogue, collez l'URL de votre lien.

Ici, vous pouvez également choisir d’ouvrir le lien dans une nouvelle fenêtre et/ou d’être un lien nofollow.

- Pour créer un lien vers une lightbox, cliquez sur cette option, puis sélectionnez ce que vous préférez dans la boîte de dialogue.

Si vous souhaitez que votre lien soit une ancre, les utilisateurs seront transférés vers une autre partie de la page : Cliquez sur Scroll to dans le menu des éléments. Ensuite, cliquez sur la section de votre choix.

(Les liens de défilement ne peuvent être utilisés que lorsque la section cible se trouve sur la même page que le bouton).

Pour ajouter un pop-up : Survolez « Accueil » dans la partie gauche de la barre d’outils supérieure puis cliquez sur « Ajouter un pop-up ».

Une fenêtre contextuelle apparaît avec un tableau de bord sur lequel vous pouvez configurer la fenêtre de votre pop-up.

Les différents paramètres Popup :

1. Onglet Paramètres : Cliquez sur « Pop-up Preset » pour choisir l’un des nombreux styles de fenêtres contextuelles.

E-mail pour les réponses : vous pouvez définir ici une adresse e-mail sur laquelle vous souhaiteriez recevoir les informations des abonnés à votre newsletter. Vous pouvez également ajouter un texte à afficher après qu'un utilisateur ait soumis un formulaire.

Vous pouvez également déterminer l'emplacement, la largeur et la hauteur de la fenêtre contextuelle.

2. Options contextuelles : vous pouvez choisir les options pour définir l’étape et l'heure à laquelle la fenêtre contextuelle doit apparaître sur l'écran de l'utilisateur.

3. Onglet Paramètres : vous pouvez choisir une mise en page et contrôler la couleur et le remplissage de l'arrière-plan.

4. Onglet Code : vous pouvez éditer et ajouter du code HTML brut.

Ajouter & éditer le popup :

Ajouter et/ou modifier les éléments du popup facilement :

1. Vous pouvez modifier le type de champ en cliquant sur « Modifier le champ » et en choisir le nom et le type de champ souhaités :

2. Cliquez sur le bouton d'envoi puis choisissez « Modifier » depuis la ligne « Envoyer » pour saisir les paramètres de soumission du formulaire.

2.1 Mettre à jour le courrier électronique auquel les messages du formulaire seront envoyés.

2.2 Ajouter un message de remerciement.

3 Pour changer l'arrière-plan de la fenêtre contextuelle, cliquez sur l'arrière-plan. Dans le menu qui apparaît, cliquez sur « Ajouter une image » pour sélectionner une photo. Cliquez sur « Media center » pour choisir une image depuis notre bibliothèque d’images. Vous pouvez rechercher un mot clé pour trouver une image particulière dans notre bibliothèque d’image.

Pour ajouter une carte à votre page :

- Cliquez sur « + » pour ajouter une nouvelle section.

- Cliquez sur « Cartes » et pour sélectionner votre style de carte préféré.

- Cliquez sur « + » pour ajouter la carte à votre page.

Un clic gauche sur la carte ouvrira la barre d'outils : En cliquant sur « Modifier la carte », vous pouvez modifier le style de la carte ainsi que la localisation à afficher :

Vous pouvez modifier les schémas de couleurs et les paramètres d'affichage des cartes. L'utilisation de la carte en tant que lien peut être réalisée via l'onglet « Aller à ». L'accès aux paramètres de la section de carte peut également être effectué via le menu de la carte.

Pour ajouter d'autres diapositives à un diaporama, cliquez sur la diapositive existante, passez la souris sur la troisième option du menu contextuel « Réglages rubrique » puis choisissez « Cloner l'élément ».

Pour réorganiser l'ordre des diapositives dans votre diaporama, naviguez à l'aide des flèches pour déplacer l'élément vers le haut ou le bas qui depuis le sous-menu « Réglages rubrique ».

Vous pouvez modifier le comportement et la conception de votre diaporama à partir du panneau « Paramètres du diaporama ». Cliquez sur l'élément de menu « Réglages de la section » :

Afin de conserver la vitesse des sites internet générés via WEBFY, il n’est pas conseillé de déplacer des éléments où bon vous semble (faites-nous confiance, nous avons tester cela).

Vous avez 3 façons de déplacer des éléments. Ces 3 options devraient faciliter le placement des éléments où vous le souhaitez sur la page :

1. Pour changer l'ordre des éléments : Cliquez sur l'élément que vous souhaitez déplacer, survolez la première option du menu puis naviguez à l'aide des flèches pour déplacer l'élément vers le haut ou le bas.

2. Modifiez la disposition des éléments sur la section à partir du panneau « Paramètres de la section ».

3. Vous pouvez affiner l’emplacement des éléments sur la section à l’aide des paramètres professionnels. Les paramètres professionnels vous permettent de choisir l’élément que vous souhaitez déplacer et d’utiliser des valeurs exactes pour que votre élément soit placé exactement à l’endroit où vous le souhaitez.

Vous pouvez accéder aux paramètres professionnels à partir du panneau Paramètres de la section.

1- Ajouter une section de blog : La section blog contient 3 éléments.

Chaque élément est assemblé par une image, son texte (titre et corps) et une étiquette (lien vers le message).

a) Pour ajouter un blog, cliquez sur « + » pour ajouter une section, puis choisissez l'une des options dans la catégorie « Bio/cv ». Cliquez sur « + » l’ajouter.

Un blog par défaut apparaîtra.

b) Pour modifier l'image par défaut d'un élément et ajouter la vôtre, cliquez dessus avec le bouton gauche de la souris puis choisissez « Télécharger une image ».

c) Pour modifier le texte par défaut d'un élément, veuillez-vous reporter à : « Ajout de texte ».

d) Pour modifier le lien par défaut de l’étiquette d’un élément, cliquez avec le bouton gauche de la souris sur l’icône du crayon (deuxième option du menu), puis cliquez sur « lien » (à côté de « modifier le POST »).

Remarque : en cliquant sur « Modifier le message », vous accédez à la page du message sur votre site.

e) Pour gérer les éléments du blog, cliquez sur l'un des éléments de la section, survolez l'icône puis cliquez sur « Réglages de la section ».

2. Ajout d'éléments de blog : Pour ajouter d'autres sections de blog, cliquez sur l'élément de blog déjà existant se situant le plus haut, passez la souris sur la troisième option de menu, c’est-à-dire « Réglages rubrique », puis choisissez l'option de « Clonage ». Le nouvel article de blog apparaîtra en haut de la section.

3. Supprimer des éléments de blog : Cliquez sur l'élément de blog que vous souhaitez supprimer, passez votre souris sur « Réglages rubrique », puis cliquez sur le « X » pour le supprimer.

4. Réorganisation d'articles de blog : Utilisez les touches fléchées du menu « Options d’éléments » pour réorganiser l’ordre des publications sur la bande du blog.

Si vous souhaitez que les visiteurs de votre site puissent vous contacter facilement, il est recommandé d’ajouter un formulaire de contact à votre site.

La section contact contient 2 champs :

- Le texte du contact (titre, sous-titre et corps),

- Un bouton d'envoi (élément d'étiquette).

Pour ajouter une section contact :

1. Cliquez sur « + », puis « Formulaires ». Choisissez ensuite votre mise en page préférée.

2. Pour modifier les champs par défaut du formulaire de contact, cliquez sur « Champ » puis choisissez « Modifier le champ ».

Une boîte de dialogue s’affichera. Vous pouvez modifier toutes les propriétés du champ.

Les propriétés de champ sont importantes à définir afin de créer la validation de données correcte pour chaque champ.

Ainsi, choisir :

- Email pour validation par email,

- Date pour ajouter un champ de date,

- Case à cocher pour ajouter une case à cocher au champ,

- Téléphone pour validation du numéro de téléphone,

- Texte pour le champ de non validation,

Message pour le champ de non-validation étendu

Pour insérer votre email en tant qu'adresse email auquel les formulaires de contact arriveront, cliquez gauche sur le bouton « Envoyer », choisissez éditer Soumettre, entrez votre adresse email et le message de remerciement que vous souhaitez afficher.

Une section de galerie contient plusieurs éléments de galerie, chacune assemblée par une image et par son titre.

Pour ajouter une galerie :

1. Cliquez sur « + » puis choisissez « Galerie ».

2. Pour réorganiser les éléments de la galerie, cliquez sur l'un des éléments, survolez la troisième option « Réglages de la rubrique » puis utilisez les touches de direction pour déplacer l'élément.

3. Pour ajouter un nouvel élément de galerie, cliquez sur « Réglages de la rubrique », puis choisissez « L'option de clonage » (icônes carré) Un nouvel élément sera généré.

4. Pour remplacer l'image par défaut par la vôtre, cliquez sur la nouvelle image, puis choisissez « Télécharger une image » depuis votre ordinateur ou cliquez sur galerie pour en choisir une depuis notre bibliothèque d'images gratuite.

5. Vous pouvez modifier le dessin de la section de la galerie à partir du panneau de configuration de la section. Pour y accéder, cliquez sur l'un des éléments, puis sur la dernière option « Réglages de la section ».

La section Promo vous permettra de présenter "l'essentiel" de votre site internet. Le localiser comme la section supérieure de votre site garantira que ce sera la première chose que verront vos visiteurs. La section Promo peut également se comporter comme un diaporama si plus d'un élément y est ajouté.

Une section promotionnelle comprend :

- Un élément Image,

- Un élément Titre,

- Un élément Sous-titre,

- Un élément Label.

Pour ajouter une section promotionnelle :

1. Cliquez sur « + » puis choisissez « Promo ». Une promo par défaut apparaîtra.

2. Vous pouvez changer l'image dans la promo et son style en cliquant avec le bouton gauche de la souris sur l'image.

3. Pour modifier le texte par défaut de la promotion, veuillez consulter notre aide « Ajout de texte ».

4. Pour ajouter plusieurs articles promotionnels (en faisant un diaporama) :

a) Passez votre souris sur la bande Promo et cliquez sur le bouton Gérer (4 petits carrés se situant en haut à droite de l’image)

b) Cliquez sur « Ajouter pour ajouter un nouvel élément Promo ».

c) Pour supprimer ou réorganiser les éléments, survolez-le et choisissez « supprimer » ou « réorganiser ».

d) Utilisez le panneau de configuration général de Promo pour définir le nombre d'intervalles de diaporamas que la Promo effectuera, ainsi que le lancement automatique ou non.

e) Cliquez sur Terminé pour quitter « Gérer en vedette ».

Conception de la section promotionnelle : La section promotion est assez flexible en termes de conception et vous permettra d’en contrôler de nombreux aspects.

1. Cliquez sur « Promo » pour afficher les différents panneaux de configuration que vous pouvez utiliser (Style, Mise en page et Arrangeur).

2. Choisissez chacun d’entre eux et commencez à concevoir la Promo.

Si vous souhaitez mettre en valeur et promouvoir votre site, la section « en vedette » est une excellente option à utiliser. La section sélectionnée contient un ou plusieurs éléments, chacune assemblée par une image et son texte (titre et corps).

Pour ajouter une section sélectionnée :

1. Cliquez sur « + » puis choisissez « En vedette ». Une bande sélectionnée par défaut apparaîtra. Maintenant, vous pouvez choisir de gérer, supprimer ou ajouter les éléments.

2. Pour modifier l'image par défaut d'un élément et ajouter la vôtre, cliquez dessus avec le bouton gauche de la souris et choisissez « Remplacer l'image ».

3. Pour modifier le texte par défaut d'un élément, veuillez-vous reporter à notre aide « Ajout de texte ».

4. Pour gérer les éléments en vedette, survolez le bouton « En vedette » avec la souris puis cliquez sur « Gérer ».

Ajout d'éléments en vedette : Pour ajouter d'autres éléments, cliquez sur « Ajouter ». Un nouvel élément sera généré.

Supprimer les éléments en vedette : Passez votre souris sur un élément et cliquez sur « X » pour le supprimer.

Réorganiser les articles en vedette : Passez votre souris sur un élément et cliquez sur les flèches pour réorganiser les éléments présentés.

Enfin cliquez sur Terminé pour quitter « Gérer en vedette".

La bande d'icônes vous permettra d'ajouter une icône ou un logo à votre site. Pour ajouter une icône :

1. Cliquez sur « Réglages de la rubrique, » puis sur « Item » et choisissez « icon » puis cliquez sur « + ». Une icône par défaut apparaîtra.

2. Cliquez sur cette icône puis choisissez « Remplacer l'icône ». Le menu de gauche s'ouvrira

3. Choisissez de télécharger votre propre icône ou bien consultez notre bibliothèque.

Astuce : La résolution de l'image que vous allez télécharger sera compressée afin de s'adapter à la taille de l'icône. Le téléchargement d'une grande image n'est pas recommandé.

Pour modifier les paramètres de style de l’icône :

1. Cliquez avec le bouton gauche sur la bande d'icônes puis choisissez « Style ». Vous verrez le panneau de commande de style dans le coin gauche de l'éditeur.

Le panneau de configuration « Style « vous permet de modifier l’alignement, la taille et le motif de la couleur de contour de l’icône.

Revenir au support

Commencer avec WEBFY :

Cliquer et éditer :

Ajout d'une section :

Gestion des sections :

Ajout d'une page :

Gestion des pages et des menus :

Ajout et suppression d'éléments :

Images :

Texte - Titre, sous-titre, corps :

Modification du style de mots spécifiques dans le texte :

VIDEO :

Liens :

Publier votre site internet :

Montage avancé :

Ajout d'un Popup :

Ajouter une carte à la page :

Ajouter des diapositives et des images au diaporama :

Changer la position des éléments :

Ajout d'un flux Twitter à votre site Web :

Ajout d'une section blog :

Ajout d'une section contact :

Ajout d'une section de galerie :

Ajout d'une section promotionnelle :

Ajout d'une section sélectionnée :

Ajout d'une rubrique d'icônes :

CONDITIONS GÉNÉRALES DE VENTES

Politique de confidentialité