{"id":4760,"date":"2024-04-14T10:54:02","date_gmt":"2024-04-14T02:54:02","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4760"},"modified":"2024-04-14T10:54:02","modified_gmt":"2024-04-14T02:54:02","slug":"overview-of-user-site-sections","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/overview-of-user-site-sections\/","title":{"rendered":"Overview of User Site Sections"},"content":{"rendered":"\n
\n

Upon selecting the Pages<\/strong> symbol in the Webflow Creator, you will discover 5 categories of sections. These encompass Fixed sections, Service sections (such as the 404 error section and the Password section), CMS Collection sections, and Ecommerce sections. Following the incorporation of User Accounts on your website, the User sections will become visible.<\/p>\n

In this instructional session, we will discuss:<\/p>\n

    \n
  1. Guidance on obtaining User sections<\/li>\n
  2. Access interface<\/li>\n
  3. Registration interface<\/li>\n
  4. Password reset interface<\/li>\n
  5. Password update interface<\/li>\n
  6. Interface for refused access<\/li>\n
  7. User account interface<\/li>\n
  8. Method to personalize elements on User sections<\/li>\n
  9. User account settings<\/li>\n
  10. Personalized components<\/li>\n
  11. Reserved URL identifiers<\/li>\n
  12. Procedure to deactivate the publication of User sections<\/li>\n
  13. Instructions to exclude a User section from site exploration results<\/li>\n
  14. Directions to exclude a User section from search engine indexing<\/li>\n<\/ol>\n

    Procedures to Reach User Pages<\/h2>\n

    To get to User pages, initially ensure that User Accounts are activated on your site. Following that, tap on the Pages<\/strong> icon to unveil the Pages<\/strong>panel<\/strong>. The User sections will be displayed under the User sections<\/strong> segment.<\/p>\n

    \n
    \"The<\/div>\n<\/figure>\n

    Entry Interface<\/h2>\n

    The Login<\/strong> interface is a form that authorizes users to log into their current accounts or enroll for a new account if not yet registered.<\/p>\n

    The Login form<\/strong> encompasses a heading, email box, password box, “Login” button, “No account yet?” segment, and an enrollment hyperlink. Any components within the Login form can have their text or style altered.<\/p>\n<\/div>\n

    <\/bold> webpage, you need to<\/i> incorporate it into your Registration form<\/bold>. Failure to include the mandatory field in your Registration form<\/bold> will result in an error for users trying to register. To modify the requirement status of a custom field, navigate to your User profile settings<\/bold>.<\/p><\/blockquote>\n

    Registration form block conditions<\/h3>\n

    The registration form block has two conditions: standard<\/bold> and confirmation<\/bold>.<\/p>\n

    To view these conditions:<\/p>\n

      \n
    1. Choose the Registration form block<\/bold> on the workspace<\/li>\n
    2. Access Element configurations panel<\/bold> > Registration form block settings<\/bold><\/li>\n
    3. Navigate to Registration status<\/bold> and pick either standard<\/bold> or confirmation<\/bold> to preview that condition on the workspace<\/li>\n<\/ol>\n

      Standard condition<\/h4>\n

      The normal<\/bold> condition displays the registration form, enabling site visitors to establish an account.<\/p>\n

      There are three potential states for the normal<\/bold> condition: typical<\/bold>, successful<\/bold>, and issue<\/bold>.<\/p>\n

      The typical<\/bold> state is visible when a site visitor initially accesses the registration page. This state exhibits the empty form. Customizing the text or design of any form elements is permissible.<\/p>\n

      Remember that you cannot eliminate the user email field, user password field, or registration button from the registration form. You can eliminate the name field, \u201caccept privacy policy and terms of service\u201d checkbox, and \u201caccept communications\u201d checkbox, but those must be removed from the Element configurations panel<\/bold>.<\/p>\n

      The successful<\/bold> state emerges after a site visitor’s email is verified, and their account is successfully established. It displays an image, a title (e.g., \u201cAccount activated\u201d), a paragraph, and a call-to-action button instructing the site visitor to go to the login page. Modification of all elements on this page is possible.<\/p>\n

      If there are complications submitting the registration form, an issue<\/bold> state division block emerges underneath the registration form on the registration page. Adapting the default design of the issue state division block is feasible.<\/p>\n

      A total of six error messages may surface on the registration form page: general issue<\/bold>, email restricted<\/bold>, invalid email<\/bold>, email existing<\/bold>, invite email usage required<\/bold>, and invalid code<\/bold>.<\/p>\n

        \n
      • General issue \u2013 <\/bold> this issue message arises when there is a broad, unspecified problem with submitting the form. The default text states: \u201cAn error occurred during registration. Please retry or reach out for assistance.\u201d<\/li>\n
      • Email restricted \u2013 <\/bold> this issue message appears if the site visitor tries to register with an email that is unauthorized (e.g., non-email submission). The default text states: \u201cAccess to this site is restricted. Contact the administrator for help.\u201d<\/li>\n
      • Invalid email \u2013 <\/bold> this issue message emerges when the site visitor attempts to register with an incorrectly formatted email address. The default text states: \u201cVerify the existence and proper format of your email (e.g., user@domain.com).\u201d<\/li>\n
      • Email existing \u2013 <\/bold> this issue message materializes when the site visitor attempts to register with an email address already linked to an account on the site. The default text states: \u201cAn account with this email address already exists. Log in or reset your password.\u201d<\/li>\n
      • Invite email usage required \u2013 <\/bold> this issue message shows up when the site visitor enrolls via an invitation link and utilizes a different email from the one the invitation was sent to. The default text states: \u201cUtilize the email address the invitation was dispatched to.\u201d<\/li>\n
      • Invalid code \u2013 <\/bold> this issue message displays when the site visitor endeavors to register with a code that is less than eight characters in length. The default text states: \u201cPassword should be a minimum of eight characters.\u201d<\/li>\n<\/ul>\n

        To modify the text within these registration error messages:<\/p>\n

          \n
        1. Choose the Registration form block<\/bold> on the workspace<\/li>\n
        2. Visit Element configurations panel<\/bold> > Registration form block settings<\/bold> > Status<\/bold> and select issue<\/bold><\/li>\n
        3. Pick the Error message<\/bold> on the workspace<\/li>\n
        4. Proceed to Element configurations panel<\/bold> > Error message settings<\/bold><\/li>\n
        5. Select the \u201cpencil<\/bold>\u201d icon on the right of the error message that requires editing<\/li>\n
        6. Input your new error message in the Edit text<\/bold> field<\/li>\n<\/ol>\n

          Confirmation condition<\/h4>\n

          The confirmation<\/bold> condition displays a notification that presents itself after the form submission, directing the user to check their email for a verification link to confirm their account.<\/p>\n

          Note:<\/bold> Verification of the email address by a site visitor is essential for successfully establishing their account.<\/h6>\n

          The confirmation<\/bold> condition encompasses two potential states: normal <\/bold>and issue<\/strong>.<\/p>\n

          The normal<\/bold> state comprises an image, title, and paragraph guiding the user to examine their email for a verification link. All of these elements can be revised.<\/p>\n

          The issue <\/bold>state appears if any obstacles occur with account validation. It exhibits as a division block and message on the verification page below the initial verification notification. The default design of the division block can be modified at one’s convenience.<\/p>\n

          Two error messages may surface on the verification status page: verification unsuccessful<\/bold> and verification expired<\/bold>.<\/p>\n

            \n
          • Verification unsuccessful \u2013<\/bold>this error message appears when there is a general error leading to verification failure. The default error message mentions: \u201cVerification of your account failed. Retry or contact us for assistance.\u201d<\/li>\n
          • Verification expired \u2013 <\/bold>this error message emerges when the verification link in the site visitor\u2019s email expires. Verification links remain valid for 24 hours. The default error message states: \u201cThe verification link has expired. A new link has been dispatched to your email. Retry or reach out for assistance if issues persist.\u201d<\/li>\n<\/ul>\n

            To amend the text within these verification error messages:<\/p>\n

              \n
            1. Choose the Registration form block<\/bold> on the workspace<\/li>\n
            2. Visit Element configurations panel <\/bold>> Registration form block settings<\/bold> > Registration status<\/bold> and choose confirmation<\/bold><\/li>\n
            3. Access Status<\/bold> and choose issue<\/bold><\/li>\n
            4. Select the Error message<\/bold> on the workspace and proceed to Element configurations panel<\/bold> > \u00a0Error message settings<\/bold><\/li>\n
            5. Click on the \u201cpencil<\/bold>\u201d icon either on the verification unsuccessful <\/bold>or verification expired<\/bold> error messages<\/li>\n
            6. Enter your revised verification error message in the Edit text<\/bold> field<\/li>\n<\/ol>\n

              Password reset page<\/h2>\n

              The Password reset<\/bold> page is a form that enables users to reset their password if they encounter login difficulties.<\/p>\n

              The Password reset form<\/bold> encompasses a title, user email field, and a \u201cReset password\u201d button. Customization of all elements within the form is feasible.<\/p>\n

              \u200dNote:<\/bold> The user email field and \u201cReset password\u201d button cannot be deleted from the password reset form.<\/h6>\n

              Password reset form block conditions<\/h3>\n

              The password reset form block features three conditions: standard<\/bold>, successful<\/bold>, and issue<\/bold>. To accessthese countries:<\/p>\n

                \n
              1. Choose the Reset password form section<\/strong> on the design canvas<\/li>\n
              2. Navigate to Element settings panel <\/strong>> Reset password form section settings<\/strong><\/li>\n
              3. Pick the condition<\/strong> you desire to access (e.g., standard<\/strong>, successful<\/strong>, or failure<\/strong>)<\/li>\n<\/ol>\n

                The standard<\/strong> condition is visible when the user initially lands on the reset password page. It enables the visitor to enter their email address to reset their password.<\/p>\n

                The successful<\/strong> condition displays after the user enters a valid email address in the reset password section. It comprises an image, header, and paragraph conveying that an email was dispatched to the provided address if an account was linked to it. Any content in the successful<\/strong> condition is customizable.<\/p>\n

                The failure <\/strong>condition emerges when a visitor inputs an invalid email address. It exhibits a division beneath the original reset password section with an error message enclosed.<\/p>\n

                To modify the text in the error message:<\/p>\n

                  \n
                1. Select the Reset password form section<\/strong> on the design canvas<\/li>\n
                2. Go to Element settings panel<\/strong> > Reset password form section settings<\/strong> > Condition<\/strong> and pick failure<\/strong><\/li>\n
                3. Choose the Error message<\/strong> on the canvas<\/li>\n
                4. Proceed to Element settings panel<\/strong> > \u00a0Error message settings<\/strong><\/li>\n
                5. Select the \u201cpencil<\/strong>\u201d symbol on the right of General error<\/strong><\/li>\n
                6. Insert the new error message in the Edit text<\/strong> box<\/li>\n<\/ol>\n

                  Modify password page<\/h2>\n

                  The Modify password<\/strong> page enables users to adjust their password. Users can visit this page by pressing the \u201cReset password\u201d button in the Reset password email<\/strong> they get after submitting the reset password form.<\/p>\n

                  The Modify password form<\/strong> includes a header, explanatory paragraph, new password field, and an \u201cUpdate password\u201d button. All components in the form can be customized.<\/p>\n

                  Note:<\/strong> The user password field and \u201cUpdate password\u201d button are fixed in the form.<\/h6>\n

                  Modify password form section conditions<\/h3>\n

                  The modify password form section has 3 conditions: standard<\/strong>, successful<\/strong>, and failure<\/strong>.<\/p>\n

                  To access these conditions:<\/p>\n

                    \n
                  1. Choose the Modify password form section<\/strong> on the design canvas<\/li>\n
                  2. Navigate to Element settings panel <\/strong>> Modify password form section settings<\/strong><\/li>\n
                  3. Pick the condition<\/strong> you desire to access (e.g., standard<\/strong>, successful<\/strong>, or failure<\/strong>)<\/li>\n<\/ol>\n

                    The standard<\/strong> condition is visible when the user first visits the modify password page. It enables the user to insert a new, updated password which must be a minimum of 8 characters long.<\/p>\n

                    The successful<\/strong> condition appears after a user sets a new, valid password. It features an image, \u201cPassword updated\u201d header, paragraph informing the user of the successful password update, and a CTA button to redirect them to the homepage. Clicking the link to the homepage will automatically log in the user. All components in the successful<\/strong> condition are customizable.<\/p>\n

                    The failure <\/strong>condition comes up when a user sets an invalid password or there is a generic error during form submission. It displays a division below the initial modify password form with an error message inside. The division and error message can be customized.<\/p>\n

                    There are 3 different error messages that can appear on the modify password page: general error<\/strong>, weak password<\/strong>, and repeat password used<\/strong>.<\/p>\n

                      \n
                    • General error \u2013<\/strong> this error message displays when there’s a general error during form submission. The default message reads: \u201cThere was an error updating your password. Please try again, or contact us if you continue to have problems.\u201d<\/li>\n
                    • Weak password \u2013 <\/strong>this error message shows up if the user enters a password less than 8 characters. The default error message reads: \u201cYour password must be at least 8 characters.\u201d<\/li>\n<\/ul>\n

                      You can customize the default error message text anytime:<\/p>\n

                        \n
                      1. Select the Modify password form section<\/strong> on the design canvas<\/li>\n
                      2. Go to Element settings panel<\/strong> > Modify password form section settings<\/strong> > Condition<\/strong> and choose failure<\/strong><\/li>\n
                      3. Choose the Error message<\/strong> on the canvas<\/li>\n
                      4. Proceed to Element settings panel<\/strong> > Error message settings<\/strong><\/li>\n
                      5. Select the \u201cpencil<\/strong>\u201d symbol on the right of the error message you wish to modify<\/li>\n
                      6. Input your new error message in the Edit<\/strong>text<\/strong> box<\/li>\n<\/ol>\n

                        Entry prohibited page<\/h2>\n

                        The Entry prohibited<\/strong> page informs users that they tried to access a page which is currently inaccessible to them. Users can only reach that page if they fulfill both of the following criteria:<\/p>\n

                          \n
                        • They are logged in\u00a0<\/li>\n
                        • They are included in the access group that permits them access to that specific restricted content\u00a0<\/li>\n<\/ul>\n

                          The form title includes a \u201clock\u201d icon and an \u201cEntry prohibited\u201d header. The text below the form title explains that a site membership is mandatory to view the requested page and includes 2 hyperlinks leading to the Sign up and Log in pages. You can style every element on the entry prohibited page.<\/p>\n

                          User profile page<\/h2>\n

                          The User profile<\/strong> page is where users (confirmed or unconfirmed) can view their profile information such as their email, name, or permission to receive promotional emails. This page will display pre-filled with the user\u2019s details provided during the account sign-up process on your website. Furthermore, if you have introduced any custom fields to your sign-up form on the sign-up page, you can include those fields here. A Reset password page link is also available to users if they need to reset their password.<\/p>\n

                          The page consists of a header (\u201cMy Profile\u201d) and a User profile form<\/strong>, which includes a user email field and a name text field. Below the form fields, there is a \u201cPassword settings\u201d header with a \u201cReset password\u201d link below, a \u201cpermission to receive promotional emails\u201d checkbox, a \u201cSave changes\u201d button, and a \u201cCancel\u201d button. You can also integrate any custom fields added to the sign-up form on the Sign up<\/strong> page, or custom fields that you desire visible only<\/em> on the User profile<\/strong> page. If the custom field is incorporated into the sign-up form on the sign-up page, it will automatically populate with the responses provided by users in the custom fields during sign-up on your website. Additionally, if E-commerce functionality is enabled on your site, you can include a Subscriptions element on the User profile page to allow users to manage their site subscriptions.<\/p>\n

                          You have the flexibility to style all the elements in the form and on the User profile<\/strong> page.<\/p>\n

                          Note:<\/strong> The user email field cannot be eliminated from the user profile form.<\/h6>\n
                          \n
                          \"The<\/div>\n<\/figure>\n

                          To incorporate a standard field:<\/p>\n

                            \n
                          1. Select the User profile form<\/strong> on the design canvas<\/li>\n
                          2. Proceed to the Configuration pane of elements<\/strong> > Settings for user account form<\/strong><\/li>\n
                          3. Simply tap the \u201cadd<\/strong>\u201d symbol located on the right side of Standard fields<\/strong><\/li>\n<\/ol>\n

                            If you wish to insert a personalized field:<\/p>\n

                              \n
                            1. Opt for the User account form<\/strong><\/li>\n
                            2. Head to the Configuration pane of elements<\/strong> > Settings for user account form<\/strong><\/li>\n
                            3. Click the \u201cadd<\/strong>\u201d icon placed on the right of Custom fields<\/strong>\u00a0<\/li>\n
                            4. Pick the necessary field from the Insert input <\/strong>drop-down list<\/li>\n<\/ol>\n

                              To erase a field:<\/p>\n

                                \n
                              1. Choose the User account form<\/strong><\/li>\n
                              2. Go to Configuration pane of elements<\/strong> > Settings for user account form<\/strong><\/li>\n
                              3. Tap on the \u201cdelete<\/strong>\u201d symbol situated on the right side of the field you intend to eliminate, either under Standard fields <\/strong>or Custom fields<\/strong><\/li>\n<\/ol>\n
                                Remember:<\/strong>\u00a0The checkbox for \u201cagree to privacy terms and service conditions\u201d won’t be available on the User account page to prevent users from disagreeing with the website’s privacy policy or terms of service.<\/h6>\n

                                Categories of User account form block<\/h3>\n

                                The User account form block<\/strong> has 3 stances: standard<\/strong>, efficiency<\/strong>, and failure<\/strong>.<\/p>\n

                                The standard<\/strong> stance is visible when a user initially accesses the User account page. It lets the user view their personal data in the form, tick or untick the \u201cagree to get marketing emails\u201d checkbox, and apply any modifications.<\/p>\n

                                The efficiency<\/strong> stance arises once the form is submitted successfully, and the user’s account is updated. A note will appear below the User account form saying: \u201cYour account was successfully updated.\u201d This message is customizable or stylizable.<\/p>\n

                                The failure<\/strong> stance emerges when the form fails to submit. A div block will display beneath the User account form with a generic error message inside, stating: \u201cAn error occurred during account update. Please retry or contact us for further assistance.\u201d<\/p>\n

                                To adjust the error message:<\/p>\n

                                  \n
                                1. Pick the Error message<\/strong> on the interface<\/li>\n
                                2. Visit the Configuration pane of elements<\/strong> > \u00a0Error message settings<\/strong><\/li>\n
                                3. Tap on the \u201cedit<\/strong>\u201d icon placed on the right of general error<\/strong><\/li>\n
                                4. Type in your fresh error message in the Modify text <\/strong>section<\/li>\n<\/ol>\n

                                  Component for Subscriptions<\/h3>\n

                                  You can incorporate the prefabricated Subscriptions<\/strong> component into the User account<\/strong> page to enable users to administer their website subscriptions directly on their User account.<\/p>\n

                                  Crucial:<\/strong> Currently, we do not support purchases from locations or card transactions necessitating Strong Card Authentication (SCA). This is a known issue that we are actively solving.<\/p><\/blockquote>\n

                                  Remark:<\/strong> You need both User Accounts and Ecommerce functionalities enabled on your site to access the Subscriptions<\/strong> component. Please be aware that once Ecommerce is activated, there will be specific Collections, pages, and configurations that you cannot eliminate.<\/h6>\n

                                  To insert a Subscriptions<\/strong> component:<\/p>\n

                                    \n
                                  1. Ensure you are on the User account<\/strong> page<\/li>\n
                                  2. Visit Enhance panel<\/strong> > Elements<\/strong> > Ecommerce<\/strong><\/li>\n
                                  3. Drag the Subscriptions<\/strong> component onto the interface<\/li>\n<\/ol>\n

                                    The Subscriptions<\/strong> component contains substitute images along with subscription specifics such as subscription title, cost, purchase and next billing dates (or upcoming cancellation date). It also includes a \u201cCancel\u201d button allowing users to annul subscriptions directly from the User account<\/strong> page.<\/p>\n

                                    Important:<\/strong> Users must create and validate their account before purchasing a membership product.<\/p><\/blockquote>\n

                                    Methods to personalize components on User pages<\/h2>\n

                                    Reintroducing forms to User pages<\/h3>\n

                                    If you wish to delete and re-implement a form on a User page, you can do so by adding the form from the Enhance panel<\/strong> to its corresponding user page (e.g., adding a Sign in form to the Sign-in page). This process is beneficial when altering the appearance of the page’s form from its original layout.<\/p>\n

                                    Remember:<\/strong> This capability only exists on the Sign-in<\/strong> page, Registration<\/strong> page, Password reset<\/strong> page, Update password<\/strong> page, and User account<\/strong> page. It is unavailable on the Access restricted<\/strong> page.<\/h6>\n
                                    \n
                                    <\/div>
                                    To include the Sign-in form element from the Add panel while being located on the Sign-in User page. Different User pages’ forms can be found in the same section in the Add panel when accessed from each corresponding User page.<\/figcaption><\/figure>\n

                                    Checkmark<\/h3>\n

                                    By default, checkmarks are included on the Registration<\/strong> page and User account<\/strong> page. The Registration<\/strong> page entails 2 checkboxes: the \u201cconsent to privacy guidelines and terms of service\u201d checkbox and the \u201copt for incoming communications\u201d checkbox. The user account<\/strong> page harbors 1 checkbox agreeing to receive marketing emails.<\/p>\n

                                    You have the liberty to stylize and personalize any of these checkboxes.<\/p>\n

                                    In Checkmark settings<\/strong>, you can alter the title<\/strong> of the checkmark. Additionally, you can switch the checkmark style between standard<\/strong> and custom. Custom<\/strong> offers the ability to design the checkmark using the Style panel<\/strong>.<\/p>\n

                                    To mandate a checkmark for form submission on either the Registration page or User account page:<\/p>\n

                                      \n
                                    1. Select the Checkmark<\/strong> within the interface<\/li>\n
                                    2. Visit the Configuration pane of elements<\/strong> > Checkmark settings<\/strong><\/li>\n
                                    3. Tick the \u201cMandatory<\/strong>\u201d checkbox<\/li>\n<\/ol>\n

                                      If you prefer not to necessitate a checkmark for form submission, you can uncheck the \u201cmandatory\u201d checkbox.<\/p>\n

                                      To automatically check a checkmark upon loading the Registration page or User account page:<\/p>\n

                                        \n
                                      1. Select the Checkmark<\/strong> from the interface<\/li>\n
                                      2. Access Configuration pane of elements<\/strong> > Checkmark settings<\/strong><\/li>\n
                                      3. Tick the Initial check<\/strong> checkbox<\/li>\n<\/ol>\n

                                        If you do not want a checkmark to be pre-checked upon page loading, you can deselect the Initial check<\/strong> checkbox.<\/p>\n

                                        Text area<\/h3>\n

                                        By default, text areas are present on all user pages except the Access restricted<\/strong> page.<\/p>\n

                                        Guideline text<\/h4>\n

                                        You have the option to incorporate guideline text into any text area (e.g., standard, secret code, and personalized fields). The guideline text appears as subdued text within the inner space of the text area, typically serving as context for the field\u2019s purpose (alongside the label of the field). This guideline text vanishes as soon as a site visitor starts typing within the field.<\/p>\n

                                        To apply guideline text:<\/p>\n

                                          \n
                                        1. Select the Text area<\/strong> within the interface<\/li>\n
                                        2. Go to Configuration pane of elements<\/strong> > Text area settings<\/strong><\/li>\n
                                        3. Integrate text into the Description<\/strong> field<\/li>\n<\/ol>\n
                                          Remember:<\/strong> The title of the field being edited might differ depending on the type of text area (e.g., \u201cText area\u201d could be named something else like \u201cUser mail\u201d<\/p>\n
                                          User entry field names<\/em> such as \u201cField,\u201d \u201cPassword Entry Field,\u201d and so forth.<\/h6>\n

                                          It is crucial:<\/strong> Avoid using temporary text as a substitute for a field designation<\/strong> or to give essential insights or assistance for the related input area (e.g., \u201cPassword should range between 8-20 characters\u201d) because placeholder text cannot be translated by translation tools for site visitors and is not accessible to screen readers. Moreover, as placeholder text vanishes when users begin typing in the field, employing it instead of a label makes it challenging for users to recall the required information for that field.<\/p><\/blockquote>\n

                                          Automatic Focus<\/h4>\n

                                          You have the option to include autofocus on any non-password text area (e.g., standard and personalized fields). Once a field is designated with the autofocus feature, the user\u2019s cursor will automatically be within the text box upon page loading. Typically, autofocus is applied to the initial text field in a form.<\/p>\n

                                          To enable autofocus on a field:<\/p>\n

                                            \n
                                          1. Pick the Text box<\/strong> on the design space<\/li>\n
                                          2. Access Element settings panel<\/strong> > Text box settings<\/strong><\/li>\n
                                          3. Select the autofocus<\/strong> option<\/li>\n<\/ol>\n

                                            If you mistakenly implement autofocus on multiple fields within a form, the autofocus will be set on the primary field within the page navigation sequence.<\/p>\n

                                            Furthermore, it is recommended to make sure the autofocus option is disabled for any concealed form fields as this may create complications during form submission. For more information on autofocus in forms, refer to the detailed guides.<\/p>\n

                                            Command Buttons<\/h3>\n

                                            Submission Button<\/h4>\n

                                            You can modify both the standard and waiting text for any submission button found on user pages. The standard verbiage is visible when the page initially loads while the waiting text is displayed during form submission and commonly states: \u201cPlease wait\u2026\u201d<\/p>\n

                                            To modify the primary text on a submission button:<\/p>\n

                                              \n
                                            1. Select the Submission button<\/strong> from the design area<\/li>\n
                                            2. Access Element settings panel<\/strong> > Submission button settings<\/strong><\/li>\n
                                            3. Make alterations to the text in the Text<\/strong> field<\/li>\n<\/ol>\n

                                              To alter the waiting text on a submission button:<\/p>\n

                                                \n
                                              1. Choose the Submission button<\/strong> on the design space<\/li>\n
                                              2. Go to Element settings panel<\/strong> > Submission button settings<\/strong><\/li>\n
                                              3. Adjust the text in the Waiting text<\/strong> field<\/li>\n<\/ol>\n

                                                Cancellation Button<\/h4>\n

                                                You can tailor the default text displayed on the Cancel button within the User account page. This default text appears upon page loading.<\/p>\n

                                                To modify the default text assigned to the cancel button:<\/p>\n

                                                  \n
                                                1. Click on the Cancel button<\/strong> from the canvas<\/li>\n
                                                2. Navigate to Element settings panel<\/strong> > Cancel button settings<\/strong><\/li>\n
                                                3. Edit the text in the Text<\/strong> field<\/li>\n<\/ol>\n

                                                  Hyperlinks<\/h3>\n

                                                  You have the ability to adjust link configurations and determine the destination when users click on a link. By default, user pages (excluding the Reset password page and Update password page) contain hyperlinks.<\/p>\n

                                                  To access link options:<\/p>\n

                                                    \n
                                                  1. Select the Link<\/strong> on the canvas<\/li>\n
                                                  2. Visit Element settings panel<\/strong> > Link settings<\/strong><\/li>\n<\/ol>\n

                                                    User Profile Settings<\/h2>\n

                                                    The User Profile Settings<\/strong> section enables you to review the available User data fields in User Accounts (Basic details and Personalized fields). There is also a Form preview<\/strong> available within User Profile Settings<\/strong>, presenting how users will perceive form fields during data input.<\/p>\n

                                                    To access User Profile Settings:<\/p>\n

                                                      \n
                                                    1. Launch the Users panel<\/strong><\/li>\n
                                                    2. Hover over the User accounts<\/strong> tab and press the settings \u201ccog<\/strong>\u201d icon on the right side<\/li>\n<\/ol>\n

                                                      Personalized Fields<\/h2>\n

                                                      Within User page forms, there exist two types of input areas: general fields and customized fields. General fields are typically part of registration forms, including email address, name, and password fields. Customized fields can be established to retrieve additional information relevant to your platform (e.g., an \u201cIndustry\u201d field for a professional networking site).<\/p>\n

                                                      You can introduce personalized fields to the sign-up form on the Sign-up<\/strong> page and the user account form on the User Profile<\/strong> page. Up to 20 customized fields can be included per site, allowing for the collection of supplementary data from users. This data can be accessed by site administrators in User Accounts<\/strong> and by users from the User Profile<\/strong> page.<\/p>\n

                                                      To append a customized field:<\/p>\n

                                                        \n
                                                      1. Go to the Users panel<\/strong><\/li>\n
                                                      2. Hover over the User accounts<\/strong> section and select the settings \u201ccog<\/strong>\u201d icon appearing on the right side<\/li>\n
                                                      3. Click on Add field<\/strong> in the Personalized fields<\/strong> section<\/li>\n
                                                      4. Pick a Field type<\/strong><\/li>\n
                                                      5. Fill in the customized field name<\/strong>, visible above the field as a label<\/li>\n
                                                      6. Input the customized field slug<\/strong><\/li>\n
                                                      7. Adjust other settings as necessary<\/li>\n<\/ol>\n

                                                        Note that your customized fields must be included in the Sign-up<\/strong> page and User Profile<\/strong> page after<\/em> their addition in User Profile Settings<\/strong>. They will not automatically populate in the default forms.<\/p>\n

                                                        Remember:<\/strong> Assigning minimum <\/strong>and maximum character limits<\/strong> can be beneficial if you aim to regulate the content within a customized field. For instance, if you require users to submit their two-letter country code, both the minimum and maximum character limits can be set to 2. When attaching a minimum<\/strong> or maximum character limit<\/strong> to a customized field, it is advisable to notify users about these constraints on your form to ensure their data submission is accurate and aligned.<\/h6>\n
                                                        \u200dTip:<\/strong> If a customized field is flagged as mandatory, it must<\/em> be included in the sign-up form on the Sign-up<\/strong> page. Additionally, if you define a field as \u201crequired\u201d when creating or updating a customized field, that attribute transfers automatically to the customized field within the Design feature. The requirement status of a customized field cannot be adjusted within the Design feature. Any alterations regarding the necessity of a customized field must be made in User Profile Settings<\/strong>.<\/h6>\n

                                                        To amend a customized field:<\/p>\n

                                                          \n
                                                        1. Access the Users panel<\/strong><\/li>\n
                                                        2. Hover over the User accounts<\/strong> section and click the settings \u201ccog<\/strong>\u201d icon on the right side of the section<\/li>\n
                                                        3. Proceed to the Personalized fields<\/strong> section<\/li>\n
                                                        4. Hover over the specific customized field you wish to modify and select the settings \u201ccog<\/strong>\u201d icon appearing on the right side of the field label<\/li>\n
                                                        5. Make the necessary adjustments to the chosen customized field<\/li>\n<\/ol>\n

                                                          To delete a customized field:<\/p>\n

                                                            \n
                                                          1. Visit the Users panel<\/strong><\/li>\n
                                                          2. Hover over the User accounts<\/strong> section and click the settings \u201ccog<\/strong>\u201d icon on the right side of the section<\/li>\n
                                                          3. Go to the Personalized fields<\/strong> section<\/li>\n
                                                          4. Hover over the specific customized field you intend to remove and click the settings \u201ccog<\/strong>\u201d icon on the right side of the field label<\/li>\n
                                                          5. Hit the \u201ctrash<\/strong>\u201d icon at the top of the settings for the selected customized field<\/li>\n<\/ol>\n

                                                            Designated URL Slugs<\/h2>\n

                                                            Upon integrating User pages into your website, each page automatically receives a predefined slug:<\/p>\n

                                                            Login page:<\/strong> \/log-in<\/p>\n

                                                            Registration page:<\/strong> \/sign-up<\/p>\n

                                                            Password reset page:<\/strong> \/reset-password<\/p>\n

                                                            Password update page:<\/strong> \/update-password<\/p>\n

                                                            Access denial page:<\/strong> \/access-denied<\/p>\n

                                                            User profile page:<\/strong> \/user-account<\/p>\n

                                                            These default user page slugs cannot be modified. Additionally, if you opt to eliminate User Accounts in the future, these reserved slugs will not be available for new pages.<\/p>\n

                                                            Disabling Publication of User Pages<\/h2>\n

                                                            Once User Accounts are activated, full deactivation or removal is not possible. Nevertheless, you can deactivate User systems and the publication of User pages on your website.\u00a0<\/p>\n

                                                            It is important to note that disabling User systems will deactivate any outstanding invitations or user imports to your site and will unpublish existing User pages (e.g., Log in, Sign up, Reset password). Existing user details and access groups will be preserved should you choose to reactivate User systems in the future.\u00a0<\/p>\n

                                                            To deactivate User systems and the publication of User pages:\u00a0<\/p>\n

                                                              \n
                                                            1. Access the Users panel<\/strong><\/li>\n
                                                            2. Hover over User accounts<\/strong> and click the settings \u201ccog<\/strong>\u201d icon<\/li>\n
                                                            3. Switch Enable publication of user systems & pages on your website<\/strong> to OFF<\/strong><\/li>\n
                                                            4. Click Deactivate User systems<\/strong><\/li>\n
                                                            5. Proceed with publishing your website<\/li>\n<\/ol>\n

                                                              Excluding a User Page from Site Search Results<\/h2>\n

                                                              To prevent users from discovering a User page when searching on your site, you can exclude it from the search results.<\/p>\n

                                                              To exclude a page:<\/p>\n

                                                                \n
                                                              1. Click on the Pages<\/strong> icon to open the Pages panel<\/strong><\/li>\n
                                                              2. Hover over the User page you wish to exclude and click the settings \u201ccog<\/strong>\u201d icon on the right side of the page label<\/li>\n
                                                              3. Visit Site search settings<\/strong><\/li>\n
                                                              4. Tick the \u201cExclude this page from site search results\u201d checkbox<\/li>\n<\/ol>\n

                                                                Expand your knowledge on excluding static pages through additional resources.<\/p>\n

                                                                Excluding a User Page from Search Engine Indexing<\/h2>\n

                                                                You have the ability to prevent search engines from indexing your user pages, ensuring that these pages are not listed in search results or indexed by search engines.<\/p>\n

                                                                Enhance your understanding of disabling the indexing of site pages for more insights.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Access User pages to edit and style the pages that users will see.","protected":false},"author":2,"featured_media":5209,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[297],"tags":[],"class_list":{"0":"post-4760","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ecommerce-user-accounts","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=4760"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4760\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5179"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=4760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=4760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=4760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}