Comment créer simplement votre site Web avec Yapla

Avoir un site Web est important pour établir la présence numérique d'un OBNL. À partir du forfait Envol, vous pourrez vous créer un site Web pour présenter votre mission, vos services et pour recevoir des paiements. Un site Web est un générateur de confiance et d’engagement envers votre association.

Il n’est pas nécessaire d’avoir un site Web très complexe visuellement, mais l’important est d’y retrouver tout ce qui vous caractérise et vous permet de faire avancer votre mission, en voici quelques exemples:

  • logo et couleur
  • texte sur la mission et les services
  • campagne d’adhésion et/ou de dons
  • la liste de vos événements
  • les liens vers vos réseaux sociaux

En complément de vos réseaux sociaux et de vos infolettres, la création de contenu sur votre site Web permettra de bâtir petit à petit votre référencement naturel et de faire la passerelle entre ces canaux de communication.

Voici comment créer les premières pages de votre site Web avec Yapla.

Personnaliser le site et la page d’accueil

Yapla vous permet de créer rapidement un site aux couleurs de votre organisation, que vous pourrez ensuite enrichir au fil du temps en lui ajoutant des pages et des contenus supplémentaires. 

Avant de commencer

Avant de créer votre site, assurez-vous d’avoir ajouté votre logo et vos réseaux sociaux, car ces derniers seront utilisés sur votre site Web. Pour ajouter ces informations, cliquez sur le menu Configuration dans la colonne de gauche, puis sur la tuile Votre organisation.

configuration-organisation.png

Vous pourrez à cet endroit ajouter le logo de votre organisation dans le sous-menu Logo ainsi que les adresses de vos réseaux sociaux dans le sous-menu Réseaux sociaux.

reseaux-sociaux.png

Créer le site Web

Cliquez sur la fonctionnalité Site Web dans la colonne de gauche, puis cliquez sur le bouton Ajouter un site Web.

Une fois votre site créé, un message vous demandera si vous souhaitez ajouter une page d’accueil. En acceptant, la première page de votre site sera automatiquement créée.

Personnaliser le contenu

Par défaut, le site créé comportera les modules suivants: 

  • Entête (avec votre logo)
  • Menu (avec la liste de vos pages)
  • Bannière
  • Contenu personnalisé
  • Pied de page (avec les liens vers vos réseaux sociaux)

Chacun de ces modules peut être personnalisé, selon vos besoins.

Pour changer le contenu d’une page, cliquez sur cette dernière.

modifier-page.jpg

Vous aurez alors 2 façons de modifier le contenu de la page : via le menu Édition, qui donne un aperçu de la page comme vos visiteurs la verront ou via le menu Structure, qui affiche seulement le squelette de la page, avec la liste des modules.

Modifier la bannière

La bannière s’affiche entre le menu et votre texte principal. Elle peut être personnalisée pour utiliser vos propres images, ainsi qu’un texte personnalisé.

Pour modifier la bannière, cliquez sur cette dernière dans l’édition de votre page. Un panneau s’ouvrira ensuite avec les configurations.

Vous pourrez à cet endroit changer la bannière en choisissant parmi les images proposées ou en sélectionnant votre propre image ainsi que le texte affiché sur celle-ci. Attention : puisque la bannière par défaut est sombre, le texte est blanc et n’est donc pas visible dans l’éditeur. Vous pouvez cependant le voir en le surlignant avec votre souris. 

Ajouter votre texte

Une fois la bannière ajustée, cliquez sur la section juste en dessous pour modifier le texte de bienvenue. Il est important d’avoir du texte sur la page d’accueil, pour présenter le site à vos visiteurs mais aussi pour aider son bon référencement sur les moteurs de recherche. Vous pouvez utiliser cette section pour présenter votre organisation et y parler de sa mission et de ses valeurs.

Changer les couleurs et la police

Une fois votre contenu en place, il ne vous reste qu’à personnaliser l’apparence. Dans la page principale de votre site, cliquez sur la tuile Personnalisation, pour accéder aux couleurs et polices disponibles.

personnalisation-siteweb.png

Choisissez des couleurs et polices qui s’harmonisent avec votre logo. Si vous avez des connaissances en css, pour pourrez également aller plus loin en personnalisant l’habillage de vos pages

Finaliser les configurations

Vous avez maintenant un site avec une première page. Vous pouvez la visualiser en cliquant sur le bouton Visiter mon site. N’oubliez pas d’ajouter Google Analytics pour obtenir des statistiques sur vos visiteurs. Et n’oubliez pas de parler de votre site sur vos réseaux sociaux afin d’être trouvé par vos contacts mais aussi par les robots des moteurs de recherche, qui pourront ensuite ajouter vos pages dans leurs résultats de recherche.

Créer ma page de campagne d'adhésion

Pour permettre à vos adhérents de renouveler ou d'aller chercher de nouveaux membres, nous vous conseillons de vous créer une page pour votre campagne d’adhésion. Celle-ci servira également de connexion pour que ceux-ci mettent à jour leurs informations.

Commencer d’abord par créer votre campagne d’adhésion depuis votre tableau de bord. Vous allez ainsi pouvoir personnaliser votre formulaire d’adhésion, ajouter vos différents types d’adhésions et leur fixer un prix. Pour plus d’informations sur la création de votre campagne d’adhésions, vous pouvez vous aider de cet article : créer une campagne d’adhésion

Rendez-vous dans la fonctionnalité Site Web, puis cliquez sur la tuile Pages.

En bas à droite, cliquez sur Ajouter une page. À cet endroit, vous pourrez renseigner l’URL de la page et lui donner un nom, par exemple : “Adhérez !”, “Devenir membre” ou bien “Rejoignez-nous”.

Ajouter-page.png

Une fois configurée, cliquez sur Étape suivante.

ajouter-page-membre.png

La page est maintenant visible sur votre site Web mais vide lorsque l’on clique dessus. 

Pour ajouter votre campagne d’adhésion dans cette page, cliquez sur la page que vous venez de créer puis sous l’onglet Structure. Ensuite, sélectionnez la zone où vous souhaitez ajouter votre campagne d’adhésion (nous vous recommandons d’utiliser la zone MainArea pour ajouter votre campagne d’adhésion)

structure-section-mainarea.png

Une fois dans la zone, une page apparaît, cette page vous permettra de choisir le contenu de cette zone. 

Dans le champ Fonctionnalité, sélectionnez Membres puis dans le champs Module de la zone, sélectionnez Espace membres.

module-espace-membre.png

Cliquez ensuite sur Enregistrer et fermer. À présent votre campagne d’adhésion apparaît sur votre site Web.

Dans l’en-tête de votre site Web, nous vous conseillons fortement de créer des “appels à l’action” avec par exemple, un bouton Connexion ou encore un bouton Renouveler mon adhésion.

Pour configurer la connexion, rendez-vous dans Site Web puis Pages. Cliquez ensuite sur la page d’accueil de votre site Web. Sous l’onglet Structure, cliquez sur En-tête.

structure-section-entete.png

Une page va apparaître, c’est à cet endroit que vous pourrez configurer vos actions. Cochez la section Connexion par exemple puis cochez les éléments que vous souhaitez faire apparaître dans votre en-tête.

espace-membre-entete.png

Dans le champ Page connexion il est important de sélectionner Devenir membre.

Ainsi configurés, les boutons d’appels apparaîtront dans l’en-tête de votre site Web.

Créer ma page d'événements

Afin de publiciser vos événements, formations ou rencontres, nous vous conseillons de vous créer une page pour vos événements. Celle-ci permettra d’en afficher un ou plusieurs selon l’étendue de votre calendrier.

Pour créer votre page événement, assurez-vous d'abord d’avoir créer et configurer votre premier événement sur Yapla

Une fois votre événement créé, voici les étapes pour le publier sur votre site Web:

Aller sur la fonctionnalité Site Web, puis cliquer sur la tuile Pages 

En bas à droite, cliquez sur Ajouter une page. À cet endroit, vous pourrez renseigner l’URL de la page et lui donner un nom, par exemple : “ Nos événements”, “Activités”, etc.

Ajouter-page.png

Une fois configurée, cliquez sur Étape suivante.

page-evenements.png

La page est maintenant visible sur votre site Web mais est vide lorsque l’on clique dessus. Pour ajouter vos événements dans cette page, cliquez sur la page que vous venez de créer puis sous l’onglet Structure. Sélectionnez la zone où vous souhaitez ajouter votre module Événement. De manière générale, nous recommandons de l’ajouter dans la zone nommée MainArea. 

structure-section-mainarea.png

Une fois dans la zone, il vous faudra configurer le module. Pour cela, il faut sélectionner la fonctionnalité Événement et le module de la zone Espace Événement. 

module-espace-evenement.png

Il est également possible d’avoir un module Événements en vedette. Pour plus d’informations sur ce deuxième module, voici un article qui pourrait vous intéresser : Événements en vedette

Toujours dans cette fenêtre, il vous faudra configurer l’interface graphique. Vous devez alors choisir l’affichage que vous souhaitez pour vos événements. De manière générale, si vous avez plus d’un événement, il est conseillé d’utiliser le mode Mosaïque puisqu’il permet d’afficher plusieurs événements à la fois. 

evenements-mosaique.png

Un autre section importante à configurer est l’affichage des éléments de la page détail. Celle-ci permet de choisir les informations importantes à afficher. Cochez toutes les informations que vous souhaitez afficher.

configuration-page-detail.png

Pour plus de détails sur les configurations, vous pouvez consulter l’article sur l’Espace Événement qui détaille toutes les options du module. 


Une fois le tout configuré, cliquez sur Enregistrer et fermer. Vous pouvez désormais aller sur votre site Web et voir vos événements Yapla! Il est très important d’avoir des événements publiés pour que ces derniers puissent apparaître sur votre site Web.

Créer ma page de dons

Afin de publiciser vos collectes de fonds, nous vous conseillons de vous créer une page pour vos campagnes de dons. Celle-ci permet d’en afficher un ou plusieurs.

Commencez par créer votre campagne de dons depuis votre tableau de bord Yapla ou vous pourrez : donner un nom à votre campagne, définir un objectif financier, créer un formulaire de donateurs… Vous pouvez retrouver les différentes étapes de la création de cette campagne ici.

Une fois votre campagne de dons créée, voici les étapes pour la publier sur votre site Web:

Rendez-vous dans la fonctionnalité Site Web, puis cliquez sur la tuile Pages

En bas à droite, cliquez sur Ajouter une page. À cet endroit, vous pourrez renseigner l’URL de la page et lui donner un nom, par exemple : “Faites un don” ou bien “Soutenez-nous”.

page-faire-un-don.png

Une fois la page créée, cliquez sur celle-ci, puis dans l’onglet Structure.

À cet endroit, vous pourrez voir l’ensemble de la structure de votre page et plus précisément choisir à quel niveau vous souhaitez ajouter votre module Dons. Nous recommandons de choisir la zone MainArea pour insérer votre module.

structure-section-mainarea.png

Une fois rendu dans la zone MainArea, vous allez pouvoir la configurer. Pour cela, dans le champ Fonctionnalité, sélectionnez Dons puis dans le champ Module de la zone, sélectionnez Espace Dons.

module-espace-dons.png

Ensuite, vous arriverez à l’étape Configuration du module. À cet endroit, il vous faudra choisir l’affichage que vous souhaitez proposer à vos futurs donateurs. Si vous avez plusieurs campagnes de dons existantes, nous vous conseillons de choisir le mode Mosaïque car il permet d’afficher plusieurs campagnes en même temps. 

dons-mosaique.png

Vous pourrez également choisir plusieurs critères comme : afficher la liste des donateurs, la description de la campagne de Dons, les montants collectés mais aussi l’objectif financier de votre campagne de Dons sous forme de thermomètre. 

dons-configurations.png

Pour finir, vous allez pouvoir choisir la configuration de redirection du bouton qui s'affiche à la fin du formulaire de don.

dons-redirction.png

Pour plus de détails sur les configurations du module, vous pouvez consulter l’article sur l’Espace Dons qui détaille toutes les options du module. 

 

Une fois le tout configuré, Enregistrer et fermer. Vous pouvez désormais aller sur votre site Web et voir vos campagne de dons Yapla! 

Pour aller plus loin

Écouter le tutoriel Créer un site Web avec Yapla
Visiter la section Créer mon site Web
Faire appel au service d'accompagnement Yapla
Suivre une formation personnalisée

 

Cet article vous a-t-il été utile ?

Commentaires

0 commentaire

Vous devez vous connecter pour laisser un commentaire.