Page 31 - Mari Skula
- 1 min read
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 .
- 2 min read
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'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
- 1 min read
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
- 2 min read
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
- 1 min read
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
- 1 min read
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
- 1 min read
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
- 1 min read
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
- 3 min read
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
- 2 min read
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
- 1 min read
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.
- 2 min read
Loading JS files is critical for page rendering. However, in a lot of cases, it causes speed issues and leads to low Google PageSpeed Insights stores. That's why you need to make sure to defer JavaScript in Magento and optimize it properly.
While you can spend lots of time optimizing the code, it's not worth it. Especially when tools like are there to help.
So, today we'll go through the process of deferring JS in Magento step by step. You'll basically need to enable a few options and let the module do the rest.
Ready to start?
But before we do, navigate to Stores > Configuration > Magefan Extensions > Rocket JavaScript and enable it.
Step 1: Minify and Merge JS Files
Here you need to choose whether to Minify and Merge JavaScript Files. Both options improve JS loading and optimize JS files in general.
Minification — the process of removing unnecessary data (blank lines, commend, delimiter, etc.) from JS files. This makes browsers to read them faster and return pages to customers fasterihor
- 1 min read
In order to change the locale of Magento 2 Admin Panel take the following steps:
1. Click on your user icon in the upper right corner and go to Account Settings.
2. Find the Interface Locale select box in the Account Information section, where choose the language you need. Note: the language of Magento 2 admin panel won't actually change unless you you want to have.
You may be interested in:
✔
✔
✔
3. Enter your current password in Your Password field and press the Save Account button to save the Magento 2 language of the admin panel.
Note: this change will affect only a selected customer, to change the admin interface locale for another one, please navigate to System > Permissions > All Users to manage its settings.
Trouble shootings
1. Make sure you have the language pack for the corresponding language installed in case it wasn't applied. You can easily find a free language pack it Google (use query "Magento 2 XXX language pack").
2. If your Magento ihor
- 2 min read
Managing a might not seem that hard at first. However, before being published blog posts goes through multiple stages: creation, editing, proofreading and publishing.
Sometimes multiple people work on one article. Correspondingly they have different roles and responsibilities.
So, in this article, you're going to learn more about blog access control list and how you can restrict users' access to different blog sections.
To configure the access rights for the blog admin pages:
1. Go to Admin Panel > System > User Roles.
2. Choose the you want to change the blog access rights for.
3. In the Role Resources section, you will see the resources tree. Find the Blog sections.
Once you have finished don't forget to press the Save Role button.
With the ACL you can restrict the rights for viewing, editing, deleting blog posts, categories, tags, authors and comments. Besides, you can set additional rights to import the blog and administrate the main blog configurations.
As mentioned beforeihor
- 1 min read
In order to assign all products to the website please, go to your Magento 2 Admin panel > Catalog > Product and Select All products.
Then, choose Update in the Actions select box.
Afterwards, move to the Product Information > Websites and in the Add Product to Websites section, choose the website you need.
Next, press the Save button.
Wait some time. After a while, you'll see the notification about the assignation being performed.
- 2 min read
If you manage store you have the best place to promote your products. You can in blog content or add related products at the bottom of the post.
You encourage people to view your catalog and purchase your products.
However, when you have a lot of blog posts it can be time-consuming to look for products and add them manually for each blog post. That is why there is a related product rule to help you out and here you will learn how to configure it.
Note: you can set up related product rules only if you use .
To configure blog related product rule in Magento 2:
1. Go to Content > Blog > Posts and choose the blog posts you want to configure the related products rule for.
2. Scroll down to the Related Product Rules section and set the Conditions based on product attributes like category, SKU, price, etc.
Note: if some attribute is missing in the attributes list, you have to .
3. Once you finish with the related product rules, don't forget to Save the blog post and check the related productsihor
- 2 min read
Blog is a great tool not only to drive traffic to a website but to boost brand awareness and promote your products. That's why the related blog products feature in can really come in handy.
Although you can add related products for each post manually, it can be challenging if you have a lot of posts. You need auto-related blog products for this.
Note: you can configure auto-related products only if you use .
To configure auto- related blog products in Magento:
1. Go to Stores > Configuration > Magefan Extensions > Blog > Post View > Related Products and enable the Display Related Products option.
2. Set the Number of Products to display on the blog post page.
3. Enable Auto Related Related Products (Blog+). The system generates blog-related products automatically by the most frequently used words from your posts and products. Thus, it is based on the description and title.
4. In the Black Words For Auto Related field enter words you want to ignore. You don't need to enter one-letterihor
- 3 min read
Related posts are the best way to encourage your blog visitors to read more and stay on your website longer. While a few posts are not a problem, it's really time-consuming to add related posts to a blog that has a significant number of articles.
But don't worry, has you covered. It offers you both manual and automatic options which we'll discuss in this guide.
Note: before we start, note that auto-related blog posts are available only in the .
Enable Related Posts
Before you get to adding related content in the posts directly, you need to enable it in the . For that navigate to Stores > Configuration > Magefan Extensions > Blog > Post View and enable a corresponding option.
Additionally, you need to choose a Template for the related posts and set a Number of Posts to display.
Don't forget to Save the settings before moving to the next step.
Add Related Posts in Magento Blog
1. Navigate to Content > Blog > Posts and choose a post.
2. Scroll down to the Related Posts and Products sectionihor
- 11 min read
Transactional emails are the primary communication channel used to notify customers about their orders, shipments, refunds, and other details. How you structure and configure them defines how effective they will be.
Luckily, Magento already has all the tools you need to customise default email templates and offers some custom variables to personalise them.
In this guide, you'll learn everything about Magento email templates. From customising the default template to creating a new one from scratch we'll cover every detail to help you successed in your efforts.
What Are Magento Email Templates?
Magento email templates are pre-designed HTML and text layouts you use to send automated emails to your customers. These templates cover different types of customer-store interactions.
There are different types of Magento email templates:
Sales email templates (, order update, invoice, shipment, credit memo) are used to inform customers about their order status.
Customer email templates (new accountihor
- 1 min read
There are cases when you want to change page URLs or disable some page and avoid 404 error. Unless you create , you need to create 301 redirects manually.
In order to add 301 redirect in Magento 2 take the following steps:
1. Go to Admin Panel > Marketing > SEO& Search > URL Rewrites.
2. Then press the Add URL Rewrite button.
3. Enter URL Rewrite Information
Choose "Custom" in Create URL Rewrite select box.
Choose the store view you want the URL Rewrite to be added to in the Store field.
Set the path you want to be redirected in the Request Path field.
In the Target Path, you correspondingly set the path you want the old one to be redirected to.
Choose Permanent(301) in the Redirect Type field.
Enter short information why you add this rewrite in the Description text box (optional).
Attention! Do not enter either domain or store view code in the request and target paths.
4. Once you have finished creating the redirect don't forget to save it by pressing the Save button.
Sometimes you mayihor
- 1 min read
Magento 2 HTML <head> is a place where you put any custom code to verify you're the website owner or add some custom integration, like , Google Analytics or any other tracking system. In this guide, you'll learn how to do that in a matter of a few clicks.
Add Ownership Verification to Head
To add custom code to the HTML <head> in Magento:
1. Navigate to Admin Panel > Content > Configuration.
2. Choose the store view you want the head tag to be changed on or select Global to change it on every store view.
3. Find the HTML Head section and add your code in the Scripts and Style Sheets field.
Don't forget to press the Save button once you finish and .
Watch this short video to learn how to add custom code to the Magento <head> HTML tag.
Add Tracking Scripts to Head
If the code you add to the HTML head is for data tracking, you need to know that loading that script will influence your store performance. Thus, if you want to set up data tracking and or , try setting this upihor

