Learn how to change the default Welcome message in Magento 2.4.8. Our Magento Support team is here to answer queries and concerns.
Change the Default Welcome Message in Magento 2.4.8
Did you know that the default welcome message and email template in Magento 2 can be easily customized to match the brand voice and tone?
Today, we will explore how to update the welcome message displayed on the storefront, reposition it if needed, and change the default welcome email sent to customers.
Before we begin, make sure you have administrator access to your Magento 2 backend.
This process involves changing the greeting text shown on the storefront and the automated email sent to customers when they register or when an admin creates their account.
An Overview:
How to Change the Default Welcome Message (Frontend Display)
- First, go to the Magento 2 admin URL and sign in with the admin credentials.
- Then, from the admin sidebar, go to Content > Design > Configuration.
- Now, locate the Default Store View row and click Edit on the right side.
- On the edit page, scroll down to the Header section.
- Once you locate the Welcome Text field and update it with the desired message.
- Then, click the Save Config button in the top-right corner of the page.
- If the new welcome message doesn’t appear immediately, go to System > Cache Management and select all cache types. Then, click Flush Magento Cache.
Having trouble with Magento components or cache issues? You might find Resolving the Error: Failed to Load the Component in Magento 2 helpful.
Bonus Tip: Move the Welcome Message from Right to Left in the Header
Follow these steps to reposition the welcome message to the left side of the header:
- First, create `default.xml` in our theme:
Path: /app/design/frontend/Vendor/YourTheme/Magento_Theme/layout/default.xml
- Then, add the following XML code:
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<move element="authorization-link-login" destination="header.links" after="-" />
</body>
</page>
- Next, we have to override and update `module.less`.
To override this file:
/vendor/magento/theme-frontend-luma/Magento_Theme/web/css/source/module.less
With this path in the theme:
/app/design/frontend/Vendor/YourTheme/Magento_Theme/web/css/source/module.less
- Remember to replace the styles from lines 93 to 119 and lines 551 to 598 with the following updated structure to reposition the welcome message:
From line 93 to 119
.header.panel {
> .header.links {
.lib-list-inline();
font-size: 0;
margin-left: auto;
margin-right: @indent__base;
width: 100%;
> li {
font-size: @font-size__base;
margin: 0 0 0 15px;
> a {
.lib-link(...);
}
}
}
}
From line 551 to 598
.header {
&.panel {
> .header.links {
.lib-list-inline();
margin-left: auto;
> li {
margin: 0;
float: right;
&.welcome,
> a {
float: left;
display: inline-block;
line-height: 1.4;
}
&.welcome a {
.lib-css(color, @color-white);
.lib-css(padding-left, @indent__xs);
}
}
> .authorization-link {
float: right;
&:after {
content: attr(data-label);
display: inline-block;
margin: 0 @indent__xs;
}
}
> .customer-welcome + .authorization-link {
display: none;
}
}
}
&.content:extend(.abs-add-clearfix-desktop all) {
padding: @indent__l @indent__base 0;
}
}
After making CSS changes, make sure to deploy static content and clear the cache.
If you’re exploring more advanced Magento customizations, don’t miss our post on Magento 2 Registry Alternatives, which can help when working around deprecated code structures.
How to Change the Default Welcome Email in Magento 2
Here’s how to update the default welcome email sent by Magento.
- First, go to Marketing > Communications > Email Templates.
- Then, click Add New Template.
- Now, go to the Load Default Template section, choose the default welcome email.
- Click Load Template.
- In the Template Information section:
- Enter a name for the template.
- Modify the Subject line.
- Customize content using HTML or inline CSS in the Template Content field.
- Add styles in the Template Styles field if needed.
- Click Save Template.
- Now, it is time to assign the Custom template. So, go to Stores > Settings > Configuration > Customers > Customer Configuration.
- Then, open the Create New Account Options section.
- In the Default Welcome Email dropdown, select a new template.
- We can also opt to set the Default Welcome Email Without Password for admin-created accounts.
- Now, update Email Sender and enable Email Configuration as needed.
- Finally, click Save Config.
If you’re experiencing issues with account creation or data integrity, our blog, ‘Magento 2 Rolled Back Transaction Has Not Been Completed Correctly,’ provides detailed solutions.
[Need assistance with a different issue? Our team is available 24/7.]
Conclusion
By customizing the welcome message and welcome email, we can create a more personalized and branded customer experience.
In brief, our Support Experts demonstrated how to change the default Welcome message in Magento 2.4.8.
0 Comments