Description

Module complémentaire de connexion contextuelle OceanWP

Le panneau de connexion contextuelle OceanWP Customizer vous permet de styliser et de personnaliser les formulaires contextuels (modaux) pour la connexion de l’utilisateur, l’enregistrement de l’utilisateur et la réinitialisation du mot de passe, d’intégrer l’abonnement MailChimp, ainsi que d’appliquer diverses options de sécurité de nom d’utilisateur et de mot de passe.

Le panneau de connexion contextuelle dans le personnalisateur apparaîtra lorsque vous installerez et activerez cette extension premium OceanWP.

Les options de connexion contextuelle disponibles incluent :

• Position,
• Section Connecté / Déconnecté :
  • texte de connexion,
  • Connecté,
  • texte de déconnexion,
  • URL de déconnexion,
• Section des formulaires :
  • Panneau Formulaire de connexion,
  • Panneau Formulaire d’inscription,
  • Mot de passe perdu Panneau de formulaire,
• Section Options de sécurité :
  • Nom d’utilisateur Panneau de sécurité,
  • Panneau de sécurité par mot de passe,
  • Panneau d’options de blocage,
  • le panneau Méthode de validation,
• Section de stylisme :
  • Panneau de style.

Position

L’option Position vous permet de choisir où vous souhaitez placer le lien pour le formulaire de connexion contextuel.

Il y a 2 options disponibles :

• Menu : affiché automatiquement dans la navigation du menu, après le dernier élément de menu.
• Manuel : placez le lien de connexion où vous le souhaitez, à l’aide d’un shortcode ou d’une classe personnalisée.

Consultez ce document pour savoir comment afficher manuellement la fenêtre contextuelle de connexion.

Texte de connexion

L’option Texte de connexion vous permet de choisir un texte pour les utilisateurs qui ne sont pas connectés au site Web ou qui ne sont pas inscrits sur le site Web.

Le texte par défaut est : Se connecter / S’inscrire

Connecté

L’option Connecté vous permet de choisir ce que vous souhaitez afficher aux utilisateurs qui sont connectés au site Web.

Les options disponibles comprennent :

• Ne rien afficher : rien n’est affiché pour les utilisateurs connectés.
• Lien de déconnexion (option par défaut) : une option de déconnexion s’affiche, avec un texte et une URL que vous pouvez personnaliser.
• Personnalisé : seul le message texte normal est affiché.
  • Texte personnalisé : ajoutez votre propre message texte à afficher.

Texte de déconnexion

L’option Texte de déconnexion vous permet de choisir le message à afficher aux utilisateurs connectés lorsque le lien de déconnexion est défini pour l’option Connecté.

URL de déconnexion

L’option URL de déconnexion vous permet d’ajouter une URL vers laquelle les utilisateurs qui se déconnectent du site Web seront redirigés. Cette option est conçue pour la sélection du lien de déconnexion pour l’option Connecté.

Si aucune URL de déconnexion personnalisée n’est ajoutée, l’utilisateur restera sur la même page qu’il consultait.

Formulaire de connexion

Le panneau Formulaire de connexion contient des options qui vous permettent de personnaliser le formulaire de connexion :

• Titre,
• Contenu,
• Redirection après connexion,
• Masquer l’option Se souvenir de moi ?

Titre

L’option Titre vous permet d’ajouter un titre au formulaire de connexion.

Ce texte s’affiche au-dessus du formulaire lui-même.

Contenu

L’option Contenu vous permet d’ajouter un message personnalisé et d’inciter les utilisateurs à se connecter.

Redirection après la connexion

L’option Rediriger après la connexion vous permet d’ajouter une URL personnalisée, si vous souhaitez rediriger les utilisateurs vers une page spécifique après une connexion réussie.

Masquer l’option Se souvenir de moi ?

L’option Masquer l’option Se souvenir de moi vous permet de masquer la case à cocher du formulaire de connexion, qui est utilisée pour reconnaître les utilisateurs en fonction des cookies.

Formulaire d’inscription

Le panneau Formulaire d’inscription contient des options qui vous permettent de personnaliser le formulaire d’inscription pour la connexion contextuelle et de permettre aux utilisateurs de s’inscrire à votre site Web.

Les options disponibles comprennent :

• Titre,
• Contenu,
• Exiger l’accord,
• Invite d’accord de l’utilisateur,
• Rediriger après l’inscription,
• MailChimp Section d’abonnement :
  • Activer l’abonnement,
  • Texte d’abonnement.

Titre

L’option Titre vous permet d’ajouter un titre qui apparaît en haut du formulaire d’inscription.

Contenu

L’option Contenu vous permet d’ajouter un texte personnalisé et d’inciter les utilisateurs à créer un compte sur votre site Web.

Exiger l’accord

L’option Exiger l’accord vous permet d’ajouter une case à cocher avec un texte qui vous permet de vous assurer que l’utilisateur a lu vos conditions générales, votre politique de confidentialité et plus encore.

De même, un lien vers la page de la politique de confidentialité est affiché sur tous les formulaires, il est donc toujours accessible à tous les utilisateurs avant qu’ils n’effectuent une action (connexion, inscription, réinitialisation du mot de passe).

User Agreement Prompt

The User Agreement Prompt enables you to add custom text for the Require Agreement option.

You can use regular text or HTML (to add links, for example).

Redirect After Registration

The Redirect After Registration option enables you to add a custom URL if you want to redirect users to a specific page after a successful registration, like a thank you page.

Enable Subscription

The Enable Subscription option for MailChimp enables you to display a checkbox on the registration form, allowing users to create an account and subscribe to your MailChimp newsletter at the same time.

Subscription Text

The Subscription Text option enables you to display custom text and entice users to subscribe to your MailChimp newsletter.

Lost Password Form

The Lost Password Form panel contains options that enable you to customize the lost password form, ie. reset password form.

Available options include:

• Title,
• Content.

Title

The Title option enables you to add custom text that will appear on top of the Lost Password form.

Content

The Content option enables you to add custom text to the Lost Password form and provide more information about user’s next steps.

Username Security

The Username Security panel enables you to apply specific security options regarding username registration on your website.

Available options include:

• Limit Length of Usernames,
• Min Username Length,
• Max Username Length,
• Usernames Cannot Contain Spaces,
• Forbidden Usernames.

Limit Length of Usernames

The Limit Length of Usernames option enables you to apply the rules to Min Username Length and Max Username Length. This option is to prevent too short or too long usernames registration, that prevents potential security issues.

Min Username Length

The Min Username Length option enables you to determine the minimum number of characters a username must contain.

Max Username Length

The Max Username Length option enables you to determine the maximum number of characters a username can contain.

Usernames Cannot Contain Spaces

The Usernames Cannot Contain Spaces option enables you to disapprove the use of spaces within usernames, to prevent potential security issues.

For example, a user cannot register a username , but can register my usernamemy_username

Forbidden Usernames

The Forbidden Usernames option enables you to create a list of usernames nobody can register, such as admin, webmaster, etc.

Separate the list of usernames using a comma ( , ) only. Do not use spaces.

Example: admin,administrator,webmaster

Password Security

The Password Security panel contains options that enable you to apply security rules for user passwords.

Available options include:

• Require Secure Passwords: ensure all user passwords are between 8 and 50 characters long.
• Password Content section:
  • Must Contain Numbers: passwords must contain at least 1 number. Example: password83
  • Must Contain Small Letters: passwords must contain at least 1 small letter. Example: PASsWORD.
  • Must Contain Capital Letters: passwords must contain at least 1 capital letter. Example: passworD
  • Must Contain Symbols: passwords must contain at least 1 special character. Example: pass*word

Blocking Options

The Block Options panel contains options that enable you to block users who abuse the login form.

Available options include:

• Block on Invalid Login Attempts: enable the option to block users who repeatedly abuse the login form.
• Number of Invalid Attempts: adjust the number of invalid attempts after which the user will be blocked from attempting to login again.
• Block Duration (minutes): decide for how long should the user who abused the login form be blocked.

Validation Method

The Validation Method panel enables you to choose which security option you want to use upon form submission (login, registration, lost password).

Available options include:

• Use Nonce for Validation: default option, WordPress nonce validation. Usually sufficient and recommended to use, but can be affected by caching plugins thus leading to failed login and registration attempts.
• Use reCAPTCHA for Validation: Google reCAPTCHA validation. Requires Google reCAPTCHA integration.

Styling

The Styling panel contains multiple options that help you style the forms, buttons and more.

Available options include:

• Width (px): adjust the width of the forms. Always measured in pixels (px).
• Padding (px): add padding (spacing) to the forms, surrounding the content. Always measured in pixels (px).
• Border Radius (px): adjust forms border radius (corner roundness). Always measured in pixels (px).
• Background Image: add a background image to the forms main background. Not applicable to the forms bottom part.
• Site Overlay: apply a site overlay color.
• Form Background: apply a forms background color.
• Title: apply a color to the forms title.
• Content: apply a color to the forms content.
• Input Label: apply a color to the input area labels.
• Input Box Border: apply a color to the input area border.
• Input Box Border: Focus: apply a color to the input area border on focus.
• Remember Me: apply a color to the Remember Me text.
• Button Background: apply a regular and hover color to the forms main buttons.
• Button Text: apply a regular and hover color to the forms main buttons text.
• Bottom Background: apply a color to the forms bottom area background.
• Bottom Text: apply a color to the forms bottom area text.
• Arrière-plan du bouton du bas : appliquez une couleur normale et survolez le bouton de la zone inférieure.
• Texte du bouton inférieur : appliquez une couleur normale et survolée au texte du bouton de la zone inférieure.
• Lien de confidentialité : appliquez une couleur normale et de survol au lien de la page de confidentialité.