Page 4 - configuration
If you know what is lazy loading (and you most certainly do) then you must have landed on this page because it doesn't work as expected. When you configure our Lazy Load extension in Magento, you need to specify lazy load blocks for images to be lazy loaded.
Nevertheless, sometimes this doesn't work for content that has been added via page builder: CMS pages or blocks. So, in this guide, you'll learn how to lazy load images added via page builder in Magento.
To lazy load images added via page builder:
1. Navigate to the CMS block or page you want to lazy load images for.
2. Add a new row at the bottom of the content, and insert an HTML code from Elements.
3. Add the following comment to the HMTL row.
<!-- MAGEFAN_LAZY_LOAD -->
Note: it is important to use a new row at the bottom of the content, since if you add the command at the top of the existing block, it will be deleted.
4. Don't forget to Save the block, and then the CMS page (or block) and check the content on the frontend.
Although our Shopify Blog App will inherit your website design, you might want to change something specifically for your blog. It could fonts, links colour, font size, etc.
In these cases, you usually need to call out for developers and dive deep into the code. But not if you use our blogging solution. Today, you'll learn how to add custom CSS to Shopify Blog from the admin panel with no effort.
We'll change the colour of the blog post title as an example, but you can change anything you like by adding multiple styles.
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.
Then Save the settings and go to the frontend to check how your blog changed according to the CSS styles you've set.
In our case, the colour of the blog post title changed to blue. However, you can change as many details as you want so your blog fits your brand style. Additionally,
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 Standard and Pro 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
Don't forget to Save the settings and check out what each layout looks like on the frontend.
And here's how the three available layouts will be displayed on your blog pages:
Layout 2 columns right
Layout
Organizing information on product pages into tabs is great not only for SEO and speed optimization. When you add custom product tabs in Magento 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 Magento 2 Product Tabs extension.
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
Did you know displaying popular blog posts in sidebar 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 Shopify Blog App 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 blog posts 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 post view settings to make reading your posts extra engaging.
Every POS cashier creates a session once they start their shift and close it after. Each session is correspondingly linked to a certain terminal and store location. So it allows you to track sales, returns and other activity in each store through Z and X reports.
Since many confuse these two concepts, in this guide, you'll learn everything you need to know about Z and X reports in Magento POS System. And we'll also cover the details of how you can manage them.
What is the Difference Between Z and X Reports?
The X report is a report that shows current session information, from the session opening up till the report is run.
Z reports, on the other hand, cover information on the entire session from open to close.
Correspondingly, to check the transaction details you can print Z reports any time during the day and X reports — at the end of the day.
How to Manage Z and X Reports in Magento POS?
As we've said before, each cashier starts a session at the beginning of their shift. In the
Though a POS system usually offers you plenty of features and flexible functionality, it doesn't fit every possible scenario in your store. Some errors might happen, a cashier can't find a product in the system, or items are simply not added to the POS system yet. But customers are getting impatient at checkout.
How do you get out of this situation?
The answer is custom products or custom sales. This feature helps you to create new products right at the checkout, so it goes smoothly. Today, you'll learn what are custom products in POS, why you need them and how to create some using Magento POS System.
What are POS custom products?
Custom products in POS are products that don't fit into any existing item in your POS system. These products have customized titles and prices, and are created directly at the checkout if cashiers can't find any products that fit the requirement.
Custom products or sales help cashiers to close sales smoothly and sort things out with a missing item
Although processing orders in Magento 2 is quite easy, as a store manager you should be ready for any unexpected situations. Fixing typos, removing items from an order or editing the billing address — is a small part of what you have to handle before an order is shipped.
Even then, you might still need to edit the shipping address or shipping rates. Unfortunately, Magento is limited in this regard and you can't change much without cancelling the order. But not if you have the Magento 2 Order Editor.
So, today you'll learn how to edit shipping rates in Magento order before shipping.
To edit shipping rates in Magento orders:
1. Navigate to Sales > Orders and find an order you'd like to change the shipping rates for.
2. Scroll down to the Shipping&Handling Information section and click Edit.
3. Change the Shipping Method if necessary.
4. Set Custom Shipping Rate for the order and click Save.
Once you save the changes you'll be able to see the shipping&handling price change in order
When it comes to category or product page SEO, effective meta titles and descriptions play a vital role in the CTR rates. You may try to change or optimize them regularly, but it is extremely time-consuming if you have hundreds or thousands of products.
That's why SEO rules is a solution you need. Using SEO rules in Magento you can set not only metadata, but H1 tags, descriptions and short descriptions for multiple products and categories in bulk.
So, today you'll learn how to create SEO rules with the Magento SEO extension to save time and optimize SEO with little effort.
To create SEO rules in Magento 2:
1. Navigate to Marketing > SEO by Magefan > SEO Rules and press the Add New Rule button.
2. Enable a rule and specify a Name.
3. Set a Priority. The higher the number the later the rule will be processed.
4. Choose whether to Override Existing Attributes Values.
Note: by default, the rule will be applied only if the attribute is empty or its value equals the category/product
Depending on the tax rates options you set up while configuring taxes in Magento, each order will fall under different tax rules. As long as customers don't change their shipping addresses, there is no need to edit tax rates in Magento orders.
However, if for some reason, customers requested their order to be shipped to a different location, you need to change the tax rates accordingly. Since default Magento doesn't allow you to edit orders, this guide will teach you how you can do just that.
You'll learn how to edit tax rates in Magento orders within an order view page with the Magento 2 Order Editor.
To edit tax rates in Magento orders:
1. Navigate to Sales > Orders and find the order you'd like to edit tax rates for.
2. Scroll down to the Items Ordered section and click Edit.
3. Change the Tax Rate and press the Update Items and Quantities button.
Note: here you can also edit or delete order items, set custom price, apply discounts or change configurable options.
4. Click
If you want your pages to be crawled and indexed accordingly, you need to provide instructions for search robots in the robots.txt file. However, it works both ways.
When you need to hide certain pages from search permanently or for a while you need to set NOINDEX NOFOLLOW or other tags for those pages. You can do that using the robot.txt or HTML head of the pages.
In this guide, you'll learn an easy non-technical way to apply custom robot meta tags to one or multiple pages in bulk.
There are two ways how you can set custom robot meta tags in Magento — for one or multiple pages at once. We'll go through each of them in detail.
Set NOINDEX NOFOLLOW tags for one page
Each Magento page contains the Design section where you can add custom robot meta tags. So, to add a NOINDEX NOFOLLOW tag for any of them you should go to the page you'd like to hide from robots, scroll down to the Design section and find the Layout Update XML field.
Add the following code to it:
<head>
<meta name="robots"
The variety of payment methods you offer in Magento can directly influence your conversion rates. But when it comes to Magento POS, cash, credit card or contactless payments are the only options. Magefan POS System for Magento offers you offline and online payment methods, based on the plan you use.
Today, you'll learn more about how offline and online payment methods differ and how you can configure each for your POS frontend.
Difference Between Online and Offline POS Payments
The main difference between online and offline POS payment methods is how the order is finalized.
In offline payment methods (cash or credit card) POS cashiers finalize orders. They press the Place Order button only once the transaction has been processed by the terminal (or cash is put into the cache drawer).
In online payment methods, orders are finalized by the payment provider. Once customers swipe their card through the terminal or the POS cashier fills out the card details on the POS frontend, the request
Оnce you finally set up Google Tag Manager for your website, you need to make sure your efforts pay off. Otherwise, you'll just sit there waiting for some data to appear in GA4 reports and find nothing after a while.
That's exactly why you need to check if Google Tag Manager is working right after you install it on your website and debug GA4. Though it might be overwhelming to set up GTM, let alone test it, we'll try to make it simple.
Today you'll find 5 simple ways to test Google Tag Manager that work for both — developers and non-technical people. However, note that they are not alternatives to each other. We recommend using several methods for testing.
Should we start?
1. Enable Preview And Debug Mode
The easiest way to check if Google Tag Manager is working properly is to use the resource you already have — Google Tag Manager itself. There are preview and debug modes that enable you to preview created tags and fire them on your website.
To enable preview mode, navigate to your
When your Google Ads campaign is up and running, you start generating a great number of clicks. However, how many of those clicks actually end up in sales? If you don't know that, you're actively throwing your money down the drain.
That's why you need Google Ads Conversion Tracking to measure how well your campaigns perform. It allows you to change keywords, adjust the bidding and choose a different budget.
Regardless if you're starting fresh or just want to improve your current campaign, you'll find everything in this comprehensive guide. We'll discuss how you can set up Google Ads conversion tracking in Magento using GTM and Magento Google Tag Manager.
But before we move any further, that's make it clear what conversion tracking is.
What is Google Ads Conversion Tracking?
Google Conversion tracking is a free tracking tool that allows you to see what happens after a customer interacts with your ads. Whether they place an order, sign up for a newsletter, download your products or call
Magento self-checkout POS is the best option if you want to improve your service at a lower cost. It offers customers more flexibility and allows store owners to reduce the costs of hiring a lot of staff to check customers out. It's a win-win situation, isn't it?
Though there's still some debate on whether self-checkout is a threat to in-store human interaction, you must have already made up your mind.
So, in this guide, we'll walk you through the benefits of self-checkout POS and the prerequisites of enabling it in your store. You'll also learn how to set up self-checkout in Magento and go through the customer journey with the Magento POS system.
Benefits of Self-Checkout
Since we've already mentioned some benefits of the self-checkout POS, let's just sum it all up here.
Reduced business costs
The biggest benefit of self-checkout is not that it reduces the burden on employees. It eliminates the need to hire a lot of staff in the first place.
Self-service systems installed in restaurants,
It's no news that without valid data reports, you can't make any relevant decisions about your business, especially in eCommerce. Concise data reports on page views, traffic sources, bounce rates, session times and other important eCommerce events allow you to improve your marketing campaigns.
As the key GA stats suggest, Google Analytics is one the most widely-used website analytics platforms that provide you with all that data. And since we're all used to it, the news about Universal Analytics going away took us by surprise.
Many have started to look for an alternative, not even giving Google Analytics 4 a chance, though it deserves it.
So, in this guide, you'll learn what Google Analytics 4 has to offer and how you can add Google Analytics 4 to Magento 2. You'll see that it is much easier than you think if you use Magento 2 Google Analytics 4 Extension.
What is Google Analytics 4?
Google Analytics 4 (GA4) is a next-generation measurement solution built upon previous Universal
The appeal of your Magento 2 store significantly influences your conversions. Custom layouts, templates, images and colors not only improve your customer experience but build brand awareness.
Since it is hard to find a theme that would contain all your brand colors by default, changing theme colors becomes a daunting task. You usually need a developer or some technical assistance. But not with the Optimized Magento 2 Theme.
Apart from 5 preset color schemas, you can customize your website colors to your liking. And today, you'll learn how in this comprehensive guide.
Should we start?
Each element of your theme could be changed. So we structure them in paragraphs. But first, go to Stores > Configuration > Optimized Theme > Color Schema to change theme colors in Magento 2.
Theme Colors
In this section, you define colors that represent your brand and are used the most across your store.
- Theme Color Primary — sets the primary color used the most frequently across your store.
- Theme Color
Getting your Facebook Ads to work is not a piece of the pie. Without accurate insights into customers' behaviour, setting up effective Facebook campaigns is going to be challenging.
That's why you need Facebook pixel — a small piece of code that makes a huge difference. You add Facebook pixel in Magento 2, allow it to track information about different events customers perform on your website and send it to Facebook Ads Manager.
It is easier than it sounds! And it works perfectly together with the Facebook Conversions API.
In this guide, we'll walk you through each step you need to take to make Facebook pixel work. You'll learn how you can set up a Facebook pixel in Magento 2 with no technical skills, using only Magento 2 Facebook Pixel Extension.
1. Install Facebook Pixel Extension
Unless you don't want to implement Facebook pixel tracking code directly into the source code, you need a little help. Install Facebook Pixel extension and you'll be able to configure everything from the
When it comes to purchasing decisions, customers pay attention to a lot of things in your store. Loading speed is one of the most important ones. While you can improve website speed by reducing the size of images or disabling the JS bundling, it is not always enough.
So, today we want to drive your attention to the page element that always gets overlooked when it comes to speed optimization — CMS block. You'll learn how to optimize the loading of CMS blocks in Magento using
.The Uses of Ajax Requests
We've created two CMS pages with the same content: a banner and a product slider. One page contains a CMS block with default display mode, second — a CMS block with display mode Ajax load on first scroll.
Now, let's compare display modes Default and Ajax load on the first scroll.
CMS Block - Products Included In DOM
CMS Block - Products Loaded Via Ajax Request
Param |
Default |
Ajax load on first scroll |
Page Size |
26.2kb |
15.9Kb |
Time To Load Page Content |
783 ms |
591 ms |
DomContentLoaded |
Even though you improve product page SEO and focus on getting more organic traffic, sometimes you need to change your approach to increase conversions. While SEO will help you to drive traffic to your store, it doesn't guarantee this traffic will bring conversions.
So, if you want to improve the conversion score, since there are people who browse your website but buy nothing, you've landed on the right page.
Today we want you to learn more about Google Ads Dynamic Remarketing and help you to set it up for your store with Magento 2 Google Tag Manager.
Before we start, let's define what dynamic remarketing is and how it is different from remarketing.
What is Google Ads Dynamic Remarketing?
Google Ads dynamic remarketing is the campaign you can set up to display personalized ads to people who visited your website previously but didn't make a purchase.
Unlike remarketing, dynamic remarketing allows you to go one step further and display ads with products and services people visited.
Creating blog categories in Magento and adding different sidebar widgets ensure visitors can find relevant content on your blog faster. However, it is equally important that readers can navigate through your blog post content. One of the best ways to achieve that is Post Contents.
In our Blog extension, post contents is generated based on the <h> tags and added through a widget. So, today, you'll learn how to do that.
Note: Blog Post Contents feature is available only in the Blog Extra edition.
How to Add Contents to Post Content?
1. Navigate to Content > Blog > Posts and choose a blog post you'd like to add the contents to.
2. Jump to the Content section and click on widgets.
3. Choose Magefan Blog Extra Extension - Blog Post Contents as a Widget Type and press Insert Widget.
Don't forget to Save your post and check the contents on the frontend.
However, if you want to display post contents in the sidebar as well, keep reading.
How to Add Contents to Blog Sidebar?
1. Go to