Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations




Modifier la mise en page du formulaire de connexion


Niveau de difficulté : Moyen
Temps nécessaire : 10 minutes
Logiciel nécessaire : -


But de l'explication:
Savoir comment modifier la mise en page du formulaire de connexion, dans le but de pouvoir afficher ce formulaire plus aisément n'importe où dans une page.


Sommaire :
1. Installation facile, sans modifier la mise en page
2. Récupérer l'ID de votre zone membres
3. Modification de la mise en page
4. Exemples


1. Installation facile, sans modifier la mise en page
Si vous souhaitez simplement afficher la zone de connexion, sans en modifier la mise en page, rendez-vous sur l'onglet "Vos Zones".

Copiez le petit script qui se trouve sous "Formulaire de connexion", et collez le dans les sources de votre page, en cliquant sur le bouton de l'éditeur de construction de votre page.


2. Récupérer l'ID de votre zone membres
Pour modifier la mise en page de votre zone de connexion, vous allez avoir besoin de l'ID de votre zone membre (cf. prochain paragraphe).

Vous trouverez cet ID en vous rendant sur l'onglet "Vos zones". L'ID est un nombre qui se trouve en dessous du nom et de la description de la zone (il est précédé d'un #).


3. Modification de la mise en page
Si vous souhaitez mettre en page vous même cette zone de connexion, la tache est légèrement plus compliquée.

Vous allez devoir insérer le formulaire suivant dans les sources de votre page :
<form method="POST" action="espmconnect.html">
<input name="idmod" type="hidden" value="IDZONE" />
Email/Pseudo : <input name="email" type="text" value="" size="20" maxlength="150">
Mot de passe : <input name="mdp" type="password" value="" size="20" maxlength="50">
<input type="submit" name="actions" value="connexion">
</form>


Avec obligatoirement, dans cet ordre, les éléments suivants :
<form method="POST" action="espmconnect.html"> : correspond à l'ouverture du formulaire.
<input name="idmod" type="hidden" value="IDZONE" /> : correspond à un champs caché. Remplacez IDZONE par l'id de votre zone membres (invisible pour vos visiteurs).
<input name="email" type="text" value="" size="20" maxlength="150"> : correspond au champ dans lequel le membre va écrire son mail ou son pseudo.
<input name="mdp" type="password" value="" size="20" maxlength="50"> : correspond au champ dans lequel le membre va écrire son mot de passe.
<input type="submit" name="actions" value="connexion"> : correspond au bouton "connexion".
</form> : correspond à la fermeture du formulaire.

Ainsi, vous pouvez disposer ou vous le souhaitez et comme vous le souhaitez ces différents éléments. Attention à toujours bien encadrer l'ensemble par :
<form method="POST" action="espmconnect.html"> et </form>.


4. Exemples
Voici quelques exemples de mise en page :


---------------------------------------------------------


<form method="POST" action="espmconnect.html">
<input name="idmod" type="hidden" value="IDZONE" />
Email/Pseudo : <input name="email" type="text" value="" size="20" maxlength="150">
<br />
Mot de passe : <input name="mdp" type="password" value="" size="20" maxlength="50">
<input type="submit" name="actions" value="connexion">
</form>

Vous donnera :

Email/Pseudo :
Mot de passe :



---------------------------------------------------------


<form method="POST" action="espmconnect.html">
<input name="idmod" type="hidden" value="IDZONE" />
<input name="email" type="text" value="Email/Pseudo" size="20" maxlength="150"> <input name="mdp" type="text" value="Mot de passe" size="20" maxlength="50">
<input type="submit" name="actions" value="connexion">
</form>

Vous donnera :





---------------------------------------------------------


<form method="POST" action="espmconnect.html">
<input name="idmod" type="hidden" value="IDZONE" />
Email/Pseudo : <input name="email" type="text" value="" size="20" maxlength="150"> / Mot de passe : <input name="mdp" type="password" value="" size="20" maxlength="50">
<input type="submit" name="actions" value="connexion">
</form>

Vous donnera :

Email/Pseudo : / Mot de passe :


---------------------------------------------------------


<form method="POST" action="espmconnect.html">
<input name="idmod" type="hidden" value="IDZONE" />
<table border="0" cellspacing="0" cellpadding="3">
<tr>
<td>Email ou pseudo :<br />
<input name="email" type="text" value="" size="20" maxlength="150"></td>
<td>Mot de passe :<br />
<input name="mdp" type="password" value="" size="20" maxlength="50"></td>
<td><input type="submit" name="actions" value="connexion"></td>
</tr>
</table>
</form>

Vous donnera :

Email ou pseudo :
Mot de passe :

 


 

Dans le forum...


 
 

Autres documentations liées


• Pré-remplir avec les informations de vos membres
Extrait :
[i][color=green]Niveau de difficulté : Facile Temps nécessaire : 2 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Lorsque vous utilisez plusieurs modules en complément de l'espace membres (exemple la...
Sommaire :
1. Créer une zone membre
2. Définir les informations à pré-remplir

 
• Créer une zone membres
Extrait :
[i][color=green]Niveau de difficulte : Facile Temps necessaire : 10 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Creer une zone membres et la parametrer pour creer un espace membres dans votre site internet. Par exemple pour...
Sommaire :
1. Activation du module espaces membres
2. Créer une zone membres
3. Installation des zones de connexion et inscription

 
• Protéger l'accès à certaines pages d'un site
Extrait :
[i][color=green]Niveau de difficulte : Tres facile Temps necessaire : 2 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Comment inserer des pages dans votre espace membres. C'est a dire comment privatiser l'acces a certaines pages...
Sommaire :
1. Créer une zone membres
2. Choisir les pages à protéger

 
• Choisir les pages de redirection après connexion/deconnexion
Extrait :
[i][color=green]Niveau de difficulte : Tres facile Temps necessaire : 5 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Savoir comment definir les pages sur lesquelles les membres seront rediriges lorsqu'ils se connecteront ou se...
Sommaire :
1. Choisir les pages de redirection apres connexion et déconnexion

 
• Mettre en page le profil des membres
Extrait :
[i][color=green]Niveau de difficulte : Facile Temps necessaire : 5 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Savoir comment creer la mise en page des profils des membres inscrits a votre espace membres. Avec l'utilisation des...
Sommaire :
1. Les balises, c'est quoi ?
2. Réaliser la mise en page

 
• Créer un espace membre payant
Extrait :
[i][color=green]Niveau de difficulte : Facile Temps necessaire : 5 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Savoir comment faire payer l'acces a votre espace membre via le module espace membres propose par Wifeo.[/list] ...
Sommaire :
1. Créer la zone membres
2. Moyen de paiement "Allopass"
3. Moyen de paiement "Paypal/CB"
4. Moyens de paiements "chèque" et "virement"

 
• Créer plusieurs zones membres sur un même site
Extrait :
[i][color=green]Niveau de difficulte : Tres facile Temps necessaire : 5 minutes Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Comprendre comment et pourquoi creer plusieurs zones membres sur votre site, via le module espace membres...
Sommaire :
1. Avant-propos
2. Procèdure
3. A quoi ça sert ?

 
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES