{"id":2876,"date":"2017-05-15T11:06:50","date_gmt":"2017-05-15T11:06:50","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=2876"},"modified":"2025-12-06T06:33:59","modified_gmt":"2025-12-06T04:33:59","slug":"pro-v140-login-widget","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/pro-v140-login-widget\/","title":{"rendered":"Introducing Elementor&#8217;s WordPress Login Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2876\" class=\"elementor elementor-2876\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9a02km elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f9a02km\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-qygvpxz\" data-id=\"qygvpxz\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6nxuyxf elementor-widget elementor-widget-text-editor\" data-id=\"6nxuyxf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tIn Elementor, we like to do things differently, and this is why we are introducing a new way to visually design your login forms. You will love it.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41vyinj elementor-widget elementor-widget-heading\" data-id=\"41vyinj\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Introducing Login widget<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c64mi2x elementor-widget elementor-widget-text-editor\" data-id=\"c64mi2x\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Whenever you create a site which has the options for users to log in, you want those users to have a consistent user experience when browsing your site, including when they log in. This consistent experience involves having a login forms with the same design, the same colors, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\"   title=\"26 Best Fonts For Websites &amp; Web Design (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"27027\">typography<\/a>, forms, buttons and so on.<\/p>\n<p>Elementor&#8217;s <a href=\"https:\/\/elementor.com\/widgets\/login-widget\/\">login widget<\/a>&nbsp;lets you easily&nbsp;add login forms to any page, and fully customize every part of it: the fields, the button, the messages and the frame.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-lxbasot elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"lxbasot\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-pxoqmhc\" data-id=\"pxoqmhc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-djvrxxc elementor-widget elementor-widget-heading\" data-id=\"djvrxxc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-large\">When to use the Login widget on WordPress\n\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-yiggmjo elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"yiggmjo\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fsjgevo elementor-widget elementor-widget-text-editor\" data-id=\"fsjgevo\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There are many situations where the login widget comes in handy.<\/p><p>Some interesting ideas for using the login widget can be:<\/p><p><strong>Maintenance mode<\/strong>\u00a0<strong>pages\u00a0<\/strong>&#8211; The recently added free feature of Elementor <a href=\"https:\/\/elementor.com\/blog\/v140-maintenance-mode\/\">maintenance mode<\/a> feature is very handy, but it get even better for pro users, since they can also add login forms to their maintenance mode page. This way you can display the maintenance mode page to your visitors, but still allow them to access the under construction or coming soon site by logging in to their account.<\/p><p><strong>Sidebar login forms\u00a0<\/strong>&#8211; The login form doesn&#8217;t have to be the only element in the page. You can save your login widget as a global widget, and then\u00a0quickly\u00a0embed it in sidebars throughout your site. This way your visitor will have a quick access to login to your site.<\/p><p><strong>Video background login page &#8211;\u00a0<\/strong>Video background helps create a unique page design, and\u00a0adding them to login pages can make for a nice touch.<\/p><p><strong>Holiday \/ Sale &#8211;\u00a0<\/strong>If you have seasonal sales, holidays or current announcements, you can incorporate them in the design of the login page to get your message across.<\/p><p><strong>Membership sites &#8211;\u00a0<\/strong>If you have a membership site, you can create a login page that includes the pricing model of the site. This way unregistered users can choose to sign up\u00a0and pay for membership right from the login page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8fueyla elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8fueyla\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-j4btrey\" data-id=\"j4btrey\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eili1n5 elementor-widget elementor-widget-heading\" data-id=\"eili1n5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Change login fields<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea5sb2z elementor-widget elementor-widget-text-editor\" data-id=\"ea5sb2z\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The new widget lets you hide or show the labels of the login form fields. These are the labels for: &#8216;Username or Email Address&#8217; and &#8216;Password&#8217;. You also have control over the size of the input fields.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-oye3dex elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"oye3dex\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-tvyudg4 elementor-widget elementor-widget-heading\" data-id=\"tvyudg4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Customize button and messages<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fanqc8l elementor-widget elementor-widget-text-editor\" data-id=\"fanqc8l\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For the login form button, you get options to change the button text, size, and alignment.<\/p><p>Additional options include showing or hiding the &#8216;Lost your password?&#8217;, &#8216;Remember Me&#8217; and &#8216;Logged in Message&#8217;, as well as customizing the username and password label and placeholder text.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-p2e1sb1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"p2e1sb1\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ntifxh elementor-widget elementor-widget-heading\" data-id=\"7ntifxh\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Login form layout and style<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-uwaryko elementor-widget elementor-widget-text-editor\" data-id=\"uwaryko\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With the login widget, changing the style and layout of the login form is easy.<\/p><p>The Rows Gap option lets you change the space between the form elements.<\/p><p>You can also customize the Links and links hover Colors. The links here are referring to the login form messages, like the &#8216;lost the password&#8217; message link.<\/p><p>You have the option to control the space between the label and the field and change the label text color and typography.<\/p><p>In the fields tab, you can change the field&#8217;s text color, typography, background color, border color, border width and border radius.<\/p><p>Finally, the button options include changing the normal and hover button settings. These include text color, typography, background color, border type, border radius and text padding.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9g97axv elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9g97axv\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7x765e5 elementor-widget elementor-widget-heading\" data-id=\"7x765e5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Redirect after login<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-qyj6xnb elementor-widget elementor-widget-text-editor\" data-id=\"qyj6xnb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you want your visitors to be redirected to a specific page after they log in, you can switch on &#8216;Redirect After Login&#8217; and add any <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/url\/\"   title=\"What is a URL? Structure, Syntax &amp; Best Practices\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"27029\">URL<\/a> from your website. After your users log in, they will be automatically redirected to that page.<\/p><p>An example of when you would use this redirect is on\u00a0a maintenance mode page. After your users log into your site on the maintenance mode page, you will be able to redirect them to their dashboard.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-hckn0v8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"hckn0v8\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7rs23ld elementor-widget elementor-widget-heading\" data-id=\"7rs23ld\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Additional options for the login form<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-tyc8kvy elementor-widget elementor-widget-text-editor\" data-id=\"tyc8kvy\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the advanced tab, you will have further customization options, including the ability to add your own custom image or color background and border for the login form.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-s52iztc elementor-widget elementor-widget-image\" data-id=\"s52iztc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"402\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=402\/blog\/wp-content\/uploads\/2017\/05\/library-3-templates-login-768x402.png\" class=\"attachment-medium_large size-medium_large wp-image-2951\" alt=\"library 3 templates - login\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2017\/05\/library-3-templates-login-768x402.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2017\/05\/library-3-templates-login-300x157.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2017\/05\/library-3-templates-login-1024x536.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2017\/05\/library-3-templates-login.png 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9pht7fj elementor-widget elementor-widget-heading\" data-id=\"9pht7fj\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3 gorgeous Pro login page templates<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eebxj80 elementor-widget elementor-widget-text-editor\" data-id=\"eebxj80\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you are not a professional web designer, getting started with a pre-designed <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"27028\">template<\/a> can help produce better-designed results.<\/p><p>We&#8217;ve\u00a0added 3 beautiful login page templates, that come pre-built with a designed login form.\u00a0Open your Elementor editor and go into the template library in order to try out and customize these 3 templates.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d4i35rs elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d4i35rs\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-pbo7g0w\" data-id=\"pbo7g0w\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-pv8h12h elementor-widget elementor-widget-image\" data-id=\"pv8h12h\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/library.elementor.com\/login-page\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"156\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=250,h=156\/blog\/wp-content\/uploads\/2017\/05\/login-1-s.png\" class=\"elementor-animation-shrink attachment-medium size-medium wp-image-2965\" alt=\"login-1-s\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-jpzqgyl\" data-id=\"jpzqgyl\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-qpc9dab elementor-widget elementor-widget-image\" data-id=\"qpc9dab\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/library.elementor.com\/login-page-2\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"156\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=250,h=156\/blog\/wp-content\/uploads\/2017\/05\/login-3-s.png\" class=\"elementor-animation-shrink attachment-medium size-medium wp-image-2967\" alt=\"login-3-s\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-hchd00u\" data-id=\"hchd00u\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0z0q7ot elementor-widget elementor-widget-image\" data-id=\"0z0q7ot\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/library.elementor.com\/coming-soon-10\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"156\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=250,h=156\/blog\/wp-content\/uploads\/2017\/05\/login-2-s.png\" class=\"elementor-animation-shrink attachment-medium size-medium wp-image-2966\" alt=\"login-2-s\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdt94cg elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"cdt94cg\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-imn2z8g elementor-widget elementor-widget-heading\" data-id=\"imn2z8g\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-paur653 elementor-widget elementor-widget-text-editor\" data-id=\"paur653\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor&#8217;s Login widget for WordPress offers a much more user-friendly\u00a0option to customize login pages in WordPress. You can use this feature to create creative and unique login pages,\u00a0in order to give your visitor a consistent experience when browsing through your website.<\/p><p>The Login widget is a specific type of Elementor form. If you\u00a0would like to create a different form, I suggest you check out our tutorial regarding the form widget, including the recent release of <a href=\"https:\/\/elementor.com\/pro-v140-form-integrations\/\">form integrations<\/a>.<\/p><p>Created a nice login page? Don&#8217;t be shy and send it\u00a0our way via the comments below.<\/p><p><strong>If you still haven&#8217;t upgraded to Pro and you&#8217;re curious, check out <a href=\"https:\/\/elementor.com\/pro\">Elementor Pro<\/a> and take your WordPress site to the next level.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elementor introduces a new Login widget for WordPress, making it easy to add login forms to any page on WordPress, and design it however way you choose. <\/p>\n","protected":false},"author":4,"featured_media":2957,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[79],"marketing_persona":[],"marketing_intent":[],"class_list":["post-2876","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-new-features","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing Elementor&#039;s WordPress Login Widget<\/title>\n<meta name=\"description\" content=\"Elementor introduces a new WordPress Login widget, making it easy to add login forms to any page on WordPress and design it however way you choose.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/widgets\/login-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Elementor&#039;s WordPress Login Widget\" \/>\n<meta property=\"og:description\" content=\"Elementor introduces a new WordPress Login widget, making it easy to add login forms to any page on WordPress and design it however way you choose.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/widgets\/login-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-15T11:06:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-06T04:33:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ben Pines\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Pines\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/widgets\/login-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/pro-v140-login-widget\/\"},\"author\":{\"name\":\"Ben Pines\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\"},\"headline\":\"Introducing Elementor&#8217;s WordPress Login Widget\",\"datePublished\":\"2017-05-15T11:06:50+00:00\",\"dateModified\":\"2025-12-06T04:33:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/pro-v140-login-widget\/\"},\"wordCount\":901,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/widgets\/login-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/widgets\/login-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/pro-v140-login-widget\/\",\"url\":\"https:\/\/elementor.com\/widgets\/login-widget\/\",\"name\":\"Introducing Elementor's WordPress Login Widget\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/widgets\/login-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/widgets\/login-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png\",\"datePublished\":\"2017-05-15T11:06:50+00:00\",\"dateModified\":\"2025-12-06T04:33:59+00:00\",\"description\":\"Elementor introduces a new WordPress Login widget, making it easy to add login forms to any page on WordPress and design it however way you choose.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/widgets\/login-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/widgets\/login-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/widgets\/login-widget\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png\",\"width\":1200,\"height\":628,\"caption\":\"elementor-login-widget\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/widgets\/login-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Features\",\"item\":\"https:\/\/elementor.com\/blog\/category\/new-features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Elementor&#8217;s WordPress Login Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\",\"name\":\"Ben Pines\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"caption\":\"Ben Pines\"},\"description\":\"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.\",\"sameAs\":[\"https:\/\/elementor.com\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/ben-pines\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Elementor's WordPress Login Widget","description":"Elementor introduces a new WordPress Login widget, making it easy to add login forms to any page on WordPress and design it however way you choose.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/widgets\/login-widget\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Elementor's WordPress Login Widget","og_description":"Elementor introduces a new WordPress Login widget, making it easy to add login forms to any page on WordPress and design it however way you choose.","og_url":"https:\/\/elementor.com\/widgets\/login-widget\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2017-05-15T11:06:50+00:00","article_modified_time":"2025-12-06T04:33:59+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png","type":"image\/png"}],"author":"Ben Pines","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Ben Pines","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/widgets\/login-widget\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/pro-v140-login-widget\/"},"author":{"name":"Ben Pines","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a"},"headline":"Introducing Elementor&#8217;s WordPress Login Widget","datePublished":"2017-05-15T11:06:50+00:00","dateModified":"2025-12-06T04:33:59+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/pro-v140-login-widget\/"},"wordCount":901,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/widgets\/login-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png","keywords":["Build"],"articleSection":["New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/widgets\/login-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/pro-v140-login-widget\/","url":"https:\/\/elementor.com\/widgets\/login-widget\/","name":"Introducing Elementor's WordPress Login Widget","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/widgets\/login-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/widgets\/login-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png","datePublished":"2017-05-15T11:06:50+00:00","dateModified":"2025-12-06T04:33:59+00:00","description":"Elementor introduces a new WordPress Login widget, making it easy to add login forms to any page on WordPress and design it however way you choose.","breadcrumb":{"@id":"https:\/\/elementor.com\/widgets\/login-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/widgets\/login-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/widgets\/login-widget\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/05\/elementor-login-widget.png","width":1200,"height":628,"caption":"elementor-login-widget"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/widgets\/login-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"New Features","item":"https:\/\/elementor.com\/blog\/category\/new-features\/"},{"@type":"ListItem","position":3,"name":"Introducing Elementor&#8217;s WordPress Login Widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a","name":"Ben Pines","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","caption":"Ben Pines"},"description":"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.","sameAs":["https:\/\/elementor.com"],"url":"https:\/\/elementor.com\/blog\/author\/ben-pines\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/2876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=2876"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/2876\/revisions"}],"predecessor-version":[{"id":146804,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/2876\/revisions\/146804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/2957"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=2876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=2876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=2876"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=2876"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=2876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}