Page 28 - Blog

Your store homepage is a place where most of your visitors actually land. That's why adding as much information about your brand there is crucial. Testimonials, best sellers, new arrivals, brand story — you provide all the details here to make an impression. But don't forget that if you manage a blog, it deserves to be there too. So in this guide, you'll learn how to add blog posts to the Magento homepage and homepage sidebar. The makes the entire process super easy. Ready to start? Add Recent Posts to Magento Homepage You can add recent blog posts to the Magento homepage in two ways: through Magento widgets or directly into the CMS page content (using the widget tool). We'll go with the first option.  1. Navigate to Content > Widgets and click the Add Widget button. 2. Select Magefan Blog Extension - Recent Blog Posts as a widget Type, set the Design Theme and press the Continue button. Note: you can display featured posts on the Magento homepage the same way. Justihor

If you decided to remove , 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 the extension has been installed in. 1. If you can find the extension files in the folder app/code/Magefan/ProductWidget then remove this folder. 2. If the extension was installed via the composer and its files located in the folder vendor/magefan/module-productwidget then run composer CLI command to remove it composer remove magefan/module-productwidget Once extension files have been removed, run these Magento CLI commands: php bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deploy Note: if you don't want your website to be down during deployment, try these . Remove Extension Data (optional) Attention! This will clean all extension data. 1. Just in case please make a full backup (dump) of your Magento 2 databaseihor

You can install by Magefan, using composer or archive installation methods. Installation via composer (recommended) Please navigate to your Magefan Account > Downloads > Install via Composer to get the composer installation instructions. Installation using archive and FTP Download Twitter Cards Extension ZIP-Archive from magefan.com website (not GitHub or other sources). Extract files. Copy app folder from the archive to your Magento 2 folder. In a command line, using "cd", navigate to your Magento 2 root directory. Run CLI commands: php bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deploy Note: if you don't want your website to be down during deployment, try these . Once you have installed the Magento 2 Twitter Cards extension you can start the .

There are times when you share the link on Facebook and thumbnail image doesn't show up or it does appear, but it is not the picture you've expected to be shown. In order to fix these steps should be taken: 1. Verify if there are OG tags on your website.  Search for a code <meta property=og: , pressing the Ctrl+U shortcut to open the page source code, example: <meta property="fb:app_id" content="102143277123049" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Development team for your Magento 2 store | Magefan" /> <meta property="og:description" content="Magefan is development team, gathered together in October 2015 shortly before Magento 2 release. We&#039;ve all been waiting for Magento 2 and this is it. Now we can surprise you with our solutions." /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image" content="https://cm.magefan.com/default/default/solutions-for-magento-stores-min.jpg"ihor

Adding product blocks in Magento 2 WYSIWYG editor allows you to promote some of your products in Magento 2 blog posts, CMS content, and any other pages containing WYSIWYG editor. Showing your customers as much information about the product in the product widget will encourage them to have a look and potentially get interested in buying it. In Magento 2 you can easily insert product blocks into the WYSIWYG editor using the . In order to add product block to Magento 2 WYSIWYG editor take the following steps: 1. Navigate to any Magento 2 page containing the WYSWYG editor, put the cursor where you want the product block to be inserted and press the Widget tool in the Content section. 2. Choose Product Widget Advanced by Magefan as a Widget Type. 3. Configure the product Widget Options. Select Product you want to display in the widget. Choose whether to Display product Name, Image, Reviews, Price, and "Add to Cart" button. Display product Description option allows you toihor

In Magento 1 merchants commonly used Magento for an online store and some other CMS, e.g. WordPress, Joomla or Drupal for blogging, then installed different tools to make the integration between these systems. For Magento 2 there is the  that allows you to have a store and a blog in one place. Here are the advantages of using Magento 2 Blog Module over other blogging platforms or integration modules: 1. Security Magento is one of the safest frameworks. Safety is the top priority for any successful business. And it's known that  WordPress and other blogging CMS are not famous for their security, especially when being installed with additional modules. That's why using Magento extension which expands Magento itself is better. M2 Blog extension has passed over all verifications on Magento Marketplace, including security and it is safe to use.  2. Easier To Maintain Using Magento Blog module you maintain just one platform -  Magento, not Magento and WordPress, Magentoihor

Once you have finished with the , continue with setting Twitter cards tags up for some other pages you operate. The product page is a good point to begin with. So, to configure Twiter cards tags for the product page, follow the steps described below.  1. In your admin panel go to Catalog > Products and choose a product you're interested in. 2. Scroll down to the Twitter Cards Metadata section. 3. Set the Twitter Cards Title. If you leave this field empty, the Meta Title will be used instead. 4. Fill out the Twitter Cards Description field. The meta description will be applied if you leave this field blank. If none of the descriptions has been added, the default Twitter cards description will be used. 5. Move to the Images and Videos section. Here you need either to add the Twitter card image or edit an existing one. 6. Set the Twitter cards image Role for the chosen image. If you do not configure this section, the default image will be applied. 7. Press the Save button after youihor

You already know that Twitter cards can be configured for a great load of Magento 2 pages. In this guide, you'll learn how to set them up for the CMS page. All you need to do is to follow the provided steps carefully.  1. In the admin panel, go to Content > Pages and start editing the page you want to configure the Twitter cards for.  2. Scroll down until you reach the Twitter Cards Metadata section.  3. Enter the Twitter Cards Title. If you leave this file empty, the Meta Title will be used. If it isn't defined either, then the Page Title will be applied. 4. Set the Twitter Cards Description for the chosen page. If the field is blank, the Meta Description will be displayed. will be used if none of the descriptions is configured. 5. Upload the Twitter Cards Image, or don't add anything here if you want the default image to be displayed. 6. When you are ready with all the changes, don't forget to press the Save button. The same configuration steps can be applied to any CMS pageihor

Having configured the in Magento 2, you can move on to the category page configuration. So, the steps below will help you to achieve this goal. 1. In the admin panel, go to Catalog > Categories and choose the category you'd like to configure Twitter cards tags for. 2. Jump to the Twitter Cards  Metadata section. 3. Set a Twitter Cards Title if you don't want the Meta Title to be used instead. In case it isn't configured, the category name will be applied. 4. Fill out the Twitter Cards Description field. The Meta Description will be used if you leave this field blank. If none of the descriptions has been configured, the will be applied for the Twitter cards instead. 5. Upload the Twitter Cards Image, otherwise, the default image will be the one the Twitter users will see. 6. Once all the changes have been performed don't forget to press the Save button. These configuration steps just couldn't be simpler. You can literally cope with them in a matter of minutes. After that, you mightihor

The might be a great tool to have in your arsenal if you want to promote your services effectively. Given how many Twitter users are there, you can certainly enhance the customer engagement of your store.  But first of all, you'll have to set up the extension. And the following steps will guide you on the way.  1. Go to Stores > Configuration >  Magefan Extensions > Twitter Cards and unfold the General section.  2. Enable Extension by choosing Yes in the corresponding field. 3. Enter the Product Key which you will find in your Magefan account after purchasing the extension. 4. Set the Twitter User. 5. Choose what pages to Use Twitter Meta Tags for. 6. Set the Default Twitter Image. The chosen image will be used for a page if it is not redefined, for example in product settings. 7. In the Default Twitter Description, enter the default description that will be used for your Twitter cards. 8. Once you have finished don't forget to press the Save Config button. And this isihor

Creating orders in Magento 2 admin panel isn't a common thing, but sometimes there are customers who need assistance with placing an order. That is why Magento enables admins to create orders directly from Magento 2 admin panel. It enables them to easier. That makes it easy for the customer to go through the whole purchasing process and allows you to improve your Magento 2 store customers' experience. And if you use , admin users' experience is improved as well. Follow these steps to create order in Magento 2 Admin Panel: 1. Go to Admin Panel > Sales > Orders and press the Create New Order button. 2. Choose the customer you want to create the order for. You can select an existing one as well as create a new one by pressing the Create New Customer button. If you need to, you can later. 3. Once you've selected a customer you need to choose which you want the order to be created on. 4. Add New Products to the order. There are several ways you can add a product to the order. The first one isihor

When a visitor scrolls the web-page down It is convenient to display a button that will allow easily, by a one-click move customer back to the top of the page.  (button example) To enable such a button on your website please follow these simple steps: 1. Create default.xml layout file in your theme directory: /app/design/frontend/ThemeVendor/ThemeName/Magento_Theme/layout/default.xml 2. Paste the XML code: <?xml version="1.0"?><page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceContainer name="before.body.end"> <block name="magefan.go.to.top" template="Magento_Theme::gototop.phtml" /> </referenceContainer> </body></page> 3. Create gototop.phtml template file: /app/design/frontend/ThemeVendor/ThemeName/Magento_Theme/templates/gototop.phtml 4. Paste the code: <style type="text/css">    #mfbacktop {     background: #324367;    border: 2px solid white; border-radius:ihor

If your search does not work, most likely the issue is in your theme that overrides original blog templates and layout files. Try the next steps: 1. Make sure that you have the latest Magento 2 Blog module version. 2. Try temporary remove Blog layout XML files and template PHTML files from your theme one by one and run static content deploy. Once find the file that brings the issue, pay attention to it. 3. Check if a blog search button in the sidebar has the attribute  "disabled", if yes then it is disabled (not active), and this may be a root of the issue. In this case, find a code which makes it disabled. The disabled attribute can be added directly via .phtml file in your theme or with some JavaScript. If you cannot find it, then you can insert this JS script to undisable the button: <script>require(['jquery', 'domReady!'], function($) {    setInterval(function(){        $('#blog_search_mini_form .action.search').removeAttr('disabled');    }, 2000);});</script>

The "Product Key is empty or invalid. The extension has been automatically disabled." issue appears because of three common reasons. Usually, it's because you use the outdated version of the Magefan_Communty module, you downloaded a free version of the module for Magento Commerce or you use Translation extension v2.2.9. Let's see what you can do to fix this issue in different cases. Solution for Magento Open Source (CE) If you get this error while saving the Magefan extension on the Magento Community edition and don't see any Product Key field, as on the screenshot: make sure that you have the latest version of the Magefan Community extension. Note: Magefan Community is not a Magefan Blog or Magefan Login as Customer. It is a separate module that is used together with all Magefan extensions. To check the version of the Magefan Community extension have a look inside one of these files: app/code/Magefan/Community/composer.jsonapp/code/Magefan/Community/etc/module.xmlvendor/magefan/module-community/composer.jsonvendor/magefan/module-community/etc/module.xmlihor

Sometimes instead of the real customer IP address, you can see 127.0.0.1 or some other wrong customer IP in your Magento 2 Admin panel. It can be due to proxies, like Varnish, Cloudflare, Sucuri.net, that may be enabled for your Magento 2 store. To solve the wrong IP address issue you need to: 1. Create a new file in M2 directory: app/etc/XIP/di.xml 2. Paste the code: <?xml version="1.0"?><config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd"> <type name="Magento\Framework\HTTP\PhpEnvironment\RemoteAddress"> <arguments> <argument name="alternativeHeaders" xsi:type="array"> <item name="x-client-ip" xsi:type="string">HTTP_X_REAL_IP</item>                <item name="x-cf-connecting-ip" xsi:type="string">HTTP_CF_CONNECTING_IP</item>                <!-- <item name="x-cf-mfcustom-ip" xsi:type="string">SOME_CUSTOM_SERVER_KEY</item> --> </argument> </arguments> </type></config> 3. Save the file, andihor

Configuring Image Lazy Load is one of the great that allows you to improve your website loading speed and reduce the page size by loading images gradually. Once your images are lazy-loaded you are sure there won't be any delay in loading the page caused by images so that your customers receive the best user experience. How to Configure Image Lazy Load in Magento 2? First, you need to install the by Magefan. Then, navigate to Stores > Configuration > Magefan Extensions > Image Lazy Load and enable the extension. There are two options you can choose from. Let's talk more about both. Lazy Load All Website Images All you need to do to lazy load all website images is choose a corresponding option in the Blocks to Lazy Load select box. However, if you want to exclude some images from the lazy load, define them in the Lazy Load Blocks section and specify how many First Images from those blocks To Skip. Lazy Load Selected Website Images In case you want to lazy load only some specific imagesihor

To get a resized post image in  you can use this code in your template files: <?php $width = 100; $height = 150; $imageHelper = $this->helper(\Magefan\Blog\Helper\Image::class); ?> <img src="<?php echo $imageHelper->init($_post->getFeaturedImg())->resize($width, $height); ?>" alt="<?php echo $block->escapeHtml($_post->getTitle()) ?>" /> If you don't want to use the height parameter then you can execute the resize function only with the first parameter, e.g. <?php echo $imageHelper->init($_post->getFeaturedImg())->resize($width); ?> Or if you use Magefan Blog version greater equal than v2.9.8, you can use this line (it will allow you to save the image width x height file proportion and not create a square image with white borders): <?php echo $imageHelper->init($_post->getFeaturedImg())->resize($width, null, false); ?>          

Sitemap is one of the most important things when it comes to website indexing and crawling. The same is true for your Magento 2 blog sitemap. If you want your content to be discovered by the search robots, you need to configure the blog sitemap.  So, today you'll learn everything you need to know about the sitemap in to ensure proper content indexing. Configure Magento 2 Blog Sitemap Once you install the Magento 2 Blog Extension, the blog XML sitemap is generated automatically together with the regular . You don't have to do anything. Note: in all blog versions before 2.11.0, a separate blog sitemap is generated. It is available via the same path as your Magento sitemap, but with the blog_ or pub/blog_ suffix, like in the https://domain.com/blog_sitemap.xml. Configure Frequency and Priority of Indexing If you use  editions of the Blog extension you can change the priority and frequency of the blog items indexing in the XML sitemap. To do this go to Stores > Configuration > Blogihor

Once you have configured OG tags on our website you may want to test it. In order to validate Open Graph tags please take the following steps: 1. Visit official Facebook Sharing Debugger. 2. Enter the URL of the page you want to validate in a corresponding field. 3. Press the Debug button. Example: You may be interested in: ✔  ✔  ✔    4. Once done you'll see the page validation result. In this way, you can make sure Open Graph tags were implemented correctly.

If for some reason you need to copy from one database (DB1) to another (DB2) (in fact Import Blog data from one Magento installation to another), please follow these steps: 1. Make sure that Magento 2 instance that uses DB2 has the same blog extension version as the one that uses DB1. If not, please update the Magento 2 Blog module on one of them. 2. Create a backup of magefan_blog_* tables in DB2. 3. Remove all magefan_blog_* tables from DB2. 4. Make export (dump) of all magefan_blog_* tables from DB1 5. Import DB1 dump to DB2. Using this instruction, you'll easily migrate ALL blog data from DB1 to DB2. For database manipulations, you can use phpMyAdmin, Adminer.

If you decided to remove , 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 Blog extension has been installed in. 1. If you can find the extension files in the folder app/code/Magefan/Blogapp/code/Magefan/BlogPlusapp/code/Magefan/BlogAuthorapp/code/Magefan/BlogAuthorapp/code/Magefan/BlogImport then remove these folders. 2. If the extension was installed via the composer and its files located in the folder vendor/magefan/module-blog then run composer CLI command to remove it composer remove magefan/module-blog* Once extension files have been removed, run these Magento CLI commands: php bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deployphp bin/magento cache:flush Note: if you don't want your website to be down during deployment, try these . Remove Extension Data (optional) Attention! Thisihor