Monthly Archives: October 2019

In case you already have a Facebook App and want it to use "manage_pages" and "publish_pages" permissions you will learn how to enable them in this article.

These permissions are needed for Facebook App to be able to publish posts on your Facebook Page. Once it is in the developer mode you can make any publications on the Facebook page through the Facebook App without these permissions. 

However, being published while in the developer mode posts aren't seen to anyone except for the page administrators and Facebook App developers. That is because Facebook needs to confirm the manage_pages and publish_pages requests, to make them seen to the public.

In order to request "manage_pages" and "publish_pages" permissions take the following steps: 

1. Go to https://developers.facebook.com  and log in to your Facebook Account to continue working with Facebook App. 

2. Navigate to My Apps, choose the Facebook App you want to configure the permissions

Posting to Facebook automatically saves you a lot of time so you don't have to duplicate your Magento 2 Blog posts to Facebook, especially if you publish regularly. In this article, you will learn how to configure the blog posts auto-publication to Facebook.

In order to create a new page on Facebook navigate to Facebook Login Page. Note, that you have to be logged in to your Facebook account to create a new page.

1. Press the Create button and select Page from the flyout menu.

2. Choose what kind of page you would like to create (Business&Brand or Community&Public).

3. Enter the Page Name.

4. Set the Category you want your page to be added to.

5. Specify your Address and set the Phone Number which is optional.

6. Put a checkmark in the corresponding field if you don't want your address to be shown to the public and press the Continue button.

7. Set the Main and the Cover Pictures of your page in two steps. You can skip and complete them later if you like.

Once you've finished up with the settings you will be automatically guided to your newly created facebook page.

In this article, you will learn how to create the Facebook App ID which opens a lot of opportunities for you.

Following steps to create Facebook APP:

1. Log in to your Facebook account.

2. Go to Facebook for Developers, click on My Apps and press Create App.

If you want to keep your audience engaged and get some feedback about your content, you need comments. However, things can get a little out of hand from time to time, especially without moderation. Luckily that's not the thing with the Magento 2 Blog. 

It offers you three different comment types, the ability to edit, approve/disapprove comments and even more. You can disable blog comments for some particular blog posts and protect your blog from spam with reCaptcha.

So, today you'll learn all you need about Magento 2 Blog comments, and how to manage them properly.

Magento Blog supports different comment types that are part of the blog post view settings. To configure them navigate to Stores > Configuration > Magefan Extensions > Blog > Post View and find the Comments section.

Magefan Blog Comments

Magefan comments are the built-in comments that give you the most control over what gets published in

Dates in Magento 2 Blog are important since they give your readers information about your blog posts, blog development, and the relevancy of the content. In this article, you're going to find out more about the dates format, learn where the dates are displayed on Magento 2 Blog and how to disable them.

Magento 2 Blog Plus and Blog Extra v2.9.1 have the option to set the dates format and disable dates displaying. However, note these options are available only for Blog Plus and Blog Extra users. 

The examples of some GraphQL queries for the Magento 2 blog module are presented in this article. With these queries, you will be able to extract the necessary blog data for Progressive Web Application (PWA). The queries are easily tested in the ChromeiQL - Chrome Browser Extension.

Note that Magento 2 Blog GraphQL addition should be installed first.

To check the full Blog GraphQL schema please see the schema.graphqls file.

Blog Index Page Posts GraphQL Request

Query:

query GetPosts ($currentPage: Int $pageSize: Int) {
    blogPosts (currentPage: $currentPage pageSize: $pageSize sort: ["DESC"]) {
        total_count
        items {
            post_id
            title
            short_filtered_content
            author {
                author_id
                name
                author_url
            }
            post_url
            creation_time
            tags {
                tag_id
                title
                tag_url
            }
            categories {
                category_id
                title
                category_url
            }
        }
        total_pages
    }
}

Variables:

{
"currentPage": 1,
"pageSize": 5
}

Result:

As a result, you will receive data for the first 5 blog posts that should be displayed on the first page.

Blog Category Posts GraphQL

To install Magento 2 Blog GraphQL Extension by Magefan, please use one of these installation methods.

Installation Method 1 - Installing via Composer (recommended)

1. Open command line
2. Using command "cd" navigate to your Magento 2 root directory
3. Run CLI commands:

composer require magefan/module-blog-graph-ql
# Authentication required (repo.magento.com)
# Get your Magento Marketplace authentication keys or use these: 
# Username: 7c018006799466c681ad507e27904677
# Password: 289077c86e811661a8f7751828485d3a
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy 

In order to easily test the GraphQL queries all you need to do is install the ChromeiQL extension for Chrome Browser by pressing the Add to Chrome.

Once you have added it you will see the extension icon in the right top corner of the browser window. Pressing it will move you to the new window where the testing is actually conducted.

This is the example of how we test the GraphQL query for Magefan Magento 2 Blog module:

1. Set the Endpoint URL in the corresponding field.
2. In the left field set the query. It is also allowed to state the query parameters if needed below the query section.
3. Press the Run ( > ) button and see the result on the right.

In case you have a multi-language store and want to add Store Codes to the URLs to make them look like e.g. yourdomain.com/en, yourdomain.com/fr, yourdomain.com/au follow next steps.

Navigate to Stores > Configuration > General > Web and find the Url Options section. There you choose to Add Store Code to URLs selecting Yes from the corresponding select box and Save Config.

Note: Store Codes are set while creating store view manually in Stores > All Stores. So in order for store codes to be added to URLs, you need to make sure you've set them for each store view.

Admin Panel Configuration is just one of the series of articles about How to Create Multi-Language Store in Magento 2? which include information about the creation of a new store view, language packs installation, useful multi-language store extensions, product&category, CMS pages&blocks, email templates, and other translations in Magento 2 website. You should definitely get acquainted with them in order to know

Creating a multi-language store means moving it to the global level and this is what Magento 2 stores owners should be keen on doing. It is quite obvious that managing a single language website is easier than multi-language, but just think for a while how many opportunities you will open.

In this series of articles, we will prove that creating a multi-language website isn't as hard as you think it is.

So, in order to create a multi-language website take the following steps:

1. Create New Store View

In this article, you will learn what the store view is, what do you need to create it for,how to create it.

2. Install and Enable Magento 2 Language Packs

After reading this article you will know how to find and set up language packs in order to enable base localization on a multi-language Magento.

Magento 2 is a hierarchy that allows you to create store views, stores, and websites to manage them from one admin panel and provide your customers with high-quality products of different kinds.

What is the store view in Magento 2?

In Magento 2 you can create a website with multiple stores different in design, purpose, products, etc. Store Views correspondingly are the variations of the same store in different languages.

Every Magento 2 store initially has a default store view. 

So, you create other store views in order to support different languages in your store to allow customers from different countries to navigate your Magento 2 store in their preferred language. 

Translation of the product information on your Magento 2 store allows you to reach a wider audience and offer a better experience for customers from around the world. Moreover, you can't avoid the translation of the Magento 2 products if you want to create a multi-language store.

Default Magento allows you to translate product pages without creating a new item. Easy enough, isn't it? Wait till you hear about the other method of translating products in Magento.

Default Magento Product Translation

To translate a product in Magento 2 you just need to take a few steps.

1. Go to Catalog > Products and choose a product you want to translate from the product grid.

2. Choose the store view you want to translate product info for and start making translations.

Watch this short video to make sure that image lazy load successfully works on your store:

If you decided to remove Magento 2 Alternate Hreflang Extension, please follow the steps below. You can contact our team for a free consultation in case you have any issues with Magefan's extension.

Remove Extension Files

Removing files instruction depends on the way Alternate Hreflang extension has been installed in.

1. If you can find the extension files in the folder

app/code/Magefan/AlternateHreflang
app/code/Magefan/AlternateHreflangPlus

then remove this folder.

2. If the extension was installed via the composer and its files located in the folder

vendor/magefan/module-alternate-hreflang

then run composer CLI command to remove it

composer remove magefan/module-alternate-hreflang*

Once extension files have been removed, run these Magento CLI commands:

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

If you need to update Magento 2 Alternate Hreflang Extension by Magefan, please follow the steps below.

Update using composer

If the alternate hreflang module was installed via the composer (check if vendor/magefan/module-alternate-hreflang folder exists), then you need to run these simple CLI commands in Magento 2 directory:

composer remove magefan/module-NAME
composer require magefan/module-NAME ^x.x.x
# replace NAME with:
# alternate-hreflang - for Basic plan
# alternate-hreflang-plus - for Plus plan
# replace x.x.x with the version you want to use
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

Update using archive and FTP

If the alternate hreflang module was installed via FTP (check if

You can install Magento 2 Alternate Hreflang Extension by Magefan, using composer or archive installation methods.

Installation via composer (recommended)

Please navigate to your Magefan Account > My Downloads > Install via Composer to get the composer installation instructions.

Blog is a powerful tool that allows you to drive traffic to your store. If you manage a multi-language website you get even more of that traffic. However, it's not as easy to get all those pages to rank in different languages as it seems. You need hreflang tags for that.

They tell search engines that you have multiple pages in alternative languages. So they don't focus on ranking only one of them. 

However, adding hreflang tags is not that easy. You need to do that through code or a sitemap. Or you can opt for a much easier option — Magento 2 Hreflang Tags. 

Today we'll show you how easy it is to add hreflang tags to Magento blog pages, using this handy tool.

Add Hreflang Tags to Blog Posts

Start by going to the Content > Blog > Posts and choosing the post you want to add the alternate hreflang tags on.

Then find the Alternative Store View Localizations section and set the hreflang tags. Just start typing the page

While hreflang tags are used to improve store switching, that's not only about it. They also help you mark different page alternatives and avoid duplicate content issues if you have multiple language variants. That's exactly what makes it one of the essential SEO factors.

Doesn't sound easy? Because it isn't, especially when it comes to the implementation. You have to add them through code or a sitemap. But only in case you don't have tools like Magento 2 Hreflang Tags. 

So, in this guide, you'll learn how to add hreflang tags in the Magento admin directly. In fact, you don't even have to do it manually for some pages. The Magefan tool will cover them automatically. 

Ready to start?

Configure Hreflang Tags

Before you start adding hreflang tags to Magento pages you need to fill out a few important settings. So, just navigate to Stores > Configuration > Magefan Extensions > Alternate Hreflang to start.

General settings

First of all, choose what Pages to enable the hreflang tags option

In case you want to start managing a multi-language website or already have one and look for the best Magento 2 extensions continue to read.

Here is the list of the MUST HAVE Magento 2 Extensions for multi-language website:

1. Magento 2 Auto Language Switcher Extension

The main feature of this extension is already included in its name - it switches between store-views automatically. The extensive GeoIP database used by the Auto Language switcher module enables it to identify customers' country and correspondingly point them to the store view in their language. Besides, there is an option to identify customers' language by the language set in their browser.

2. Magento 2 Auto Currency Switcher Extension

In case you manage not only multi-language but multi-currency website Magento 2 Auto-Currency Switcher extension may come in handy. Since customers are lead to the store view in their local language they would like to be shown prices in their local currency as well. 

In order to translate the Product Attribute and Attribute Options Labels do the following:

1. Navigate to Stores > Configuration > Attributes > Product and choose the attribute you want to translate.