Retour aux Cours

Tutoriels Wordpress : Création Espace Membre avec OptimizePress V2 (désuet)

0% terminé
0/0 Steps
  1. Introduction
  2. Quelle URL choisir ?
  3. Créez votre nom de domaine et votre hébergement (réglages DNS)

  4. Installation Wordpress

    Téléchargez les fichiers à installer pour LearnDash et Social Learner
  5. Installation de votre nouveau Wordpress
  6. En cas d'erreur de répertoire...
  7. Créer un sous-domaine pour embellir vos URLs
  8. Ajoutez des extensions de sécurité
  9. Ajoutez un Certificat SSL afin de sécuriser votre site en https
    5 Chapitres
  10. Installation LearnDash et Social Learner
    Installation de LearnDash et de Social Learner
  11. Paramétrage Social Learner
  12. Paramétrage BuddyPress
  13. Création des Groupes Social Learner
  14. Ajout des Menus et de la Navigation
  15. Page "Finalisez votre inscription"
  16. Créer des Champs Personnalisés pour mieux connaître vos adhérents
  17. Créez votre premier Cours ou Module
  18. Création de vos Premiers Cours avec LearnDash
    Créez vos premières Leçons
  19. Comment faire en sorte que le bouton Marquer Comme Terminé soit tout de suite actif
  20. Créer la page Mon Parcours
  21. Création rapide d'un second cours
  22. Améliorations Graphiques et d'Ergonomie
    Testez votre cursus du point de vue client
  23. Astuce : afficher ou non du contenu en fonction du rôle de l'internaute
  24. Amélioration de la barre latérale de droite
  25. Ajouter des icônes pour améliorer vos menus
  26. Afficher la progression des vidéos dans la colonne de droite
  27. Astuces graphiques et CSS
    4 Chapitres
  28. Ajouter la Traduction Française de LearnDash
  29. Modifier les traductions manquantes manuellement
  30. Ajouter une image Favicon personnalisée
  31. Ajout des autres sections de votre formation à diffuser en dip-feed
    5 Chapitres
  32. Créez votre Page d'Accueil et votre Cursus Traditionnel avec OptimizePress
    Installation d'OptimizePress v2
  33. Activation de la Clé API et paramètres de base
  34. Création de la Page Accueil Membre
  35. Création d'une Page de Cours
  36. Ajout des éléments de Navigation
  37. Création des Menus pour OP
  38. Modification des Vignettes
  39. Dupliquer les Pages de Cours
  40. Débuter avec Active Campaign
    Ouvrir un nouveau compte chez Active Campaign
  41. Comment migrer vos contacts existants vers Active Campaign
  42. Intégrez AC à vos formulaires Email existants
  43. Validez vos DKIM pour éviter de tomber dans les Spams
  44. Installez Memberium pour Protéger vos Formations
    Achat de Memberium : quelle option choisir ?
  45. Installation de Memberium
  46. Mises à jour de Memberium
  47. CloudFlare, qu'est ce que c'est ?
  48. Résoudre les problèmes entre CloudFlare et Memberium
  49. Créer votre 1er niveau Memberium
  50. Comment bien vous organiser avec Memberium
  51. Création des TAGS pour débloquer vos cours de façon distillée
  52. Qu'est-ce qu'un Webhook et comment relier Active Campaign à Memberium ?
  53. Paramétrage du Webhook sous Memberium
  54. Paramétrage d'un champs personnalisé pour le mot de passe
  55. Création de la page de Login (connexion)
    5 Chapitres
  56. Paramétrage de la Home Page et First Login dans Memberium
  57. Préparation de vos TAGS
  58. Synchronisation entre Active Campaign et Memberium
    Template email pour Active Campaign
  59. Création dans Active Campaign de votre 1ère automation : "Achat Réussi"
  60. Création de votre 2ème automation : "Drip-Feed"
  61. Protection de vos pages de cours avec Memberium
  62. Faire un test d'automatisme vue client et création d'un Compte Test
  63. Masquer les vignettes en Page d'Accueil pour ceux qui n'ont pas acheté le cursus
  64. Créer une page Mon Profil pour vos clients
  65. Finalisation de votre Espace Membre
    Créer les pages "Erreur 404" et "Erreur : page réservée aux membres"
  66. Réagencement des pages LearnDash Abonnement
  67. Félicitations ! Vous avez fini votre Espace Membre et vous êtes prêt à accueillir vos clients

  • Mes accomplissements

Voici les Shortcodes à copier / coller dans votre page :

[accordion open="1"][accordion_element title="1 - COMPLETEZ VOTRE PROFIL"]<span style="font-weight: 400;">Complétez votre profil : Photo, nom, ville, URL de votre site, description de votre projet.</span>
<a class="btn default default" href="https://sopyamusic.com/plateforme/p/membres/[usermeta field='user_nicename']/profile/edit/" target="_blank" rel="noopener noreferrer">Éditer votre profil</a>
[/accordion_element][accordion_element title="2 - INDIQUEZ VOTRE ACTIVITÉ"]<span style="font-weight: 400;">Indiquez votre activité (groupe) pour d'autres personnes dans le même secteur que vous puissent vous trouver.
</span>[button size="default" url="https://sopyamusic.com/plateforme/groupes/" open_new_tab="true" text="Indiquez votre activité" icon="" type="default" bottom_margin=""][/accordion_element][accordion_element title="3 - COMMUNAUTÉ"]<span style="font-weight: 400;">Rejoignez notre Groupe Facebook privé des membres de la communauté du site
</span>[button size="default" url="https://www.facebook.com/sopyamusic" open_new_tab="true" text="Rejoignez le groupe Facebook" icon="" type="default" bottom_margin=""][/accordion_element][accordion_element title="4 - C'EST PARTI"]<span style="font-weight: 400;">Visionnez le module « Départ » pour démarrer dès maintenant !
</span>[button size="default" url="https://sopyamusic.com/plateforme/mes-cours/" open_new_tab="false" text="Démarrer le cours" icon="" type="default" bottom_margin=""][/accordion_element][/accordion]

Réponses

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

  1. Bruno de Chénerilles 20 septembre

    Le code ci-dessus apparemment n’est pas bon : les titres de rubriques s’affichent , mais le reste affiche le code. Je suis bloqué.
    Beaucoup de problèmes déjà dans l’implémentation :
    – couleurs de texte, liens qui ne correspondent pas aux réglages.
    – Traductions incomplètes dans la page mon cursus, genre : My cours
    – Pas d’option “ouvrir dans un nouvel onglet” pour les liens personnalisés dans les menus
    Help !

    1. Soundepic Bessaignet 24 septembre

      Bruno, pour la traduction de LearnDash, tu peux sauter plus loin dans ce module à la vidéo “Ajouter la Traduction Française de LearnDash”
      Pour voir le réglage “ouvrir dans un nouvel onglet”, clique sur Apparence > Menus, puis sur le bouton “Options de l’écran” tout en haut à droite pour faire apparaître le panneau d’options. Là assures-toi que la case “Afficher les propriétés avancées du menu” > “Cible du lien” est bien cochée.
      Je fais suivre tes autres questions à Laurent…

    2. LAURENT BRUGIERE 24 septembre

      Bruno, tu as bien copié tout le code, puis collé le code dans un bloc “CODE COURT” dans un nouveau cours Learndash ?
      Je viens de refaire un test, tout est nikel. Il ne reste qu’à changer toutes les urls en définitive.
      Concernant les couleurs des liens, etc., il faut que tu regardes les cours sur les astuces graphiques et CSS.
      Pour les liens personnalisés dans les menus qui s’ouvrent dans un nouvel onglet, il faut que tu affiches “Options de l’écran” tout en haut à droite de ta fenêtre WordPress, et tu cliques sur le petit triangle.
      WP va t’afficher une somme de case à cocher. Coche la case intitulée “Cible du lien”. Cela va t’afficher une option supplémentaire dans les paramètres de l’item de ton menu : “Ouvrir le lien dans un nouvel onglet”.

      1. Bruno de Chénerilles 24 septembre

        Merci Laurent,
        j’ai encore quelques couleurs qui merdouillent : je n’arrive pas à modifier la couleur des liens dans le menu de la barre d’entête : ca reste obstinément gris , malgré les changements que je fais , pareil pour la boite membre en haut à droite : le nom devrait être en blanc et ca ne marche pas.
        Sinon, pour cette histoire de code accordéon, J’ai réessayé en repartant de zéro pour cette page finalisez … , mais ca ne marche pas. J’ai toujours un affichage de code à la place de ce qui devrait être écrit. Je peux t’envoyer une copie d’écran sur ton gmail ?

        2. Soundepic Bessaignet 24 septembre

          Pour les couleurs, il faudra que tu regardes la section “Améliorations Graphiques et d’Ergonomie” et en particulier les 4 vidéos de la leçon “Astuces graphiques et CSS”.

  2. Bruno de Chénerilles 24 septembre

    Merci Olivier.
    J’ai chargé les traductions françaises. Super ! Beau boulot de ton équipe : on est à 95% !
    Bien trouvé ouvrir dans un nouvel onglet.
    Reste ce problème de code pour finalisez votre inscirption.
    J’avance , mais encore taraudé par quelques questions de fonds …

  3. EMERENCE DEGROOTE 27 septembre

    Bonjour, est-ce que le code est bon, je n’ai pas le bouton éditer votre profil (il n’apparaît pas). Ensuite les caractères dépassent le format des boutons. Merci

  5. LAURENT BRUGIERE 30 septembre

    Lorsque l’on tape “code” pour ajouter un bloc dans Worpress, il est impératif de sélectionner “Code court”, symbolisé par “[/]” pour que le bout de code affiché sous la vidéo fonctionne.
    Si vous optez pour “Code”, symbolisé par “‹›”, le code ne fonctionnera pas et sera affiché tel quel dans votre page.
    Si vous n’avez pas le choix entre “Code Court” et “Code”, c’est que vous êtes avec l’éditeur “classic” et non “Gutemberg”. Dans ce cas, il faut sélectionner l’onglet “Texte” et injecter le code en prenant soin de vérifier qu’il n’y ait PAS de balise “‹pre›” et “‹/pre›”.

  7. Michael Ramain 1 mars

    Ok, tout est en place. @ ceux-qui-pataugent-comme-Bruno, le “[/] code court” se trouve dans l’accordéon “Widgets” du bloc sous Gutemberg (j’ai dû pour cela désactiver l’extension “Classic éditor” qui reste ma favorite). A propos de widget justement, une fois la page implémentée, ll y a toute une barre latérale droite (“right sidebar”) qui apparaît et qui ne fait pas clean du tout (voyez la vidéo ci-dessus, tout à la fin, minute 8:59 / 9:00). Pour cela, le remède – qui n’est pas indiqué dans ladite vidéo – est simple : Pages >> Finalisez votre inscription >> Modification rapide >> Modèle (actuellement [Modèle par défaut]) >> (déroulez le menu déroulant) >> [Full Width Content] >> “Mettre à jour”, et voilà 🙂
    Question : Est-il possible de créer cette page avec OP2 ou OP3 ?

  8. EMERENCE DEGROOTE 26 mars

    Est-ce que l’on pourrait avoir un tuto qui explique comment on crée ces différents paragraphes (editer profil etc.) sans l’accordéon et comment on met les boutons. Un grand merci