How To Add Custom Attributes In My Account Page in Magento 2

Today we will learn how to add a custom attribute in my account page in Magento 2. Previously we discussed

Step-1 Create layout file.

file: app/code/Webiators/CustomerAttribute/view/frontend/layout/customer_account_index.xml

&lt;?xml version="1.0"?>
&lt;page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    &lt;body>
        &lt;referenceContainer name="content">
            &lt;block class="Magento\Customer\Block\Account\Dashboard\Info" name="customer_account_dashboard_info" as="info" template="Magento_Customer::account/dashboard/info.phtml" cacheable="false">
                &lt;container name="customer.account.dashboard.info.extra">
                    &lt;block class="Magento\Customer\Block\Account\Dashboard\Info" name="customer.account.dashboard.info.extra.magento.username" template="Webiators_CustomerAttribute::account/dashboard/info.phtml"/>
                &lt;/container>
            &lt;/block>
        &lt;/referenceContainer>
    &lt;/body>
&lt;/page>

<?xml version="1.0"?>

<body>

</container>

</block>

</referenceContainer>

</body>

</page>

Step-2 Create template file.

file: app/code/Webiators/CustomerAttribute/view/frontend/templates/account/dashboard/info.phtml.

&lt;p>
     &lt;?= $block->escapeHtml($block->getCustomer()->getCustomAttribute('magento_username')->getValue()) ?>&lt;br>
&lt;/p>

<p>

<?= $block->escapeHtml($block->getCustomer()->getCustomAttribute('magento_username')->getValue()) ?><br>

</p>

If you have any questions about this topic please mention them in the comment section below.