Page 10 - Blog

Displaying catalogue definitely boosts conversions, especially if those products are dynamic and change regularly. However, to make the most of this feature you shouldn't focus only on product pages. Try to display products on Magento CMS pages as well.  It could be the About Us, Customer Service or any other page custom CMS page. However, since the homepage is the most important CMS page, we'll focus on that today.  Create Relate Products Rule To display products in Magento CMS pages you need the . It allows you to display products by category, or by any other product attribute on CMS pages.  1. Navigate to Magefan > Automatic Related Products > Rules and start adding a new rule. 2. Enable the rule, give it a Name, Description and Priority. Note: Priority defines which rule is applied first in case there are 2 or more rules that apply to the same page.  3. Specify what Customer Group and Store View to enable the rule for.  4. Set a Date From and Date To to define theihor

Once you set up Google Tag Manager, eager to collect data about your store performance, you must ensure it works as expected. You can a couple of times but still don't get anything in your GA4. Why is that?  The answer's simple — GTM preview mode only allows you to debug tags stored in the GTM container. It doesn't show you whether this data ends up in Google Analytics.  So, some . That's why you need to debug Google Analytics as well. And today you'll learn how to do that using the GTM preview mode we've just mentioned.  The Difference Between GTM Debug and GA4 Debug? As we've told you before, you shouldn't consider GTM Preview and Debug mode and GA4 DebugView to be the same thing. The former allows you to debug tags included in the GTM container, while the latter is used to show what data your GA4 properly receives.  How to Enable GA4 DebugVeiw? You will find different ways to enable DebugView in GA4 on the web. They will range from installing the GA Debugger Chrome Extensionihor

Nobody is exempt from cases when a certain product runs . But still, your customers may be genuinely interested in purchasing a corresponding item. Thus, you need to work this around somehow. One option is to . Yet, you can also configure Magento 2 back-in-stock notifications. They make it possible for your customers to sign up for the products they intend to purchase. Then they'll receive notifications when the desired item is available again. Sounds promising, doesn't it? And these notifications are exactly what you'll learn to set up today. To configure back-in-stock notifications in Magento 2: 1. Go to Stores > Settings >Configuration > Catalog > Inventory and unfold the Stock Options section. 2. Choose Yes in the Display Out of Stock Products field. 3. Navigate to Stores > Settings > Configuration > Catalog > Catalog and open the Product Alerts section. 4. Allow Alert When Product Comes Back in Stock by selecting Yes in the corresponding field.  ihor

Although and discounts encourage customers to buy from you, they might still need a little "push" before making a decision. So, to dispel all doubts customers might have about the sale, you can enable price tracking in Magento 2.  Moreover, if you want to sell in Europe, you are required to do that by the EU Omnibus Directive. This requires you to show the lowest price of a product over a certain period of time.  If you want to be transparent about price changes in your store, you've landed on the right page.  Today, you'll learn how to enable price tracking in Magento 2 with the .  To enable price tracking in Magento 2: 1. Navigate to Stores > Configuration > Magefan Extensions > Price Tracker and enable the extension. 2. Select what pages to Display The Lowest Price On.  3. Choose whether to Display lowest price Only For Discounted Products or all products in your catalog.  Note: the EU Omnibus Directive requires you to display Omnibus prices only on discounted productsihor

Hello, dear friends,  The second month of the summer is almost over and we are happy to share the most recent updates with you.  First of all, we'd like to say - we were so happy to be among the sponsors of the Mage Unconference NL that took place this July in the Netherlands. You can take a look and feel the mood of the event by checking some photos. Secondly, we are thrilled to say that now our website design becomes even more user-friendly. We added a dark mode to our website which will help our visitors to reduce eye strain especially if they work in a low-light environment.  Try dark mode now by clicking the " Go Dark" button, and we are sure you'll love it as we do.   Scroll through the pages and let us know what you think!   Last but not least, let's talk about our recent updates and new features we've added to our extensions this July.   New features of ! We added a Page Speed Optimization option -  if enabled GTM JavaScript will be loaded only afterihor

Having comprehensive reposts of your store performance and customers' behaviour allows you to optimize and improve your business accordingly. The only trick is to know what to track.  Google Analytics 4 event-based logic makes things quite complicated, as sceptics would say. But it actually opens new horizons for more detailed behaviour tracking.  Want to know how many customers add products to their cart, fill out payment information on checkout or use a search? You got it. Just create custom eCommerce events in GA4 and track all the data you need. Due to the thousands of events Google offers you to track it's easy to get lost. So, today, you'll learn about the essential GA4 eCommerce events to track to go beyond basic user performance tracking. Note: if you manage your store on Magento stick around to find the best Extension that creates all these events automatically. Ready?  Types of Google Analytics 4 Events Before you jump into the world of Google Analytics 4 events, youihor

When optimising images, you'd want to implement WebP and learn how to upload WebP images to Magento. While there are multiple options to convert images to WebP automatically, in this guide, you'll learn how to upload WebP files to Magento directly.  But before that, you should ask the main question.  Does Magento Support WebP? is questionable at first hand, since the platform doesn't allow you to upload WebP images to the admin directly.  However, you can convert images to WebP with the WebP extension, store and render them on the frontend (while the original .png and .jpg images are still displayed in the backend). Magento 2 Upload WebP Images: Steps You can upload WebP images to Magento using the Magefan . Step 1: Install WebP images extension Just follow all the instructions to . Then enable it under Stores > Configuration > Magefan Extensions > WebP > General.  This automatically allows you to upload WebP to the Magento admin. Step 2: Upload WebP images to the admin Goihor

As you know Magento 2 provides various default options for creating an eCommerce store and gives you enough flexibility to customize it. However, some errors may appear on the way. And as a developer should know how to fix them. One of the most common errors you might face is "An error has happened during application run. See exception log for details". There are various reasons for it to appear. So the solutions may vary as well.  If you are wondering how to deal with this error, you've landed on the right page. Today you'll learn more about the error and find a solution you can refer to. What Causes the Error? As we've already mentioned, "An error has happened during application run. See exception log for details" is one of the most . It usually happens after you . Yet, you can also encounter it after upgrading your Magento to a higher version.  The error in question can be caused by multiple reasons. For example, the database connection is not accurate or the MySQL service is notihor

Having a is a great advantage, especially if you also manage a blog. It's a perfect way to share your content with a global audience.   Yet, to complete this task you have to translate your blog for all store views you have. That said, the translation of blog categories in Magento is something you'll have to deal with.  To translate blog categories in Magento 2: 1. Navigate to Content > Blog > Categories and select the category you want to translate. Note: you need to to translate a category in Magento. So, you have two options: create a new category by pressing the Add New Category button or Duplicate the existing one and proceed with the translation. 2. Set the Enable Category option to Yes. 3. Translate the Category Title and select a corresponding Parent Category, if you have any. 4. Add a translation of the category Content. 5. Go to the Category in Websites section and choose the Store View you want this category to be displayed on. 6. Move to the Search Engine Optimizationihor

The way your blog pages appear on social media definitely influences the clicks they get. Besides, once you in Shopify, you need to make sure they are displayed properly.  Shopify usually handles OG tags on a theme level. So, for them to appear on some specific pages, like blog, you need to make certain changes to the theme. In this article, you'll learn how to do that step by step and make your pages more attractive and clickable on social media. To enable OG tags for the Shopify blog: 1. Navigate to Sales channels > Online Store. 2. Go to Themes, click on the three dots (near the Edit theme button), and select the Edit code option. 3. Find the theme.liquid file and open it.  4. Find in theme.liquid file row with the {% render 'meta-tags' %} code. All you need is to move OG tags from the meta-tags file to the theme.liquid file so our Blog app can use the OG tags. 5. Insert the following code before the {% render 'meta-tags' %}: <meta property="og:title" content="{{ page_title |ihor

Managing a is a responsible job, especially if you also manage a blog. Sooner than later you will have to translate your blog posts. And since support multi-language you can target the global audience in different languages. That's quite a mission, isn't it? That's why you need to know how to translate blog posts in Magento 2 easily.  To translate blog posts in Magento 2: 1. Go to Content > Blog > Post and choose the blog post you'd like to translate. Note: to translate blog posts you need to manually . So you can either press the Add New Post button and proceed with adding a translation. Or you can open the blog post, press the Duplicate button and translate the copy. 2. Enable the Post and translate the Post Title. 3. Choose the corresponding Categories to add a blog post to. But don't forget to too. 4. Translate the Content of your blog post and add it via the editor you're using. 5. Look through the Display Settings and make sure to add the translated Tags. 6. Move to the Searchihor

If you're working for an easy and effortless way to migrate your blog posts to Shopify, you're at the right place. Magefan allows you to import blog posts to Shopify via CSV in a matter of a few clicks, literally.  And today you'll learn how to do that. However, if you want to , there is the other tool you should check out. To import blog posts to Shopify via CSV: 1. Navigate to  Apps > Magefan Blog > Imports and find the Import from CSV/XML file option. 2. Upload the CSV file and press Continue.  3. Associate the blog post columns and press Import again. Note: the columns in your original CSV file can differ from those in our Shopify blog. So you need to associate the columns with the corresponding fields. Once you import in finished you'll be redirected to the Magefan Blog Posts section to continue working with your posts. Nevertheless, you might want to homepage, post lists, design and learn how to manage Magefan Blog first. 

As a Magento 2 developer, you know that some coding is inevitable for successful store operations. There are many tasks you need to do programmatically, especially when it comes to getting some information like or . One of them also is getting product by SKU in Magento 2. And in this article, you'll learn more about two possible ways of doing that. Get Product by SKU Using Dependency Injection Dependency injection is one of the most common solutions when it comes to getting product by SKU in Magento. It's quite simple, yet no less effective. So, to apply the dependency injection method, go to your phtml block file and create a _construct function: <?php namespace Vendor\ModuleName; class ClassName  {     public $productRepository;     public function __construct(         \Magento\Catalog\Api\ProductRepositoryInterface $productRepository     ) {         $this->productRepository = $productRepository;     }          public function getProductBySky($sku)     {         ihor

Magento 2 is a flexible ECommerce platform that provides you with various options to customize your store to your needs. Thus, as a developer, you have to be aware of the coding matters to make everything works as flawlessly as possible. There may be dozens of tasks that have to be solved programmatically, for instance, or . However, it always goes down to configuration. So, it might also be useful to know how to get config value in Magento 2. And this is exactly what you'll learn today. There are two ways to get config value in Magento 2. Let's have a look at both in more detail.  Get Config Value Using Dependency Injection  One of the most common methods to get configuration value in Magento is dependency injection.  In order to apply it, you need to go to the phtml block file and create a _construct function: <?php namespace Vendor\ModuleName; class ClassName  {     public $scopeConfig; public function __construct(         \Magento\Framework\App\Config\ScopeConfigInterfaceihor

If you're looking for easy and no-extra-cost way to drive more people to your blog you need social sharing. To enable social sharing buttons in Shopify blog means getting exposed to new audiences and offer a great experience. Your blog readers can share your on social media and increase your blog visibility, without any effort from you. You just need Magefan to enable this option.  The process literally takes seconds. To enable social sharing buttons in Shopify Blog:  Navigate to Apps > Magefan Blog > Configuration and find the Social settings section.  Enable the Social share link option and choose which Social networks to enable it for. Don't forget to Save the settings and go to any of your articles to check the social share. You can find the social sharing buttons at the bottom of the page. Social share is the best free marketing idea since people who already like your blog will drive even more people to it. However, you also need to , so it is attractive and engaging enoughihor

Magefan comes with its own default styles, which inherit your website design. However, you can change it if some colors, fonts, or spacing don't perfectly match your store's theme or you simply need to change design. The good news: you don't need to edit theme files or hire a developer to adjust the blog design. Our blog app provides a Custom CSS field where you can override any style directly. So, in this guide, you'll learn how to add custom CSS to Shopify Blog from the admin panel using two different approaches. Where to Add Custom CSS in Shopify Blog? To add custom CSS to Shopify Blog: 1. Navigate to Apps > Magefan Blog > Configuration > Design and find the Custom CSS section. 2. Enable the custom CSS option and insert your Custom CSS there. Note: any CSS you write here will be applied to all blog pages: posts, categories, post listings, authors, tags, etc. We'll change the colour of the blog post title as an example, but you can change anything you like by adding multiple stylesihor

The way you present content to people is as important as the relevancy of the information you share in your posts. That's why you need to make sure your blog design is stunning and attention-grabbing.  Except for multiple blog templates, you can find different layouts in the Magefan Shopify Blog to structure your blog pages. And today you'll learn how to configure them and how they are displayed. Note: this feature is available in the plans. How to Configure Shopify Blog Design?  1. Navigate to Apps > Magefan Blog > Configuration and find the Design section.  2. Specify the layout you'd like to use for different post lists:  Blog Index Page Layout Blog Post Page Layout Blog Category Page Layout Blog Tag Page Layout Blog Author Page Layout Blog Search Page Layout 3. Here, you can also set the custom page width, set the color mode (light/dark, and manage .  Don't forget to Save the settings and check out what each layout looks like on the frontend.  And here's howihor

Hello, dear friends,  The first summer month is almost over and we are ready to share our most recent news and updates.  Before we proceed we’d like to tell you some really exciting news! On July 12-13, you can join one of the greatest events of this summer - MageUnconference NL which will take place in the Netherlands, Utrecht. And we are so happy to be among the sponsors of this great event. Follow the official Mage Unconference Twitter account to stay updated.  So, let's move to the new features of Magefan extensions. New features of the ! We added compatibility with Hyva Theme. Added page speed optimization option. Added functionality which If enabled Facebook Pixel JavaScript will be loaded only after users first click, scroll, or mouse touch. Added an option to include product categories in the pixel data. We also added auto space trimming for config values.  For Facebook Pixel Plus & Extra version, we added the following options: Product List on the category page, related/up-sell/cross-sellihor

Organizing information on product pages into tabs is great not only for SEO and speed optimization. When you you improve customer experience.  As you might know Magento provides you with some default product tabs. They include product reviews, descriptions and attributes. While those tabs might come in handy, a lot of merchants would rather rename, or remove them. So, in this guide, you'll find how to reorganize, rename or remove default Magento product tabs from the admin panel. No code editing is required. You'll just need the .  To rename or remove default product tabs in Magento:  1. Navigate to Stores > Configuration > Magefan Extensions > Product Tabs and find the Default Tabs section. 2. Unfold a tab you'd like to rename, reorganize or remove and go through the settings: Enable or disable the default tab.  Set a Title you want to be displayed on the frontend to rename the default product tab.  Specify the Position to define where to display the default Magento productihor

Did you know displaying is not the only way to show how popular your posts are? You can also use the views count in your Shopify Blog.  But the best part is you don't need to customize any templates or change the code. Just enable one option Magefan offers you. To enable views count for Shopify blog posts:  1. Go to  Apps > Magefan Blog > Configuration > Post Page (Post View) and find the Views Count section.  2. Enable the Calculate & Display Views Counts option and Save the settings. After this go to any of your and check the views. They will be displayed at the top of the blog post page. The will start being calculated once you enable the option. But as long as you keep it enabled the number will grow, showing your blog readers and visitors the popularity of your posts.  Nevertheless, you should also explore other to make reading your posts extra engaging.

Although blog sidebar improves navigation it is not always enough to drive visitors' attention. You might want to show some information like promotional banners, links, or videos to notify your blog visitors about new products, etc.  We've covered that as well in our . It offers you to add a custom HTML block to the blog sidebar.  In this article corresponsingly, we'll set up a promotional banner on the blog sidebar, as an example. However, you can add any custom HTML content there. To add a banner to Shopify Blog sidebar:  Navigate to Apps > Magefan Blog > Configuration > Sidebar and find the Custom HTML block - 1 section. Enable the widget and insert your custom HTML in the corresponding section.  Set the Sort Order. Note: the Sort Order option defines the position of the widget in the sidebar. The lower the number, the higher your custom block will be displayed in the sidebar.  Once you Save the settings you'll see your banner in the sidebar.  You can now addihor