Prestashop Google Fonts {User-Guide}

Prestashop Google Fonts is an efficient software that means that you can add Google Fonts to the Prestashop theme with out coding. Enhance person expertise and enhance engagement by making your content material look extra engaging with eye-catching fonts.

Over 1000 Google Fonts to select from.
Choose Google Fonts for entrance workplace and again workplace.
Select one font for headings and one other for paragraphs.
Enhance the looks of your website.

Options of Prestashop Google Fonts

Combine Google Fonts together with your Prestashop retailer.
Choose Google Fonts for various parts of the entrance workplace like heading, paragraph, anchor tag, footer, and button.
Select Google Fonts for various tags within the again workplace like menu, web page title, label, and button.
You can even apply particular Google Font to the entire store or again workplace.
Lets you preview what your content material will seem like with Google Fonts.
Prestashop Google Fonts module is MultiShop Appropriate.

Find out how to Set up Prestashop Google Fonts

Firstly, go to the module supervisor within the again workplace and click on on ‘add a module’.
After that, drag and drop the module file or choose the file from the system.
On this manner, the module set up will likely be profitable.

Module Configuration

After the set up of the module, admin must configure it.

Configuration

Below Configuration, admin have to specify Google Webfont Key to combine Google Fonts to the Prestashop retailer.

After saving the configuration, an inventory of all of the Google fonts will show within the dropdown lists underneath entrance workplace and again workplace settings. In case admin has not generated the important thing, then Google Fonts is not going to be seen in dropdown lists and he can apply a customized Google font to a particular ingredient or tag.

Find out how to get Google Webfont Key

To acquire the Google Webfont Key, go to https://builders.google.com/fonts/docs/developer_api

Now, click on on Figuring out your utility to Google as proven within the above screenshot.

Click on on “Get a Key” button to create a undertaking.

In a popup, enter tthe undertaking title and click on on Subsequent.

On clicking the subsequent button, the shop proprietor will discover the Google Webfont Key.

Entrance Workplace Settings

Below Entrance Workplace Settings, admin can choose Google fonts for various parts of entrance workplace. Admin can select to use a single font on the entire Prestashop website or choose separate fonts for various parts like headings, paragraphs, anchor tag, and so on.

An inventory of all of the Google fonts is displayed within the dropdown lists underneath Entrance workplace settings. Admin can choose the acceptable fonts for headings, paragraph, anchor tag, button, and footer.

Additionally, admin can choose a customized Google font for the entire store or totally different parts in case you haven’t created Google Webfont key.

Entrance Finish View

On the entrance finish, the shoppers can view Google fonts chosen by admin for various HTML parts akin to headings, paragraph, anchor tag, button, and footer.

If admin applies a particular font on the entire store, then the whole content material on the entrance finish will show as per the chosen font.

Again Workplace Settings

Below Again Workplace Settings, admin can choose Google Fonts for various tags within the again workplace. Admin can select to use a single font on the entire again workplace or choose separate fonts for various tags like web page title, label, menu, and button.

Admin can choose customized Google font for the entire store or totally different tags.

Within the above screenshot we will see admin has utilized Aclonica font to the entire again workplace.

After making use of Google fonts to totally different tags, lets take a look at again finish view.

This was all about Prestashop Google Fonts Module. I hope this doc will aid you in checking the performance of the module in a greater manner. Additionally, do tell us about your views within the feedback.