{"id":328,"date":"2026-02-27T05:57:25","date_gmt":"2026-02-27T12:57:25","guid":{"rendered":"https:\/\/wishlistlms.com\/?post_type=ht_kb&#038;p=328"},"modified":"2026-04-14T09:31:07","modified_gmt":"2026-04-14T15:31:07","slug":"configure-wishlist-lms-login-page","status":"publish","type":"ht_kb","link":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/","title":{"rendered":"How To Configure the WishList LMS Login Page"},"content":{"rendered":"<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n\n\n\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n\n\n\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n\n\n\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e02259e26b5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e02259e26b5\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<\/ul>\n\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n\n\n\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n\n\n\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n\n\n\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n\n\n\n<p>You have three options for adding your login page link:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n\n\n\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n\n\n\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n\n\n\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n\n\n\n<p>Follow the steps below to add a login menu item:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n\n\n\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e02259e2ed8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e02259e2ed8\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e02259e309e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e02259e309e\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n\n\n\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n\n\n\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e02259e327a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e02259e327a\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<\/ul>\n\n\n\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n\n\n\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n\n\n\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Start editing the post or page where you want to display the login form.<\/li>\n\n\n\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n\n\n\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3862624023\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3862624023\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3862624023 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3862624023 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e02259e3581&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e02259e3581\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<\/ul>\n\n\n\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e02259e3740&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e02259e3740\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n\n\n\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n\n\n\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-801412965\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-801412965\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-801412965 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-801412965 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3975707384\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3975707384\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3975707384 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3975707384 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3897976026\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3897976026\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3897976026 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3897976026 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2908005061\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2908005061\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2908005061 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2908005061 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-961192469\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-961192469\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-961192469 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-961192469 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> If a drop-down option is already selected, your login page is already configured. You can choose a custom or existing page and use it as your login page instead.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"selecting-a-custom-page-as-your-login-page\"><a href=\"#selecting-a-custom-page-as-your-login-page\">Selecting a Custom Page as Your Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To select an alternative page, whether custom or existing, as the WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-custom-login-page-selection.jpg\" alt=\"Select custom login page\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Use the <strong>WishList LMS Login Page<\/strong> drop-down menu to select any existing page from your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to apply your selection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"editing-the-wishlist-lms-login-page\"><a href=\"#editing-the-wishlist-lms-login-page\">Editing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can personalize your WishList LMS login page by adding custom messages, helpful instructions, or additional content. These customizations can help guide your users effectively and improve their experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To edit your WishList LMS login page, please follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlms-login-page-edit-button.jpg\" alt=\"Edit login page from WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next to the <strong>WishList LMS Login Page<\/strong> option, click the <strong>Edit<\/strong> bouton.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2373630287\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2373630287\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2373630287 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2373630287 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1964793026\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1964793026\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1964793026 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1964793026 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-4074530292\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-4074530292\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-4074530292 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-4074530292 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2754175634\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2754175634\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2754175634 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2754175634 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2798855719\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2798855719\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2798855719 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2798855719 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1769444321\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1769444321\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1769444321 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1769444321 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> If a drop-down option is already selected, your login page is already configured. You can choose a custom or existing page and use it as your login page instead.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"selecting-a-custom-page-as-your-login-page\"><a href=\"#selecting-a-custom-page-as-your-login-page\">Selecting a Custom Page as Your Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To select an alternative page, whether custom or existing, as the WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-custom-login-page-selection.jpg\" alt=\"Select custom login page\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Use the <strong>WishList LMS Login Page<\/strong> drop-down menu to select any existing page from your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to apply your selection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"editing-the-wishlist-lms-login-page\"><a href=\"#editing-the-wishlist-lms-login-page\">Editing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can personalize your WishList LMS login page by adding custom messages, helpful instructions, or additional content. These customizations can help guide your users effectively and improve their experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To edit your WishList LMS login page, please follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlms-login-page-edit-button.jpg\" alt=\"Edit login page from WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next to the <strong>WishList LMS Login Page<\/strong> option, click the <strong>Edit<\/strong> bouton.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3945122655\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3945122655\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3945122655 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3945122655 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-307541500\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-307541500\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-307541500 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-307541500 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3813038406\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3813038406\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3813038406 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3813038406 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-382235226\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-382235226\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-382235226 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-382235226 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3211061392\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3211061392\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3211061392 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3211061392 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1353439290\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1353439290\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1353439290 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1353439290 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> If a drop-down option is already selected, your login page is already configured. You can choose a custom or existing page and use it as your login page instead.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"selecting-a-custom-page-as-your-login-page\"><a href=\"#selecting-a-custom-page-as-your-login-page\">Selecting a Custom Page as Your Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To select an alternative page, whether custom or existing, as the WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-custom-login-page-selection.jpg\" alt=\"Select custom login page\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Use the <strong>WishList LMS Login Page<\/strong> drop-down menu to select any existing page from your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to apply your selection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"editing-the-wishlist-lms-login-page\"><a href=\"#editing-the-wishlist-lms-login-page\">Editing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can personalize your WishList LMS login page by adding custom messages, helpful instructions, or additional content. These customizations can help guide your users effectively and improve their experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To edit your WishList LMS login page, please follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlms-login-page-edit-button.jpg\" alt=\"Edit login page from WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next to the <strong>WishList LMS Login Page<\/strong> option, click the <strong>Edit<\/strong> bouton.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3636882737\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3636882737\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3636882737 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3636882737 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1883021532\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1883021532\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1883021532 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1883021532 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1462451253\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1462451253\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1462451253 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1462451253 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1486417112\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1486417112\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1486417112 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1486417112 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1643720354\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1643720354\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1643720354 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1643720354 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-971255568\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-971255568\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-971255568 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-971255568 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2983528504\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2983528504\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2983528504 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2983528504 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-4094368261\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-4094368261\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-4094368261 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-4094368261 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> If a drop-down option is already selected, your login page is already configured. You can choose a custom or existing page and use it as your login page instead.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"selecting-a-custom-page-as-your-login-page\"><a href=\"#selecting-a-custom-page-as-your-login-page\">Selecting a Custom Page as Your Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To select an alternative page, whether custom or existing, as the WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-custom-login-page-selection.jpg\" alt=\"Select custom login page\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Use the <strong>WishList LMS Login Page<\/strong> drop-down menu to select any existing page from your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to apply your selection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"editing-the-wishlist-lms-login-page\"><a href=\"#editing-the-wishlist-lms-login-page\">Editing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can personalize your WishList LMS login page by adding custom messages, helpful instructions, or additional content. These customizations can help guide your users effectively and improve their experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To edit your WishList LMS login page, please follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlms-login-page-edit-button.jpg\" alt=\"Edit login page from WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next to the <strong>WishList LMS Login Page<\/strong> option, click the <strong>Edit<\/strong> bouton.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-247708474\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-247708474\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-247708474 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-247708474 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-628033656\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-628033656\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-628033656 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-628033656 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1925755482\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1925755482\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1925755482 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1925755482 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-617781103\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-617781103\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-617781103 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-617781103 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1418139875\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1418139875\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1418139875 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1418139875 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3620206036\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3620206036\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3620206036 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3620206036 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2183616535\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2183616535\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2183616535 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2183616535 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1176530561\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1176530561\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1176530561 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1176530561 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3931789705\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3931789705\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3931789705 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3931789705 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1756235118\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1756235118\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1756235118 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1756235118 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> If a drop-down option is already selected, your login page is already configured. You can choose a custom or existing page and use it as your login page instead.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"selecting-a-custom-page-as-your-login-page\"><a href=\"#selecting-a-custom-page-as-your-login-page\">Selecting a Custom Page as Your Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To select an alternative page, whether custom or existing, as the WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-custom-login-page-selection.jpg\" alt=\"Select custom login page\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Use the <strong>WishList LMS Login Page<\/strong> drop-down menu to select any existing page from your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to apply your selection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"editing-the-wishlist-lms-login-page\"><a href=\"#editing-the-wishlist-lms-login-page\">Editing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can personalize your WishList LMS login page by adding custom messages, helpful instructions, or additional content. These customizations can help guide your users effectively and improve their experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To edit your WishList LMS login page, please follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlms-login-page-edit-button.jpg\" alt=\"Edit login page from WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next to the <strong>WishList LMS Login Page<\/strong> option, click the <strong>Edit<\/strong> bouton.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1768221992\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1768221992\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1768221992 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1768221992 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2988506988\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2988506988\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2988506988 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2988506988 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3077797620\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3077797620\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3077797620 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3077797620 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-731998926\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-731998926\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-731998926 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-731998926 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3434777760\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3434777760\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3434777760 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3434777760 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-4243402866\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-4243402866\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-4243402866 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-4243402866 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-725343827\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-725343827\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-725343827 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-725343827 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2141401969\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2141401969\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2141401969 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2141401969 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3361434307\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3361434307\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3361434307 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3361434307 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2808268242\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2808268242\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2808268242 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2808268242 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> If a drop-down option is already selected, your login page is already configured. You can choose a custom or existing page and use it as your login page instead.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"selecting-a-custom-page-as-your-login-page\"><a href=\"#selecting-a-custom-page-as-your-login-page\">Selecting a Custom Page as Your Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To select an alternative page, whether custom or existing, as the WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-custom-login-page-selection.jpg\" alt=\"Select custom login page\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Use the <strong>WishList LMS Login Page<\/strong> drop-down menu to select any existing page from your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to apply your selection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"editing-the-wishlist-lms-login-page\"><a href=\"#editing-the-wishlist-lms-login-page\">Editing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can personalize your WishList LMS login page by adding custom messages, helpful instructions, or additional content. These customizations can help guide your users effectively and improve their experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To edit your WishList LMS login page, please follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlms-login-page-edit-button.jpg\" alt=\"Edit login page from WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next to the <strong>WishList LMS Login Page<\/strong> option, click the <strong>Edit<\/strong> bouton.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-122154874\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-122154874\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-122154874 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-122154874 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1840480776\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1840480776\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1840480776 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1840480776 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3568298437\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3568298437\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3568298437 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3568298437 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2072582504\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2072582504\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2072582504 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2072582504 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1820426316\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1820426316\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1820426316 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1820426316 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2609617152\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2609617152\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2609617152 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2609617152 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3273462609\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3273462609\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3273462609 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3273462609 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1057399690\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1057399690\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1057399690 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1057399690 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2225883227\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2225883227\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2225883227 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2225883227 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3823681217\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3823681217\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3823681217 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3823681217 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1618656909\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1618656909\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1618656909 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1618656909 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3786796975\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3786796975\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3786796975 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3786796975 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> If a drop-down option is already selected, your login page is already configured. You can choose a custom or existing page and use it as your login page instead.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"selecting-a-custom-page-as-your-login-page\"><a href=\"#selecting-a-custom-page-as-your-login-page\">Selecting a Custom Page as Your Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To select an alternative page, whether custom or existing, as the WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-custom-login-page-selection.jpg\" alt=\"Select custom login page\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Use the <strong>WishList LMS Login Page<\/strong> drop-down menu to select any existing page from your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to apply your selection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"editing-the-wishlist-lms-login-page\"><a href=\"#editing-the-wishlist-lms-login-page\">Editing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can personalize your WishList LMS login page by adding custom messages, helpful instructions, or additional content. These customizations can help guide your users effectively and improve their experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To edit your WishList LMS login page, please follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlms-login-page-edit-button.jpg\" alt=\"Edit login page from WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next to the <strong>WishList LMS Login Page<\/strong> option, click the <strong>Edit<\/strong> bouton.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2543670003\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2543670003\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2543670003 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2543670003 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3288748382\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3288748382\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3288748382 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3288748382 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2675401474\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2675401474\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2675401474 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2675401474 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-399451090\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-399451090\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-399451090 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-399451090 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content --><!-- \/wp:paragraph --><!-- wp:post-content --><!-- wp:paragraph -->\n<p>The WishList LMS login page acts as a secure gateway to your members&#8217; area and protected content. Setting it up well is essential. Doing so <strong>protects your content<\/strong>, ensures a smooth user experience, and applies your branding effectively.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>This document guides you on creating your WishList LMS login page. It also shows how to customize and integrate it into your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"creating-the-login-page\"><a href=\"#creating-the-login-page\">Creating the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>WishList LMS provides two methods for setting up your login page. You can use its auto-page-creation system or select an existing page. The chosen page will display username and password fields by default. It also includes a password reset option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page.jpg\" alt=\"WishList LMS Login Page Preview\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>To create your WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-pages-tab.jpg\" alt=\"Pages tab in WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Click on the <strong>WishList LMS Login Page <\/strong>drop-down menu at the top of the page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-auto-create-new-page.jpg\" alt=\"Login page auto-create option\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Select &#8220;<strong>Auto Create New Page<\/strong>&#8221; from the drop-down.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to save your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2358897614\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2358897614\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2358897614 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2358897614 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1749981632\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1749981632\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1749981632 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1749981632 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2277340594\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2277340594\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2277340594 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2277340594 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1571572159\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1571572159\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1571572159 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1571572159 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1557070780\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1557070780\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1557070780 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1557070780 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2242775250\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2242775250\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2242775250 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2242775250 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1455972329\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1455972329\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1455972329 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1455972329 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3568847534\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3568847534\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3568847534 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3568847534 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> If a drop-down option is already selected, your login page is already configured. You can choose a custom or existing page and use it as your login page instead.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"selecting-a-custom-page-as-your-login-page\"><a href=\"#selecting-a-custom-page-as-your-login-page\">Selecting a Custom Page as Your Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To select an alternative page, whether custom or existing, as the WishList LMS login page, follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-custom-login-page-selection.jpg\" alt=\"Select custom login page\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Use the <strong>WishList LMS Login Page<\/strong> drop-down menu to select any existing page from your site.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Update Options<\/strong> button at the bottom of the page to apply your selection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"editing-the-wishlist-lms-login-page\"><a href=\"#editing-the-wishlist-lms-login-page\">Editing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can personalize your WishList LMS login page by adding custom messages, helpful instructions, or additional content. These customizations can help guide your users effectively and improve their experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To edit your WishList LMS login page, please follow these steps:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; Pages<\/strong> tab.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Proceed to the <strong>Reserved Pages<\/strong> section.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlms-login-page-edit-button.jpg\" alt=\"Edit login page from WishList LMS Settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next to the <strong>WishList LMS Login Page<\/strong> option, click the <strong>Edit<\/strong> bouton.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> When you edit the WishList LMS login page, it may appear blank in the editor. This is normal because the page uses the default template. It&#8217;s not visible within the editor. Nevertheless, the login form will display correctly to your website&#8217;s users.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:paragraph -->\n<p>Alternatively, you can edit the login page like any other page using the Block editor and add custom content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Search for the <strong>Connexion<\/strong> page within <strong>Dashboard &gt; Pages<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>S\u00e9lectionnez l'option <strong>Edit<\/strong> option for your login page.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-page-wp-edit-button.jpg\" alt=\"Edit a page or post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Add the content<\/strong> you need.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur <strong>Update <\/strong>to apply changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"position-custom-content-on-the-login-page\"><a href=\"#position-custom-content-on-the-login-page\">Position Custom Content On the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Follow these steps to <strong>add your custom content either above or below the login form<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Begin by <a href=\"#editing-the-wishlist-lms-login-page\"><strong>editing the login page<\/strong><\/a>, then scroll down to the <strong>WishList LMS Settings<\/strong> section.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Check the &#8220;<strong>Manually place the login form<\/strong> <strong>on the page<\/strong>&#8221; option. Enabling this option will reveal the following shortcode:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-1337085243\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-1337085243\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-1337085243 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-1337085243 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/account\/\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"true\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlsml-login-shortcode-between-content.jpg\" alt=\"WishList LMS login form shortcode\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Copy and paste this shortcode onto the page precisely where you wish the login form to appear. Position it between your custom content.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can remove the <code>use_redirect=\"true\"<\/code> part from the shortcode if you do not want to add redirection. It automatically redirects users to a set page after they log in. For example, it can send them directly to their dashboard. This redirection will be based on your <strong>global<\/strong> ou <strong>per-membership login redirect settings<\/strong>. Accordingly, the shortcode without a redirect would appear as:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-3314853897\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-3314853897\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-3314853897 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-3314853897 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-alert\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important:<\/strong> The &#8220;Manually place the login form&#8221; option must be enabled when utilizing this shortcode. Otherwise, all your custom content will be displayed above the login form.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"customizing-the-appearance-of-the-login-page\"><a href=\"#customizing-the-appearance-of-the-login-page\">Customizing the Appearance of the Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section explains how to customize the visual appearance of your WishList LMS login page. Here, you can use WishList LMS LaunchPad\u2122 options or implement custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>LaunchPad\u2122 is a tool designed to simplify the <a href=\"https:\/\/wishlistlms.com\/fr\/documents\/how-to-customize-the-login-page-with-launchpad-template\/\"><strong>styling and customization of your login page<\/strong><\/a> using pre-built options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Otherwise, you can <strong>disable LaunchPad\u2122 and apply custom CSS<\/strong> to customize your WishList LMS login page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Ensure the <strong>LaunchPad\u2122<\/strong> template is disabled within the <strong>Dashboard &gt; WishList LMS &gt; Settings &gt; LaunchPad\u2122<\/strong> tab.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-launchpad-disabled.jpg\" alt=\"Disable LaunchPad template\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Next, you can style the page using custom CSS. Custom CSS can be added to the<a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Theme Customizer<\/strong><\/a> or applied with a third-party plugin (e.g., <a href=\"https:\/\/wordpress.org\/plugins\/yellow-pencil-visual-theme-customizer\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\"><strong>YellowPencil<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-info\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> WishList LMS team does not offer support for custom CSS edits. If you lack experience editing CSS, use resources to learn CSS and browser developer tools basics. Incorrect CSS changes might unintentionally affect your website design.<\/p>\n<!-- \/wp:ht-blocks\/messages -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"wishlist-lms-login-page-design-testing\"><a href=\"#wishlist-lms-login-page-design-testing\">WishList LMS Login Page Design Testing<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>To test the login page, you must be logged out of your website, as otherwise you&#8217;d be redirected. Therefore, to preview your login page design as a logged-in user without being redirected, you should follow these steps.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Open your preferred web browser (e.g., Chrome, Mozilla Firefox, Safari, etc.).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Access the WishList LMS login page using a private browsing window. Use Incognito mode in Chrome or Private Window in Firefox\/Safari. This prevents automatic redirection.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"accessing-the-wishlist-lms-login-page\"><a href=\"#accessing-the-wishlist-lms-login-page\">Accessing the WishList LMS Login Page<\/a><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Create a navigation menu item that links directly to your WishList LMS login page. This method is both common and user-friendly for providing access.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You have three options for adding your login page link:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><a href=\"#linking-a-login-menu-item-to-the-login-page\" title=\"\"><strong>Direct Method<\/strong><\/a><strong>:<\/strong> Add a link to the login page <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/#aioseo-creating-your-first-custom-navigation-menu\" target=\"_blank\" rel=\"noopener\" title=\"directly to your main menu\"><strong>directly to your main menu<\/strong><\/a> (your site&#8217;s primary navigation);<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#integrate-a-shortcode-into-posts-or-pages\" title=\"\"><strong>Shortcodes<\/strong><\/a><strong>:<\/strong> Utilize the available <strong>login shortcodes<\/strong> on any page or post to add the login form directly into your content;<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"#embedding-the-login-form-within-a-php-template\" title=\"\"><strong>PHP Template<\/strong><\/a><strong>:<\/strong> You can also embed the login shortcode directly into a PHP file within your theme.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"linking-a-login-menu-item-to-the-login-page\"><a href=\"#linking-a-login-menu-item-to-the-login-page\">Linking a Login Menu Item to the Login Page<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is often the most common and user-friendly method for providing access to your login page. You can create a navigation menu item that links directly to your WishList LMS login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a login menu item:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; Apparence &gt; Menus<\/strong> in your WordPress dashboard.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Select the specific menu <\/strong>you wish to edit (e.g., your primary navigation menu).<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-select-main-menu.jpg\" alt=\"Select primary menu in WordPress settings\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>In the <strong>Add menu items<\/strong> section on the left, locate the <strong>Pages<\/strong> box.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-add-to-menu.jpg\" alt=\"Select login page and add to menu\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Locate your <strong>WishList LMS Login Page<\/strong>. If you used the <strong>Auto<\/strong> <strong>Create New Page<\/strong> option, it&#8217;s typically titled &#8220;<strong>Connexion<\/strong>&#8220;. <strong>Check the box<\/strong> beside it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Ajouter au menu<\/strong> bouton.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>The login page will now appear as a menu item on the right. You can <strong>drag and drop it to rearrange its position<\/strong> within the menu.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-reposition-menu-item.jpg\" alt=\"Drag n drop menu item to change position\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save Menu<\/strong> button to apply your changes.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Users can access your login page by clicking on the &#8220;<strong>Connexion<\/strong>&#8221; menu item in your website&#8217;s navigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"integrate-a-shortcode-into-posts-or-pages\"><a href=\"#integrate-a-shortcode-into-posts-or-pages\">Integrate a Shortcode Into Posts or Pages<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Shortcodes offer a flexible way to embed the login form directly within any post or page content. This allows you to add the login form as part of a larger page, instead of a standalone login page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Follow the steps below to add a shortcode on a post or page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Start editing the post or page where you want to display the login form.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add a new<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-a-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\"> <strong>Shortcode block<\/strong><\/a> to the WordPress editor (<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Gutenberg editor<\/strong><\/a>).<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Add the following shortcode to the Shortcode block:<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2442254292\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2442254292\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2442254292 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2442254292 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-shortcode-on-post.jpg\" alt=\"WishList LMS login page shortcode on a post\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Cliquez sur le bouton <strong>Save<\/strong> button in the top-right corner.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The login form will now be displayed on that post or page where you placed the shortcode.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"lightbox\":{\"enabled\":true},\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wishlistlms.com\/wp-content\/uploads\/2025\/07\/wlmsl-login-form-preview.jpg\" alt=\"Post with a login form\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\" id=\"embedding-the-login-form-within-a-php-template\"><a href=\"#embedding-the-login-form-within-a-php-template\">Embedding the Login Form Within a PHP Template<\/a><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For more control, you can embed the login form directly into your WordPress child theme&#8217;s PHP files. This option, however, requires a basic understanding of PHP.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To embed the login form, place this code directly into your PHP template file. Ensure it&#8217;s in the exact location where you want the login form to display. When modifying a theme&#8217;s core files, it is advisable to <a href=\"https:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-wordpress-child-theme-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>create a child theme<\/strong><\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\" style=\"background-color:#f5f5f5\">\/\/ WishList LMS Login Form Shortcode\n\n&lt;?php echo do_shortcode('\n<div class=\"wl_wrapper wl_login_form\">\n              <div><span class=\"cspf-shortcode-login-button\"><a class=\"cspfsl-social-login-btn\" href=\"https:\/\/wishlistlms.com\/fr?wishlistlms-social-login-request=google&type=wp_login&redir=aHR0cHM6Ly93aXNobGlzdGxtcy5jb20vZnIvd3AtanNvbi93cC92Mi9odC1rYi8zMjg\" ><span class=\"google-login-btn\"\/><span class=\"icon\"><\/span><span class=\"text google-login-span-text\">Login with Google<\/span><\/a><\/span><\/div><div class=\"cspfsl-div-content\"><p class=\"cspfsl-or-text\">OR<\/p><\/div>    <!-- wl-login-form-start -->     <form name=\"wlms_loginform\" id=\"wlms_loginform\" class=\"wlms-form\" action=\"https:\/\/wishlistlms.com\/fr\/login\/\" method=\"post\">\n            <div class=\"wl-form-row wlms_username\">\n        <div class=\"wl-form-label\">\n                              <label for=\"user_login\">Username or E-mail<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"wl-form-row wlms_password\">\n        <div class=\"wl-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"wl-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button wl-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      \t\t<div id=\"cf-turnstile-2283897633\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAACzDLL2q3feiEzhd\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wishlistlms-login\"\r\n\t\tdata-callback=\"turnstileWLMSCallback\"\r\n\t\t\t\tdata-appearance=\"interaction-only\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\", function() { setTimeout(function(){ var e=document.getElementById(\"cf-turnstile-2283897633\"); if(e&&!e.innerHTML.trim()){turnstile.render(e, {sitekey:\"0x4AAAAAACzDLL2q3feiEzhd\"});} }, 200); });<\/script>\r\n\t\t\t<style>#cf-turnstile-2283897633 iframe { margin-bottom: 15px; }<\/style>\r\n\t\t\t\t<style>#cf-turnstile-2283897633 { margin-left: -15px; }<\/style>\r\n\t\t      <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"wl-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary wlms-share-button\" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/ht-kb\/328\" \/>\n        <input type=\"hidden\" name=\"wlms_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"wlms_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"wl-spacer\">&nbsp;<\/div>\n    <div class=\"wlms-login-actions\">\n        <a\n          href=\"https:\/\/wishlistlms.com\/fr\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- wl-login-form-end --> \n  <\/div>\n'); ?&gt;<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<!-- wp:ht-blocks\/messages {\"className\":\"is-style-danger\"} -->\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Warning:<\/strong> Directly modifying theme files requires caution. Always back up your site before making changes; incorrect edits can break your site. If you are not confident with PHP modifications, consider safer options like the <a href=\"#linking-a-login-menu-item-to-the-login-page\">Direct Method<\/a> ou <a href=\"#integrate-a-shortcode-into-posts-or-pages\">Shortcodes<\/a>.<\/p>\n<!-- \/wp:ht-blocks\/messages --><!-- \/wp:paragraph --><!-- \/wp:post-content -->","protected":false},"excerpt":{"rendered":"<p>Configure and customize your WishList LMS login page. Learn to set up, edit, and integrate it for a smooth user experience.<\/p>","protected":false},"author":7,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[39],"ht-kb-tag":[],"class_list":["post-328","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-login"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"Configure and customize your WishList LMS login page. Learn to set up, edit, and integrate it for a smooth user experience.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Nikola\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"WishList LMS -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"How To Configure the WishList LMS Login Page - WishList LMS\" \/>\n\t\t<meta property=\"og:description\" content=\"Learn to set up and customize your WishList LMS login page. Ensure secure access and integrate navigation for seamless entry to your site&#039;s protected content.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-02-27T12:57:25+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-04-14T15:31:07+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"How To Configure the WishList LMS Login Page\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Learn to set up and customize your WishList LMS login page. Ensure secure access and integrate navigation for seamless entry to your site&#039;s protected content.\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/configure-wishlist-lms-login-page\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wishlistlms.com\\\/fr\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/#listItem\",\"name\":\"Articles\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/#listItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/general\\\/#listItem\",\"name\":\"General\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/general\\\/#listItem\",\"position\":3,\"name\":\"General\",\"item\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/general\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/members-and-accounts\\\/#listItem\",\"name\":\"Members and Accounts\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/#listItem\",\"name\":\"Articles\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/members-and-accounts\\\/#listItem\",\"position\":4,\"name\":\"Members and Accounts\",\"item\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/members-and-accounts\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/login\\\/#listItem\",\"name\":\"Login\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/general\\\/#listItem\",\"name\":\"General\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/login\\\/#listItem\",\"position\":5,\"name\":\"Login\",\"item\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/login\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/configure-wishlist-lms-login-page\\\/#listItem\",\"name\":\"How To Configure the WishList LMS Login Page\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/members-and-accounts\\\/#listItem\",\"name\":\"Members and Accounts\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/configure-wishlist-lms-login-page\\\/#listItem\",\"position\":6,\"name\":\"How To Configure the WishList LMS Login Page\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/doc-categories\\\/login\\\/#listItem\",\"name\":\"Login\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/#organization\",\"name\":\"WishList LMS\",\"url\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/blog\\\/author\\\/nikolacaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/blog\\\/author\\\/nikolacaseproof-com\\\/\",\"name\":\"Nikola\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/configure-wishlist-lms-login-page\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f51466b9c20d16006121773d89975c1429f939b94d380d86197d575a912b6cb6?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Nikola\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/configure-wishlist-lms-login-page\\\/#webpage\",\"url\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/configure-wishlist-lms-login-page\\\/\",\"name\":\"How To Configure the WishList LMS Login Page\",\"description\":\"Configure and customize your WishList LMS login page. Learn to set up, edit, and integrate it for a smooth user experience.\",\"inLanguage\":\"fr-FR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/docs\\\/configure-wishlist-lms-login-page\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/blog\\\/author\\\/nikolacaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/blog\\\/author\\\/nikolacaseproof-com\\\/#author\"},\"datePublished\":\"2026-02-27T05:57:25-07:00\",\"dateModified\":\"2026-04-14T09:31:07-06:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/\",\"name\":\"WishList LMS\",\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/wishlistlms.com\\\/fr\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>How To Configure the WishList LMS Login Page<\/title>\n\n","aioseo_head_json":{"title":"How To Configure the WishList LMS Login Page","description":"Configure and customize your WishList LMS login page. Learn to set up, edit, and integrate it for a smooth user experience.","canonical_url":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr#listItem","position":1,"name":"Home","item":"https:\/\/wishlistlms.com\/fr","nextItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/docs\/#listItem","name":"Articles"}},{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/docs\/#listItem","position":2,"name":"Articles","item":"https:\/\/wishlistlms.com\/fr\/docs\/","nextItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/general\/#listItem","name":"General"},"previousItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/general\/#listItem","position":3,"name":"General","item":"https:\/\/wishlistlms.com\/fr\/doc-categories\/general\/","nextItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/members-and-accounts\/#listItem","name":"Members and Accounts"},"previousItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/docs\/#listItem","name":"Articles"}},{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/members-and-accounts\/#listItem","position":4,"name":"Members and Accounts","item":"https:\/\/wishlistlms.com\/fr\/doc-categories\/members-and-accounts\/","nextItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/login\/#listItem","name":"Login"},"previousItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/general\/#listItem","name":"General"}},{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/login\/#listItem","position":5,"name":"Login","item":"https:\/\/wishlistlms.com\/fr\/doc-categories\/login\/","nextItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/#listItem","name":"How To Configure the WishList LMS Login Page"},"previousItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/members-and-accounts\/#listItem","name":"Members and Accounts"}},{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/#listItem","position":6,"name":"How To Configure the WishList LMS Login Page","previousItem":{"@type":"ListItem","@id":"https:\/\/wishlistlms.com\/fr\/doc-categories\/login\/#listItem","name":"Login"}}]},{"@type":"Organization","@id":"https:\/\/wishlistlms.com\/fr\/#organization","name":"WishList LMS","url":"https:\/\/wishlistlms.com\/fr\/"},{"@type":"Person","@id":"https:\/\/wishlistlms.com\/fr\/blog\/author\/nikolacaseproof-com\/#author","url":"https:\/\/wishlistlms.com\/fr\/blog\/author\/nikolacaseproof-com\/","name":"Nikola","image":{"@type":"ImageObject","@id":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/f51466b9c20d16006121773d89975c1429f939b94d380d86197d575a912b6cb6?s=96&d=mm&r=g","width":96,"height":96,"caption":"Nikola"}},{"@type":"WebPage","@id":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/#webpage","url":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/","name":"How To Configure the WishList LMS Login Page","description":"Configure and customize your WishList LMS login page. Learn to set up, edit, and integrate it for a smooth user experience.","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/wishlistlms.com\/fr\/#website"},"breadcrumb":{"@id":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/#breadcrumblist"},"author":{"@id":"https:\/\/wishlistlms.com\/fr\/blog\/author\/nikolacaseproof-com\/#author"},"creator":{"@id":"https:\/\/wishlistlms.com\/fr\/blog\/author\/nikolacaseproof-com\/#author"},"datePublished":"2026-02-27T05:57:25-07:00","dateModified":"2026-04-14T09:31:07-06:00"},{"@type":"WebSite","@id":"https:\/\/wishlistlms.com\/fr\/#website","url":"https:\/\/wishlistlms.com\/fr\/","name":"WishList LMS","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/wishlistlms.com\/fr\/#organization"}}]},"og:locale":"fr_FR","og:site_name":"WishList LMS -","og:type":"article","og:title":"How To Configure the WishList LMS Login Page - WishList LMS","og:description":"Learn to set up and customize your WishList LMS login page. Ensure secure access and integrate navigation for seamless entry to your site's protected content.","og:url":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/","article:published_time":"2026-02-27T12:57:25+00:00","article:modified_time":"2026-04-14T15:31:07+00:00","twitter:card":"summary_large_image","twitter:title":"How To Configure the WishList LMS Login Page","twitter:description":"Learn to set up and customize your WishList LMS login page. Ensure secure access and integrate navigation for seamless entry to your site's protected content."},"aioseo_meta_data":{"post_id":"328","title":"#post_title","description":"Configure and customize your WishList LMS login page. Learn to set up, edit, and integrate it for a smooth user experience.","keywords":null,"keyphrases":{"focus":{"keyphrase":"WishList LMS login page","score":100,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":4},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":9,"maxScore":9,"error":0},"keyphraseInImageAlt":{"score":9,"maxScore":9,"error":0},"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":"#post_title #separator_sa #site_title","og_description":"Learn to set up and customize your WishList LMS login page. Ensure secure access and integrate navigation for seamless entry to your site's protected content.","og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":"#post_title","twitter_description":"Learn to set up and customize your WishList LMS login page. Ensure secure access and integrate navigation for seamless entry to your site's protected content.","schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-04-14 15:32:20","breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-06-18 10:56:23","updated":"2026-04-14 15:32:20"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/wishlistlms.com\/fr\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/wishlistlms.com\/fr\/docs\/\" title=\"Articles\">Articles<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/wishlistlms.com\/fr\/doc-categories\/general\/\" title=\"General\">General<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/wishlistlms.com\/fr\/doc-categories\/members-and-accounts\/\" title=\"Members and Accounts\">Members and Accounts<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/wishlistlms.com\/fr\/doc-categories\/login\/\" title=\"Login\">Login<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tHow To Configure the WishList LMS Login Page\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/wishlistlms.com\/fr"},{"label":"Articles","link":"https:\/\/wishlistlms.com\/fr\/docs\/"},{"label":"General","link":"https:\/\/wishlistlms.com\/fr\/doc-categories\/general\/"},{"label":"Members and Accounts","link":"https:\/\/wishlistlms.com\/fr\/doc-categories\/members-and-accounts\/"},{"label":"Login","link":"https:\/\/wishlistlms.com\/fr\/doc-categories\/login\/"},{"label":"How To Configure the WishList LMS Login Page","link":"https:\/\/wishlistlms.com\/fr\/docs\/configure-wishlist-lms-login-page\/"}],"_links":{"self":[{"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/ht-kb\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":82,"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/ht-kb\/328\/revisions"}],"predecessor-version":[{"id":3243,"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/ht-kb\/328\/revisions\/3243"}],"wp:attachment":[{"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/media?parent=328"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=328"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/wishlistlms.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}