How to Add a Favicon for Magento 2 Website

Favicon is short for “favorite icon,” and refers to the little icon on the tab of each browser page. Depending on the browser, the favicon also appears in address bar, just before the URL of the Magento 2 webstore.

Favicons are generally 16 x 16 pixels or 32 x 32 pixels in size. Magento allows ICO, APNG, PNG, JPG (JPEG) and GIF file types, in spite of the fact that not every browser supports these formats. The most widely-supported file format to use for a favicon is ICO. Other image file types can be used, although the format might not be supported by all browsers. There are many free tools available online that you can use to create an ICO image or convert an existing image to the format.

Magento2-Favicon-in-Address-Bar
Favicon in Address Bar

Step 1: Create a Favicon in Magento 2

  1. Create a 16 x 16 or 32 x 32 graphic image of your logo, using the image editor of your choice.
  2. (Optional) Use one of the available online tools to convert the file to the .ico format. After that, save the file to your computer.

Step 2: Upload the Favicon to Your Magento 2 Store

  1. On the Admin sidebar, click Content. After that under Design, choose Configuration.
  2. In the grid, find the store view that you want to configure. After that in the Action column, tap Edit.
  3. Under Other Settings, expand the HTML Head section. After that, follow these tips:
magento2-html-head
Magento 2 HTML Head
  1. click Upload. After that, explore to the favicon file that you prepared, and click Open.
magento2-favicon
favicon magento 2
  1. If you want to delete the current favicon, click Delete in the lower-left corner of the image. After that, upload another.
  1. After completing, click Save Configuration.

Step 3: Refresh the Cache

  1. After prompted to refresh the cache, click the Cache Management link in the message on the top of the workspace.
  2. In the list, mark the Page Cache checkbox that is marked “Invalidated.”
  3. Change Actions to “Refresh.” After that, click Submit.
  4. To view the new favicon, return to your storefront and press F5 to refresh the browser.

Favicon File Formats

FILE FORMAT DESCRIPTION
PNG (Portable Network Graphics) is an improved, replacement for the older GIF format. The lossless compression format proposes a high-quality bitmap image with crisp text, but a larger file size than some formats. This image format is designed to be both streamed online and viewed, also supports transparent layers
APNG (Animated Portable Network Graphics) A file format that similar to PNG and supports simple animation.
GIF (Graphics Interchange Format) an older bitmap and widely supported that is restricted in 256 (8 bit) colors, which is supports transparent layers and simple animation.
JPG (JPEG) (Joint Photographics Expert Group) A compressed bitmap format which is used by most camera with digital technology. Sometimes blurry spots are noticeable in text, because the lossy compression causes some data loss

All The Things About Permission in Magento 2 You Should Know

 

In Magento 2, the access levels of the admin are determined based on their own roles and permissions straightly. In the very first step of setting your Magento 2 store, the system sends admin a set of login credentials for the Administrator role which is fully provided permissions. Nevertheless, for other people who work on your site, admin is totally able to restrict the level of permissions on a “need to know” basis. For instance, if you are a Designer of the Magento 2 store, the admin completely can allow you to access to only the Design tools. So, for the areas with customers and order information, you are not able to reach.

Besides, you also can further limit the ability of Admin access to only a specific site or set of sites and their associated data. In case you have more than one brands or business units with particular stores running in the same Magento 2 installation, it is free to not only provide Admin access to each of your business units but also hide and protect their data from other Admin users without any struggling.

In addition to these, if an Admin user’s access is restricted to specific websites or stores or both of them, the websites and stores in which admin users are not authorized will either not be visible to them or shown as inactive at all. And only the sales and other data which is enabled for permitted websites and stores is displayed.

 

In short, here is all the detailed information of Permissions in Magento 2 we want to share you. Hope that this article can bring you as much as impossible necessary knowledge of Permissions and even help you in set up your Magento 2 store greatly. If you find it helpful for yourself, please Like, Share and Subscribe to keep updating for our more coming articles!

 

How to Upload Logo in Magento 2

The first thing you need to do is customize the logo in the header, and change the favicon for the browser. You’ll also want to update the copyright notice in the footer. These are some easy design works that you can deal with right away. When you develope your store, you can turn on the store demo notice, and then remove it later when the store is ready to go live. In this article, we will give you information about uploading your logo in Magento 2.

storefront-home-page-branding
Storefront Branding

Uploading your Logo

The store’s theme will determine the location and the size of the logo in the header . You can save your logo as either a GIF, PNG, or JPG (JPEG) file type, and upload them from the Admin of your store.

storefront-header-logo
Logo in Header

The logo image  is uploaded in the specific location on the server. Any image file with the name “logo.gif” is used as the default theme logo.

Full path: app/design/frontend/[vendor]/[theme]/web/images/logo.gif

Relative path: images/logo.gif

If you don’t know the size of the logo, or any other image that is used in your theme, open the page in a browser, right-click the image, and inspect the element.

Besides the logo in the header, your logo is also displayed on email templates and on PDF invoices and other sales documents. The logos used for email templates and invoices have different size requirements, and must be uploaded individually.

To upload your logo:

  1. On the Admin sidebar, click Content tab. Then under Design, click Configuration.
design-configuration
Design Configuration
  1. Choose the storeview that you want to configure, and in the Action column, switch to Edit mode.
  2. Open the Header section. After that follow theses tips:
design-configuration-header
Header
  1. To upload a new logo, click Upload. Then, pick the image file from your computer.
  2. Input the Logo Image Width and Logo Image Height.
  3. In the Logo Image Alt input field, fullfill the text that you want to display when someone hovers over the image.
  1. After complete, click Save Configuration.

Logo File Formats

FILE FORMAT DESCRIPTION
PNG (Portable Network Graphics) is an improved, replacement for the older GIF format. The lossless compression format proposes a high-quality bitmap image with crisp text, but a larger file size than some formats. This image format is designed to be both streamed online and viewed, also supports transparent layers
GIF (Graphics Interchange Format) an older bitmap and widely supported that is restricted in 256 (8bit) colors, which is supports transparent layers and simple animation.
JPG (JPEG) (Joint Photographics Expert Group) A compressed bitmap format which is used by most camera with digital technology. Sometimes blurry spots are noticeable in text, because the lossy compression causes some data loss

 

How to Configure and Customize The Contact Us Link in Magento 2

In the footer of the store website, the Contact Us link is an easy way to let the customer keep in touch with you. Customer can fill the form and send the message to your online store.

contact-us-in-footer
Contact Us in Footer

A thank you message will appear directly after the form is submitted.

contact-us-page
Contact Us Page

To configure Contact Us:

  • In the Admin sidebar, click Stores. Under Settings tab, click Configuration.
  • On the left of the panel under General tab, click Contacts.
  • Open the Contact Us section, If necessary, config Enable Contact Us to “Yes.”
contact-us
Contact Us
  • Open the Email Options section. After that, follow this tip:
email-options
Email Options
  • In the Send Emails To input field, input the receiver email so the Contact Us form can send email to.
  • Set up Email Sender to the online store identity that represents for sender of the message from the Contact Us form. In example: Custom Email 2.
  • Set up Email Template to the template that is specialized for messages sent from the Contact Us form.
  • After complete, click Save Config

To customize the content:

The Luma sample data provides a Contact Us Info block that can be modified for your online store. The contact-us-info block can be easily customized to add your info to the Contact Us page.

  • On the Admin sidebar, click Content. After that in Elements tab, click Blocks.
  • Find Contact Us Info block in the list, then change Action to Edit mode
contact-us-info
Contact Us Info
  • Scroll down to the Content input field, and make any modify in need.

The text can be formatted, and add image and links through the editor toolbar.

To work directly with HTML script, click Show/Hide editor tab.

contact-us-content
Contact Us Content
  • After complete, click Save Block

A Complete Guide to Set up Store Email Addresses in Magento 2

Obviously, online store owners will have to communicate with their associates and customers. For that purpose, they will need different store email addressesThere are at least five kinds of email addresses divided by their capacities or divisions for store or view individually. Furthermore, not only following predefined email identities but also two custom identities can be set up to meet the demands.

  • General Contact
  • Deals Representative
  • Client Support

Every single personality and its correlated email address can be related with particular mechanized email messages and represent as the sender of email messages that are dispatched from your store.

Step 1: Set Up the Email Addresses for Your Domain

First of all, make sure each email address must be set up as a legitimate one for your domain before they are configured for the store. Follow the directions from your server director or email facilitating supplier to send each email which is required.

Step 2: Configure the Email Addresses for Your Store

  1. Open the Admin sidebar, tap Stores. Next, under Settings, Click Configuration.
  2. On the panel on the left under General, choose Store Email Addresses.

config-general-store-email-addresses-general-contact

  1. Click  the General Contact section, there are two sections and each must be typed differently followed the instructions:
  2. In the Sender Name field, type the name of the person to appear as the sender of any email messages that is related with the General Contact identity.
  3. In the Sender Email field, type the related email address.
  4. Repeat this process for each store email addresses which has been scheduled to be used.
  5. Affter complete, tap  Save Config .

Step 3: Update the Sales Email Configuration

In case you utilize custom email addresses, warrant to refresh the design of any related email messages so the proper identity can be showed up as the sender.

  1. Open the board on the left, under Sales, Click Sales Emails. The page has a different area for each of the following:
  • Order and Order Comments
  • Invoice and Invoice Comments
  • Shipment and Shipment Comments
  • Credit Memo and Credit Memo Comments
  1. Starting with Order, broaden the segment for each message, and ensure that the right sender is chosen.

config-sales-sales-emails-order_thumb_0_0

3. To Finish, tap Save Config.