{"id":260,"date":"2020-10-07T14:49:45","date_gmt":"2020-10-07T14:49:45","guid":{"rendered":"https:\/\/cinnk.com\/index.php\/2020\/10\/07\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/"},"modified":"2020-10-07T14:49:45","modified_gmt":"2020-10-07T14:49:45","slug":"comment-afficher-le-formulaire-d-inscription-dans-une-popup","status":"publish","type":"post","link":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/","title":{"rendered":"Comment afficher le formulaire d’inscription dans une popup"},"content":{"rendered":"

Nous allons voir comment activer<\/strong> un module de connexion<\/strong> via une fen\u00eatre popup<\/strong> depuis un article.<\/p>\n


\nComment afficher le formulaire d’inscription dans une popup Nous allons voir comment activer un module de connexion via une fen\u00eatre popup depuis un article. On peut se poser la question de savoir si, poss\u00e9dant un module de connexion, il pouvait \u00eatre int\u00e9ressant d’activer ce m\u00eame module via une fen\u00eatre popup depuis un article (ou tout autre \u00e9l\u00e9ment de texte). L’ouverture de la fen\u00eatre sera activ\u00e9 par un lien standard. Certains templates offrent la possibilit\u00e9 de fermer une partie du \u00ab\u00a0content\u00a0\u00bb (BEEZ par exemple), cette solution appara\u00eet alors plus convaincante, un lien dans le texte d’un article pour pouvoir s’enregistrer.
\n Pr\u00e9-Requis :
\nJoomla 3.1 (savoir cr\u00e9er :  un menu et des liens de menu – un article associ\u00e9 \u00e0 une cat\u00e9gorie)
\nCommunity Builder 1.9 (optionnel car on peut utiliser le module de connexion par d\u00e9faut de joomla)
\nLe plugin captcha (ou Recaptacha) de Community Buiulder (ou celui de joomla suivant ce que l’on veut utiliser)
\nLe plugin JCE (derni\u00e8re version de pr\u00e9f\u00e9rence) avec JCE comme \u00e9diteur de texte
\n 
\n L’article
\nCr\u00e9er un article basique avec un texte dans lequel on va s\u00e9lectionner un mot (ou une phrase) qui servira de lien pour afficher le formulaire. L’affecter \u00e0 une cat\u00e9gorie pour
\nrester dans les standards.
\n Le menu
\nCr\u00e9er un menu simple (qui ne doit pas appara\u00eetre sur le front-end) mais qui doit \u00eatre actif. On peut utiliser par exemple un menu que l’on appellera menu cach\u00e9. <\/p>\n

Pour le rendre invisible, il suffit de ne pas lui affecter de module :
\nDans ce menu, on cr\u00e9e un lien de menu (par exemple : Enregistrement) auquel on sp\u00e9cifie en \u00ab\u00a0Type de lien de menu\u00a0\u00bb ==> Comprofiler et Registration Page comme affich\u00e9 dans la screenshoot ainsi que les autres param\u00e8tres.<\/p>\n

Fermer et enregistrer l’ensemble du menu.
\nMaintenant nous ouvrons l’article cr\u00e9\u00e9 auparavant et on s\u00e9lectionne le mot (ou la phrase) qui doit servir de lien
\n(Exemple) : Pour vous enregistrer, cliquez ici
\nUne fois que le texte est s\u00e9lectionn\u00e9, un clic droit sur ins\u00e9rer \/ modifier un lien ou \u00e0 d\u00e9faut, s\u00e9lectionner l’ic\u00f4ne dans votre \u00e9diteur habituel.<\/p>\n

La fenetre s’ouvre et on distingue trois onglets. Celui qui nous interesse est le troisi\u00e8me Popups. On le s\u00e9lectionne et on choisit dans la liste d\u00e9roulante
\nle menu Popups JCE Mediabox. On obtient l’image suivante :<\/p>\n

Les param\u00e8tres importants sont :
\n Dimension : Pr\u00e9cisez la largeur (width) et la hauteur (Height) et cochez la case Proportionnel. Pour affiner l’affichage la fen\u00eatre, vous serez amen\u00e9 \u00e0 tester les
\ndimensions jusqu’\u00e0 ce que l’ensemble vous convienne.
\n Popup automatique : S\u00e9lectionner la valeur \u00ab\u00a0une fois\u00a0\u00bb.
\n Masquer le lien : Valeur \u00e0 NON
\n Type de contenu : S\u00e9lectionner la valeur Lien interne (suivant les upgrades, il peut-\u00eare ajout\u00e9 le terme Ajax au lien interne. Cela ne porte pas \u00e0 cons\u00e9quence).
\nPour cet onglet, les valeurs qui viennent d’\u00eate pr\u00e9cis\u00e9es suffisent.
\nIl faut maintenant revenir sur le premier onglet pour d\u00e9finir le lien vers l’\u00e9l\u00e9ment qui nous interesse : Le formulaire
\nS\u00e9lectionner l’onglet Liens <\/p>\n

Dans la partie \u00ab\u00a0Rechercher un lien\u00a0\u00bb s\u00e9lectionner le menu et descendre l’arborescence pour afficher le menu cach\u00e9 et s\u00e9lectionnez le lien de menu \u00ab\u00a0Enregistrement\u00a0\u00bb.
\nLe champ URL de l’onglet Liens se remplira tout seul, vous pouvez ajouter un texte particulier pour afficher dans le formulaire et pr\u00e9ciser dans la partie basse
\nde l’onglet l’\u00e9l\u00e9ment Attributs :
\n Cible : Choisissez Afficher dans une nouvelle fen\u00eatre.
\nLe reste des param\u00e8tres ne sont que des informations d’affichage que vous pourrez compl\u00e9ter si vous le voulez.
\nIl ne vous reste plus qu’\u00e0 cliquer sur INS\u00c9RER, le lien est effectif.
\nVous sauvegardez et fermez l’article et vous vous rendez sur le front-end, s\u00e9lectionnez votre article et cliquez sur le lien, vous devriez obtenir ceci :<\/p>\n

Les champs ne ressemblent pas forc\u00e9ment \u00e0 cette vue \u00e9tant donn\u00e9 que le formulaire a \u00e9t\u00e9 travaill\u00e9 et adapt\u00e9 au besoin.
\nN\u00e9anmoins, la plupart des champs y figurant doivent normalement \u00eatre visibles sur votre formulaire.
\nEnjoy<\/p>\n","protected":false},"excerpt":{"rendered":"

Nous allons voir comment activer un module de connexion via une fen\u00eatre popup depuis un article.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-260","post","type-post","status-publish","format-standard","hentry","category-sixtine"],"yoast_head":"\nComment afficher le formulaire d'inscription dans une popup | Cinnk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment afficher le formulaire d'inscription dans une popup | Cinnk\" \/>\n<meta property=\"og:description\" content=\"Nous allons voir comment activer un module de connexion via une fen\u00eatre popup depuis un article.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/\" \/>\n<meta property=\"og:site_name\" content=\"Cinnk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Cinnk.formation\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-07T14:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cinnk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:site\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cinnk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/\"},\"author\":{\"name\":\"Cinnk\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\"},\"headline\":\"Comment afficher le formulaire d’inscription dans une popup\",\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/\"},\"wordCount\":729,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"articleSection\":[\"sixtine\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/\",\"url\":\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/\",\"name\":\"Comment afficher le formulaire d'inscription dans une popup | Cinnk\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#website\"},\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/cinnk.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment afficher le formulaire d’inscription dans une popup\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cinnk.com\/fr\/#website\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"name\":\"Cinnk\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cinnk.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\",\"name\":\"Cinnk\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"contentUrl\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"width\":125,\"height\":32,\"caption\":\"Cinnk\"},\"image\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Cinnk.formation\",\"https:\/\/x.com\/CinnkCom\",\"https:\/\/www.instagram.com\/cinnk\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\",\"name\":\"Cinnk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"caption\":\"Cinnk\"},\"sameAs\":[\"https:\/\/cinnk.com\"],\"url\":\"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment afficher le formulaire d'inscription dans une popup | Cinnk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment afficher le formulaire d'inscription dans une popup | Cinnk","og_description":"Nous allons voir comment activer un module de connexion via une fen\u00eatre popup depuis un article.","og_url":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/","og_site_name":"Cinnk","article_publisher":"https:\/\/www.facebook.com\/Cinnk.formation","article_published_time":"2020-10-07T14:49:45+00:00","og_image":[{"width":500,"height":500,"url":"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg","type":"image\/jpeg"}],"author":"Cinnk","twitter_card":"summary_large_image","twitter_creator":"@CinnkCom","twitter_site":"@CinnkCom","twitter_misc":{"\u00c9crit par":"Cinnk","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/#article","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/"},"author":{"name":"Cinnk","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d"},"headline":"Comment afficher le formulaire d’inscription dans une popup","datePublished":"2020-10-07T14:49:45+00:00","mainEntityOfPage":{"@id":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/"},"wordCount":729,"commentCount":0,"publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"articleSection":["sixtine"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/","url":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/","name":"Comment afficher le formulaire d'inscription dans une popup | Cinnk","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/#website"},"datePublished":"2020-10-07T14:49:45+00:00","breadcrumb":{"@id":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cinnk.com\/fr\/comment-afficher-le-formulaire-d-inscription-dans-une-popup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cinnk.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Comment afficher le formulaire d’inscription dans une popup"}]},{"@type":"WebSite","@id":"https:\/\/cinnk.com\/fr\/#website","url":"https:\/\/cinnk.com\/fr\/","name":"Cinnk","description":"","publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cinnk.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cinnk.com\/fr\/#organization","name":"Cinnk","url":"https:\/\/cinnk.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","contentUrl":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","width":125,"height":32,"caption":"Cinnk"},"image":{"@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Cinnk.formation","https:\/\/x.com\/CinnkCom","https:\/\/www.instagram.com\/cinnk"]},{"@type":"Person","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d","name":"Cinnk","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","caption":"Cinnk"},"sameAs":["https:\/\/cinnk.com"],"url":"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/"}]}},"_links":{"self":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/comments?post=260"}],"version-history":[{"count":0,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/260\/revisions"}],"wp:attachment":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/media?parent=260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/categories?post=260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/tags?post=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}