{"id":6293,"date":"2022-08-01T08:27:25","date_gmt":"2022-08-01T08:27:25","guid":{"rendered":"https:\/\/demo6.listivotheme.com\/?page_id=6293"},"modified":"2022-08-05T10:45:51","modified_gmt":"2022-08-05T10:45:51","slug":"login-and-register","status":"publish","type":"page","link":"https:\/\/smallbizmobilepros.com\/login-and-register\/","title":{"rendered":"Login and register"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6293\" class=\"elementor elementor-6293\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a7abafb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1a7abafb\" 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-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-395f40e9\" data-id=\"395f40e9\" 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-b096169 elementor-widget elementor-widget-spacer\" data-id=\"b096169\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 07-02-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-488ebe42 elementor-widget elementor-widget-lst_login_and_register\" data-id=\"488ebe42\" data-element_type=\"widget\" data-widget_type=\"lst_login_and_register.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div\r\n            class=\"listivo-app listivo-login-widget\"\r\n    >\r\n    <div class=\"listivo-login-widget__form\">\r\n                    <lst-tabs\r\n        class=\"listivo-login-form\"\r\n        initial-tab=\"login\"\r\n        tabs-id=\"account\"\r\n        :allow-close=\"false\"\r\n>\r\n    <div\r\n            class=\"listivo-login-form\"\r\n            slot-scope=\"tabs\"\r\n    >\r\n        \r\n        <div\r\n                            class=\"listivo-login-form__inner listivo-login-form__inner--rounded\"\r\n                    >\r\n            \r\n                <div v-if=\"tabs.tab === 'login'\">\r\n                    \r\n<lst-login\r\n        class=\"listivo-login-form__form\"\r\n        request-url=\"https:\/\/smallbizmobilepros.com\/wp-admin\/admin-post.php?action=listivo\/user\/login\"\r\n        send-confirmation-request-url=\"https:\/\/smallbizmobilepros.com\/wp-admin\/admin-post.php?action=listivo\/user\/sendConfirmationMail\"\r\n        redirect-url=\"https:\/\/smallbizmobilepros.com\/panel\/list\/\"\r\n        :is-admin=\"false\"\r\n        td-nonce=\"a5b4322cf5\"\r\n        send-again-text=\"Send again\"\r\n        close-text=\"Close\"\r\n        confirmation-email-sent-title=\"Success\"\r\n        confirmation-email-sent-text=\"Confirmation email has been sent.\"\r\n        send-confirmation-email-title=\"Send Confirmation Email\"\r\n        send-confirmation-email-text=\"Send confirmation email again\"\r\n        invalid-email-text=\"Invalid email\"\r\n        :login-min-length=\"1\"\r\n    >\r\n    <div\r\n            class=\"listivo-login-form__form\"\r\n            slot-scope=\"loginForm\"\r\n    >\r\n        <form @submit.prevent=\"loginForm.onLogin\">\r\n            <div\r\n                    class=\"listivo-login-form__field listivo-input-v2 listivo-input-v2--with-icon\"\r\n                    :class=\"{\r\n                        'listivo-input-v2--error': loginForm.showErrors && (!loginForm.errors.login.required || !loginForm.errors.login.minLength),\r\n                    }\"\r\n            >\r\n                <div class=\"listivo-input-v2__icon listivo-icon-v2\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                              d=\"M0 8C0 3.58883 3.58883 0 8 0C12.4112 0 16 3.58883 16 8C16 12.4112 12.4112 16 8 16C3.58883 16 0 12.4112 0 8ZM14.7992 8C14.7992 4.23736 11.7619 1.2 7.99922 1.2C4.23657 1.2 1.19922 4.23736 1.19922 8C1.19922 11.7626 4.23657 14.8 7.99922 14.8C11.7619 14.8 14.7992 11.7626 14.7992 8ZM8.00039 2.4C4.91457 2.4 2.40039 4.91418 2.40039 8C2.40039 11.0858 4.91457 13.6 8.00039 13.6C8.69124 13.6 9.3557 13.4746 9.96836 13.2445C10.1715 13.1709 10.3194 12.9938 10.3556 12.7808C10.3918 12.5678 10.3106 12.3518 10.1432 12.2153C9.97576 12.0788 9.74784 12.0428 9.54648 12.1211C9.06635 12.3014 8.54634 12.4 8.00039 12.4C5.56301 12.4 3.60039 10.4374 3.60039 8C3.60039 5.56262 5.56301 3.6 8.00039 3.6C10.4378 3.6 12.4004 5.56262 12.4004 8V8.6C12.4004 9.15929 11.9597 9.6 11.4004 9.6C10.8411 9.6 10.4004 9.15929 10.4004 8.6V5.8C10.4028 5.49492 10.1759 5.23659 9.87308 5.19961C9.57025 5.16263 9.28786 5.35877 9.2168 5.65547C8.81185 5.36971 8.32747 5.2 7.80039 5.2C6.33967 5.2 5.20039 6.49099 5.20039 8C5.20039 9.50901 6.33967 10.8 7.80039 10.8C8.54069 10.8 9.1973 10.4673 9.66602 9.94375C10.0698 10.4624 10.6977 10.8 11.4004 10.8C12.6083 10.8 13.6004 9.80791 13.6004 8.6V8C13.6004 4.91418 11.0862 2.4 8.00039 2.4ZM9.20039 8C9.20039 7.08261 8.54527 6.4 7.80039 6.4C7.05552 6.4 6.40039 7.08261 6.40039 8C6.40039 8.91739 7.05552 9.6 7.80039 9.6C8.54527 9.6 9.20039 8.91739 9.20039 8Z\"\r\n                              fill=\"#FDFDFE\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <input\r\n                        id=\"listivo-login\"\r\n                        type=\"text\"\r\n                        placeholder=\"Email or Username\"\r\n                        :value=\"loginForm.login\"\r\n                        @input=\"loginForm.setLogin($event.target.value)\"\r\n                >\r\n\r\n                <template>\r\n                    <div\r\n                            class=\"listivo-input-v2__error listivo-field-error\"\r\n                            v-if=\"loginForm.showErrors && (!loginForm.errors.login.required || !loginForm.errors.login.minLength)\"\r\n                    >\r\n                        <div class=\"listivo-field-error__icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10\" height=\"9\" viewBox=\"0 0 10 9\"\r\n                                 fill=\"none\">\r\n                                <path d=\"M0.105217 7.80234L4.38783 0.354178C4.51386 0.135013 4.74732 0 4.99999 0C5.25265 0 5.48611 0.135013 5.61214 0.354178L9.89475 7.80234C10.0269 8.03213 10.0351 8.31277 9.91661 8.54991L9.9164 8.55032C9.78241 8.8181 9.50871 8.98722 9.20927 8.98722H0.790697C0.491259 8.98722 0.217558 8.8181 0.0837706 8.55032L0.0835662 8.54991C-0.035106 8.31277 -0.0269357 8.03213 0.105217 7.80234Z\"\r\n                                      fill=\"#FDFDFE\"\/>\r\n                                <path d=\"M5.40848 7.55742C5.40848 7.78313 5.22567 7.96593 4.99997 7.96593C4.77427 7.96593 4.59146 7.78313 4.59146 7.55742C4.59146 7.33172 4.77427 7.14891 4.99997 7.14891C5.22567 7.14891 5.40848 7.33172 5.40848 7.55742ZM4.99997 2.85956C4.66152 2.85956 4.38721 3.13387 4.38721 3.47232L4.5643 6.12846C4.57962 6.35783 4.77019 6.53615 4.99997 6.53615C5.22976 6.53615 5.42033 6.35783 5.43565 6.12846L5.61274 3.47232C5.61274 3.13387 5.33842 2.85956 4.99997 2.85956Z\"\r\n                                      fill=\"#F09965\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                        <template v-if=\"!loginForm.errors.login.required\">\r\n                            Field is required                        <\/template>\r\n\r\n                        <template v-if=\"!loginForm.errors.login.minLength\">\r\n                                                            Username must have at least 1 letters.                                                    <\/template>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n\r\n            <div\r\n                    class=\"listivo-login-form__field listivo-input-v2 listivo-input-v2--with-icon\"\r\n                    :class=\"{\r\n                        'listivo-input-v2--error': loginForm.showErrors && (!loginForm.errors.password.required || !loginForm.errors.password.minLength)\r\n                    }\"\r\n            >\r\n                <div class=\"listivo-input-v2__icon listivo-icon-v2\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"16\" viewBox=\"0 0 13 16\" fill=\"none\">\r\n                        <path d=\"M6.09524 0C3.56281 0 1.52381 2.039 1.52381 4.57143V5.33333C0.691 5.33333 0 6.02433 0 6.85714V14.4762C0 15.309 0.691 16 1.52381 16H10.6667C11.4995 16 12.1905 15.309 12.1905 14.4762V6.85714C12.1905 6.02433 11.4995 5.33333 10.6667 5.33333V4.57143C10.6667 2.039 8.62766 0 6.09524 0ZM6.09524 1.52381C7.82948 1.52381 9.14286 2.83719 9.14286 4.57143V5.33333H3.04762V4.57143C3.04762 2.83719 4.361 1.52381 6.09524 1.52381ZM1.52381 6.85714H10.6667V14.4762H1.52381V6.85714ZM6.09524 9.14286C5.25714 9.14286 4.57143 9.82857 4.57143 10.6667C4.57143 11.5048 5.25714 12.1905 6.09524 12.1905C6.93333 12.1905 7.61905 11.5048 7.61905 10.6667C7.61905 9.82857 6.93333 9.14286 6.09524 9.14286Z\"\r\n                              fill=\"#FDFDFE\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <input\r\n                        id=\"listivo-password\"\r\n                        type=\"password\"\r\n                        placeholder=\"Password\"\r\n                        :value=\"loginForm.password\"\r\n                        @input=\"loginForm.setPassword($event.target.value)\"\r\n                >\r\n\r\n                <template>\r\n                    <div\r\n                            v-if=\"loginForm.showErrors && (!loginForm.errors.password.required || !loginForm.errors.password.minLength)\"\r\n                            class=\"listivo-input-v2__error listivo-field-error\"\r\n                    >\r\n                        <div class=\"listivo-field-error__icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10\" height=\"9\" viewBox=\"0 0 10 9\"\r\n                                 fill=\"none\">\r\n                                <path d=\"M0.105217 7.80234L4.38783 0.354178C4.51386 0.135013 4.74732 0 4.99999 0C5.25265 0 5.48611 0.135013 5.61214 0.354178L9.89475 7.80234C10.0269 8.03213 10.0351 8.31277 9.91661 8.54991L9.9164 8.55032C9.78241 8.8181 9.50871 8.98722 9.20927 8.98722H0.790697C0.491259 8.98722 0.217558 8.8181 0.0837706 8.55032L0.0835662 8.54991C-0.035106 8.31277 -0.0269357 8.03213 0.105217 7.80234Z\"\r\n                                      fill=\"#FDFDFE\"\/>\r\n                                <path d=\"M5.40848 7.55742C5.40848 7.78313 5.22567 7.96593 4.99997 7.96593C4.77427 7.96593 4.59146 7.78313 4.59146 7.55742C4.59146 7.33172 4.77427 7.14891 4.99997 7.14891C5.22567 7.14891 5.40848 7.33172 5.40848 7.55742ZM4.99997 2.85956C4.66152 2.85956 4.38721 3.13387 4.38721 3.47232L4.5643 6.12846C4.57962 6.35783 4.77019 6.53615 4.99997 6.53615C5.22976 6.53615 5.42033 6.35783 5.43565 6.12846L5.61274 3.47232C5.61274 3.13387 5.33842 2.85956 4.99997 2.85956Z\"\r\n                                      fill=\"#F09965\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                        <template v-if=\"!loginForm.errors.password.required\">\r\n                            Field is required                        <\/template>\r\n\r\n                        <template v-if=\"!loginForm.errors.password.minLength\">\r\n                            Password must have at least 6 letters.                        <\/template>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n\r\n            <div class=\"listivo-login-form__bottom\">\r\n                <div\r\n                        class=\"listivo-login-form__remember\"\r\n                        @click.prevent=\"loginForm.setRemember\"\r\n                >\r\n                    <div\r\n                            class=\"listivo-login-form__checkbox listivo-checkbox\"\r\n                            :class=\"{'listivo-checkbox--checked': loginForm.remember}\"\r\n                    >\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"11\" viewBox=\"0 0 12 11\" fill=\"none\">\r\n                            <path d=\"M11.7142 0.779513L10.6378 0.103783C10.3399 -0.0824758 9.93186 -0.011004 9.73252 0.261887L4.45585 7.44801L2.03093 5.20858C1.77765 4.97467 1.3649 4.97467 1.11162 5.20858L0.18996 6.05974C-0.06332 6.29364 -0.06332 6.67482 0.18996 6.9109L3.91881 10.3545C4.12753 10.5473 4.45585 10.6945 4.75135 10.6945C5.04684 10.6945 5.34468 10.5235 5.53698 10.2657L11.8877 1.61335C12.0894 1.34046 12.012 0.965772 11.7142 0.779513Z\"\r\n                                  fill=\"#FDFDFE\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    Remember me                <\/div>\r\n\r\n                <lst-reset-password\r\n                        class=\"listivo-login-form__lost-password\"\r\n                        td-nonce=\"65708b5421\"\r\n                        request-url=\"https:\/\/smallbizmobilepros.com\/wp-admin\/admin-post.php?action=listivo\/user\/resetPassword\"\r\n                        title-text=\"Reset Password\"\r\n                        message-text=\"Enter the email address associated with the account.\"\r\n                        confirmation-button-text=\"Send\"\r\n                        cancel-button-text=\"Cancel\"\r\n                        invalid-email-text=\"Invalid email\"\r\n                        close-text=\"Close\"\r\n                                    >\r\n                    <div\r\n                            slot-scope=\"resetPassword\"\r\n                            class=\"listivo-login-form__lost-password\"\r\n                            @click.prevent=\"resetPassword.onClick\"\r\n                    >\r\n                        Forgot password?                    <\/div>\r\n                <\/lst-reset-password>\r\n            <\/div>\r\n\r\n            <div class=\"listivo-login-form__button\">\r\n                <button\r\n                                            class=\"listivo-simple-button listivo-simple-button--background-primary-1 listivo-button-primary-1-selector listivo-simple-button--full-width listivo-simple-button--height-60\"\r\n                                            :class=\"{'listivo-simple-button--loading': loginForm.inProgress}\"\r\n                        :disabled=\"loginForm.inProgress\"\r\n                >\r\n                    <span v-if=\"!loginForm.inProgress\">\r\n                        Login                    <\/span>\r\n\r\n                    <template>\r\n                        <svg\r\n                                v-if=\"loginForm.inProgress\"\r\n                                width='40'\r\n                                height='10'\r\n                                viewBox='0 0 120 30'\r\n                                xmlns='http:\/\/www.w3.org\/2000\/svg'\r\n                                fill='#fff'\r\n                                class=\"listivo-simple-button__loading\"\r\n                        >\r\n                            <circle cx='15' cy='15' r='15'>\r\n                                <animate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15'\r\n                                         calcMode='linear' repeatCount='indefinite'\/>\r\n                                <animate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s'\r\n                                         values='1;.5;1'\r\n                                         calcMode='linear' repeatCount='indefinite'\/>\r\n                            <\/circle>\r\n\r\n                            <circle cx='60' cy='15' r='9' fill-opacity='0.3'>\r\n                                <animate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9'\r\n                                         calcMode='linear' repeatCount='indefinite'\/>\r\n                                <animate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s'\r\n                                         values='.5;1;.5' calcMode='linear' repeatCount='indefinite'\/>\r\n                            <\/circle>\r\n\r\n                            <circle cx='105' cy='15' r='15'>\r\n                                <animate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15'\r\n                                         calcMode='linear' repeatCount='indefinite'\/>\r\n                                <animate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s'\r\n                                         values='1;.5;1'\r\n                                         calcMode='linear' repeatCount='indefinite'\/>\r\n                            <\/circle>\r\n                        <\/svg>\r\n                    <\/template>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <lst-reset-password\r\n                    class=\"listivo-login-form__lost-password-mobile\"\r\n                    td-nonce=\"65708b5421\"\r\n                    request-url=\"https:\/\/smallbizmobilepros.com\/wp-admin\/admin-post.php?action=listivo\/user\/resetPassword\"\r\n                    title-text=\"Reset Password\"\r\n                    message-text=\"Enter the email address associated with the account.\"\r\n                    confirmation-button-text=\"Send\"\r\n                    cancel-button-text=\"Cancel\"\r\n                    invalid-email-text=\"Invalid email\"\r\n                    close-text=\"Close\"\r\n                            >\r\n                <div\r\n                        slot-scope=\"resetPassword\"\r\n                        class=\"listivo-login-form__lost-password\"\r\n                        @click.prevent=\"resetPassword.onClick\"\r\n                >\r\n                    Forgot password?                <\/div>\r\n            <\/lst-reset-password>\r\n        <\/form>\r\n    <\/div>\r\n<\/lst-login>                <\/div>\r\n\r\n                \r\n                    <\/div>\r\n    <\/div>\r\n<\/lst-tabs>            <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c457309 elementor-widget elementor-widget-spacer\" data-id=\"c457309\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\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>Login Register 0, &#8216;listivo-input-v2&#8211;error&#8217;: loginForm.showErrors &#038;&#038; (!loginForm.errors.login.required || !loginForm.errors.login.minLength), }&#8221; > Field is required Username must have at least 1 letters. 0, &#8216;listivo-input-v2&#8211;error&#8217;: loginForm.showErrors &#038;&#038; (!loginForm.errors.password.required || !loginForm.errors.password.minLength) }&#8221; > Field is required Password must have at least 6 letters. Remember me Forgot password? Login Forgot password? 0, &#8216;listivo-input-v2&#8211;error&#8217;: registerForm.showErrors &#038;&#038; (!registerForm.errors.name.required || !registerForm.errors.name.minLength) }&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/smallbizmobilepros.com\/wp-json\/wp\/v2\/pages\/6293"}],"collection":[{"href":"https:\/\/smallbizmobilepros.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smallbizmobilepros.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smallbizmobilepros.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smallbizmobilepros.com\/wp-json\/wp\/v2\/comments?post=6293"}],"version-history":[{"count":0,"href":"https:\/\/smallbizmobilepros.com\/wp-json\/wp\/v2\/pages\/6293\/revisions"}],"wp:attachment":[{"href":"https:\/\/smallbizmobilepros.com\/wp-json\/wp\/v2\/media?parent=6293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}