Installation and User Guide for Magento 2 Canonical URLs for Category, Product, CMS, and Other pages

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

   • Category Canonical Tag

   • Product Canonical Tag

   • CMS Canonical Tag

   • Others Pages Canonical Tags

   • No Index No Follow

   • Product set up for Canonical URL

   • Category set up for Canonical URL

   • CMS set up for Canonical URL

5. • Category Canonical Tag

   • Product Canonical Tag

   • CMS Canonical Tag

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

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

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for SEO Base

Go to Admin> Stores> Configuration> Scommerce Configuration> SEOBase

General Settings

• Enabled – Select “Yes” or “No” to enable or disable the module.

Configuration Settings for Canonical Tags

Go to Admin > Stores > Configuration >Scommerce Configuration > Canonical Tags

General Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

Category Canonical Tag

• Category Canonical Enable – Set it to yes, if you want canonical tag on category pages.

• Exclude Current Category in Admin –Set it to “Yes”, if you don’t want the same category to appear in the drop-down selection while choosing canonical category for a category.

• Append Text with Every Category URL Path –Set it to yes, if you want to append text with overridden canonical URL as well. This setting is useful when you have pagination/filtered navigation/sorting on your site.

Product Canonical Tag

• Product Canonical Enable – Set it to yes, if you want canonical tag on product pages.

CMS Canonical Tag

• CMS Canonical Enable – Set it to yes, if you want canonical tag on cms pages.

Others Pages Canonical Tags

• Other Page Canonical Enabled - Set it to yes, if you want canonical tag on other page.

• Custom Canonical Tag Links – Add custom canonical tag links.

No Index No Follow

• No Index No Follow Enabled – Set it to yes, if you want to add no index, no follow in the head section.

• Action names – Add action names here to add no index, no follow in the head section for specific page. New route name needs to be added in next line.

• Route names –Add route name here to add no index, no follow in the head section for list of pages.

Product set up for Canonical URL

Go to Admin > Catalog > Products > Select Product (for which you want to set Canonical URL) > Search Engine Optimization Tab

• Primary Category – Select primary category to be included in the canonical URL tag.

• Override Canonical URL – Enter text here to be used as canonical tag URL.

• Robot Settings – Select the robot settings from dropdown.

Category set up for Canonical URL

Go to Admin > Catalog> Category > select category (for which you want to set canonical URL) > Search Engine Optimization Tab

• Canonical URL – Select primary category to be included in canonical URL tag.

• Override Canonical Tag – Enter text here to be used as canonical tag URL.

• Robot Settings – Select the robot settings from dropdown.

CMS set up for Canonical URL

Go to Admin > Content > Pages > Choose page (for which you want to set canonical URL) > Search Engine Optimization Tab

• Override Canonical URL – Enter text here to be used as canonical tag URL.

• Robot Settings – Select the robot settings from dropdown.

Set Primary Categories

You can use a script provided with the extension to automatically add primary categories for products. Admin can exclude certain categories from primary category and also prioritise one category over the other to be picked as the primary category.

Go to Admin>Catalog>Categories select a category then scroll down to find the option "Primary Category Settings". Here click on "Exclude From Primary Category" to exclude this category from primary category or enter the priority 0 being the highes. The highest priority category will be picked first for the primary category.

To automatically assingn primary category for all products run the command given below by going into the root directory of your store.

scommerce:seo-base:set-primary-category

N.B - If you are using older version then run the script provided in the extension folder at the path Data/SetPrimaryCategoryM2.php from ssh

Front-end Site View

• Category Canonical Tag - You can enable canonical tag on the category page from Admin> Stores > Configuration > Scommerce Configuration > Canonical Tags > Category Canonical Enable - Select "Yes".

• Product Canonical Tag - To add canonical tag on the product page, go to Admin > Stores > Configuration > Scommerce Configuration > Canonical Tags > Product Canonical Enable - Select "Yes"

• CMS Canonical Tag - You can add canonical tag on any page from Admin> Stores > Configuration >Scommerce Configuration > Canonical Tags >CMS Canonical Enable - Select "Yes".

Installation and User Guide for Magento 2 Google Page Speed Optimizer

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

   • Minify HTML

   • Javascript Settings

   • CSS Settings

4. • General Settings

   • Lazy Loading on the Homepage

   • Home Page Excluded from Lazy Loading

   • Lazy Loading on the Category Page

   • Lazy Loading on the Search Page

   • Lazy Loading on the Cart Page

5. • General Settings

   • Compress/Optimize Product Image

   • Compress/Optimize Category Image.

   • Compress/Optimize CMS Image

6. • General Settings

   • Cron Settings

7. • Regenerate

8. • Category Page

   • Product Page

   • CMS Page

9. • Cache Hit for the category page after the execution of category page command

   • Cache Miss for the Category Page

11. • Home Page Mobile

    • Home Page Desktop

    • Category Page Mobile

    • Category Page Desktop

    • Product Page Mobile

    • Product Page Desktop

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

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

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for Optimiser Base

Go to Admin > Stores > Configuration > Scommerce Configuration > Optimiser Base

General Settings

• Enabled – Select “Yes” or “No” to enable or disable the module.

Configuration Settings for Speed Optimiser

Go to Admin > Stores > Configuration > Scommerce Configuration > Speed Optimiser

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

Minify HTML

• Enabled - Select “Yes” or “No” to enable or disable the module. If set to “Yes” then the module will remove all the unnecessary comments, line breaks, tabs and spaces from your HTML to reduce its size.

• Defer Iframes – Select “Yes” or “No”. If set to “Yes” then attribute defer will be added to the iframe.

Javascript Settings

Select “Yes” to enable the Defer Iframes

• Merge Javascript Files – Select “Yes” or “No”. If set to “Yes” then it will merge all JS files into one to reduce the number of queries.

• Enable Javascript Bundling – Select “Yes” or “No”. If set to “Yes” then it will combine all JS files into few bundles and download them for each page. This will save time by reducing the number of server requests.

• Javascript Files Minification – Please select “Yes” or “No”. If set to “Yes” then the module will remove all the unnecessary comments, line breaks, tabs and spaces from your Java Script to reduce its size.

CSS Settings

• Merge CSS Files – Select “Yes/No”. If set to “Yes” then it will merge all CSS files into one to reduce the number of queries.

• Defer Fonts Loading – Select “Yes/No”. If set to “Yes” then browser will load the page with system fonts and replace them with your fonts when they are loaded. It makes store pages load faster.

• Fonts Display Swap – Select “Yes/No”. If set to “Yes” then font-display will be replaced with swap. Helps avoid Luma-Icons issue.

• CSS Files Minification – Select “Yes” or “No”. If set to “Yes” then the module will remove all the unnecessary comments, line breaks, tabs and spaces from your CSS to reduce its size.

Configuration Settings for Lazy Loading

Go to Admin > Stores > Configuration > Scommerce Configuration > Lazy Loading

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

• Preload Images – Select “Yes” to preload the images.

• Loading Icon – Show a preview image before the real image loads.

• Skip Images Count by page category – Enter a valid image count to skip the images from lazy load. Based on the count this option will decide how many images to load without lazy loading.

• Ignore Images that Contain – Provide a part of an image tag content into the field to exclude the image from the lazy load.

• Exclude Pages – Select the page(s) from multi-select options to exclude from the lazy load.

• Lazy Loading on the Homepage – Enable the module to implement lazy loading on the homepage, here is the configuration path Admin > Stores > Configuration > Lazy Loading- Enable "Yes". In the below screen grab you can see the product "Radiant Tee" with lazy loading.

• Home Page Excluded from Lazy Loading – There is an option " Exclude Pages" available in the backend, from where you can select the page to exclude from the lazy loading.

• Lazy Loading on the Category Page – Enable the module to implement the lazy loading on the category page Admin > Stores > Configuration > Lazy Loading - Enable "Yes".

• Lazy Loading on the Search Page – There is an option available in the configuration settings at Admin > Stores > Configuration > Lazy Loading- Enable and by selecting "Yes" or "No" you can enable or disable the lazy loading on the search page.

• Lazy Loading on the Cart Page – You can implement lazy loading on the cart page by by enabling the module from the back-end configuration Admin > Stores > Configuration > Lazy Loading- Enable "Yes".

Configuration Settings for Image Optimizer

Go to Admin > Stores > Configuration > Scommerce Configuration > Image Optimizer

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

• Compress Images while uploading - Select available options to enable compression for new images uploaded via Magento admin. We recommend this to be enabled because all the new things will be compressed straight away.

• Number of images to processed – Define how many number of images you want to process when the cron job runs. Please note this number should be reasonable especially when you have multiple stores and many additional product images.

• Minimum image size required after optimisation -

• Include folders – Please select list of folders you want to include for compressing the image.

• Compress Cached Product Images (Yes/No) – Select “Yes” to compress cached product images generated by Magento. We could recommend to leave this setting turned off especially when you clear your cached images frequently and you have more than 5 additional images on the product page.

• API Key – Please enter API Key (if provider is kraken.io).

• API Secret Key – This will be required for certain providers like kraken.io

• Exclude folders – Please enter the list of folders you want to exclude from media directory (comma separated) for example foldername1, foldername2, /foldername /subfolder1, foldername/subfolder2

• Backup Images (Yes/No) – Select “Yes” to enable this feature to backup original images before compressing original file.

• Debugging (Yes/No) – Select “Yes” to enable debugging. This will write logs in var – log – imageoptimize.log

• Image Optimiser Schedule – Please define the Cron frequency to optimize images.

• Compress/Optimize Product Image - You can compress product images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "Product ".

• Compress/Optimize Category Image - You can compress category images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "Category ".

• Compress/Optimize CMS Image - You can compress CMS images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "CMS ".

Configuration Settings for Cache Warmer

Go to Admin > Stores > Configuration > Scommerce Configuration > Cache Warmer

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module

• Regenerate cache after page update - Please select "Yes" or "No" to regenerate cache for updated page.

• Select Page - Please select the page(s) from the multi-select option. This will regenerate the cache selected page(s) on page update.

• Can Regenerate Cache Manually - Please select " Yes" or "No". If set to "Yes" then you can regenerate cache manually from cache warmer grid.

• Generate Log - Select "Yes" to generate the log.

Cron Settings

• Cache Cron Schedule - Schedule cron job to regenerate the cache for all non cached page(s).

• Number of Concurrent Regeneration request - Please define the number of concurrent request.

Cache Warmer Grid

When you enable the module and set General Settings > Can Regenerate Cache Manually > to "Yes" then it adds an additional option "Regenerate" under the "Actions ->Select" drop-down at Admin > System > Cache Warmer > Actions. This grid will have Id, Page URL, Page Type - (Home, Product, Category, CMS), Status - (Cached/Un-cached), Last Cached - (Date, Time), and Action- (Regenerate, Delete).

• Regenerate - It regenerates cache manually for Category/Product/CMS pages. By clicking on the "Regenerate" action you can regenerate cache manually for a specific URL.

Console Commands

You can regenerate cache for Product/Category/CMS page(s) by running the following console commands: -

• Category Page - If you want to regenerate cache for the category page then run this command scommerce:cachewarmer:category

• Product Page - To regenerate cache for the product page(s), use this command scommerce:cachewarmer:product

• CMS Page - To regenerate cache for CMS page please use this command scommerce:cachewarmer:cmspage

Front-end Screenshots

• Cache Hit for the category page after the execution of category page command - When you run the command for category then it regenerates the cache. On the front-end you can debug the cache and check the status "Hit" or "Miss" using browser tool (Inspect element) under Network > Select Page URL > Header > Cache Debug: HIT

• Cache Miss for the Category Page - Flush the cache by executing the command (c:f) and then check cache using browser tool .

Set Primary Categories

You can use a script provided with the extension to automatically add primary categories for products. Admin can exclude certain categories from primary category and also prioritise one category over the other to be picked as the primary category.

Go to Admin>Catalog>Categories select a category then scroll down to find the option "Primary Category Settings". Here click on "Exclude From Primary Category" to exclude this category from primary category or enter the priority 0 being the highes. The highest priority category will be picked first for the primary category.

To automatically assingn primary category for all products run the command given below by going into the root directory of your store.

scommerce:seo-base:set-primary-category

N.B - If you are using older version then run the script provided in the extension folder at the path Data/SetPrimaryCategoryM2.php from ssh

Google Page Speed Tests

Home Page Mobile

Home Page Desktop

Category Page Mobile

Category Page Desktop

Product Page Mobile

Product Page Desktop

Installation and User Guide for Magento 2 Cross Linking SEO

Table of Contents

1. • Installation via app/code

   • Installation via Composer

   • Installation via Composer(Hyvä Theme)

2. • General Settings

3. • Cross Links Grid

   • Add New Cross Link.

   • Build External Link to Any Website

   • Alert Message for Inactive Product / Category

5. • Cross Link on Category Page

   • Category Page Cross Link Redirecting on External Link

   • Cross Link on Product Page

   • Product Page Cross Link Redirecting on Internal Link

   • Cross Link on CMS Page

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

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

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

• Installation via Composer(Hyvä Theme): Go to My Account section then go to Composer Instructions. Run the composer config commands mentioned on the page then run the below command to install the module on hyva theme.

composer require hyva-themes/magento2-scommerce-crosslinking

Configuration Settings for SEO Base

Go to Admin > Stores > Configuration > Scommerce Configuration > SEO Base

General Settings

• Enabled – Select “Yes” or “No” to enable or disable the module.

Configuration Settings for Cross Linking

Go to Admin > Stores > Configuration > Scommerce Configuration > Cross Linking

• Enabled – Select “Yes” or “No” to enable or disable the module.

• Product Page Replacement Limit – Please define the replacement limit per product page. It determines how many keywords will be replaced on the given page.

• Category Page Replacement Limit – Please define the replacement limit per category page. It determines how many keywords will be replaced on the given page.

• CMS Page Replacement Limit – Please define the CMS page replacement limit. It determines how many keywords will be replaced on the given page.

• Product Attributes for Replacement – Please select the product attributes where text will be replaced with link on product pages.

• Category Attribute for Replacement – Please select the category attributes where text will be replaced with link on category page.

• Cross Links Grid - You can manage and create new cross links from Admin > Marketing > SEO Cross Linking > Cross Links. This grid will have ID, Title, Status, Store View, Target, Replacement Limit, Priority, Nofollow, Action.

• Add New Cross Link - To add new cross link, go to Admin > Marketing > SEO Cross Linking > Cross Links > Click on "Add New Link" button. It redirects on "Add New Cross Link" page and by providing all the general information you can create a new cross link.

This will have following general information:-

• Active - Dropdown with 'YES' or 'NO' options

• Link Title - Title of the link

• Link Target - Dropdown with options self or blank

• Keywords - Keywords can be entered with line breaks and wildcard % anywhere with the keyword for example %phone% (iPhone7)

• Store View - Multi-select with options All Store Views, Default Store View

• Reference - Dropdown with options, Product ID, Category ID or Custom Url

• Reference Resource - This will show either category tree or product grid with filters or css grid with filters to choose category or product ID

• Priority - Priority to be given to the link which has highest priority first in case the replacement is lower number

• Replacement limit - Limit the number of links per page

• No Follow - This will add follow or nofollow with the link on frontend

• Build External Link to Any Website - You can set external link to any website from Admin > Marketing > SEO Cross Linking > Cross Links >Reference - Custom Url > Custom Url - Provide External Link.

• Alert Message for Inactive Product / Category - It shows an alert / warning message when you disable the category or product from Admin > Catalog > Category / Product > Select Category / Product > Disable > Save.

• Alert Message for Inactive Category

Set Primary Categories

You can use a script provided with the extension to automatically add primary categories for products. Admin can exclude certain categories from primary category and also prioritise one category over the other to be picked as the primary category.

Go to Admin>Catalog>Categories select a category then scroll down to find the option "Primary Category Settings". Here click on "Exclude From Primary Category" to exclude this category from primary category or enter the priority 0 being the highes. The highest priority category will be picked first for the primary category.

To automatically assingn primary category for all products run the command given below by going into the root directory of your store.

scommerce:seo-base:set-primary-category

N.B - If you are using older version then run the script provided in the extension folder at the path Data/SetPrimaryCategoryM2.php from ssh

Front-end Site view

• Cross Link on Category Page - You can define the replacement limit for category page from Admin > Stores > Configuration > Scommerce Configuration > Cross Linking > Category Page Replacement Limit - 1. It determines how many keywords will be replaced on the given page and to define cross link, go to Admin > Marketing > SEO Cross Linking > Cross Links > Select Link > Replacement Limit -1.

• Category Page Cross Link Redirecting on External Link - Click on the cross link "Luma" will redirect to external link.

• Cross Link on Product Page - You can define replacement limit for cross link from Admin > Marketing > SEO Cross Linking > Cross Links > Select Link > Replacement Limit - 2. Individual Cross link limit determines how many times the link will be replaced on the given page.

• Product Page Cross Link Redirecting on Internal Link - Click on the cross link "Duffle" will redirect to defined internal link.

• Cross Link on CMS Page - You can set replacement limit for cross link from Admin > Marketing > SEO Cross Linking > Cross Links > Select Link > Replacement Limit - 1. Individual Cross link limit determines how many times the link will be replaced on the given page.

Installation and User Guide for Magento 2 Advanced SEO Suite

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

   • Exclude Categories from Sitemap

   • Exclude Products from Sitemap

   • Exclude CMS Pages from Sitemap

   • How to Generate Sitemap

   • Add new Sitemap

   • Magento Out of the Box Functionality to set the Category Path

4. • Product Link in Sitemap XML

   • Category Link in Sitemap XML

   • CMS Pages Link in Sitemap XML

5. • General Settings

   • Configuration Path to Set Up Primary Category

6. • Product Page Unique URL

7. • General Settings

   • Category Canonical Tag

   • Product Canonical Tag

   • CMS Canonical Tag

   • No Index No Follow

   • Product Setup for Canonical URL

   • Category Setup for Canonical URL

   • CMS Setup for Canonical URL

8. • Canonical Tag on the Category Page

   • Canonical Tag on the Product Page

   • Canonical Tag on the CMS Page

9. • General Settings

   • Rich Snippets General Settings

   • Twitter Card Settings

   • Facebook Open Graph Settings

   • Facebook Open Graph Settings

   • Pinterest Rich Pins Settings

10. • Home Page Markup Code

    • Category Page Markup Code

    • Product Page Markup Code

    • Twitter, Facebook Open Graph Social Sharing Code

    • Twitter Card

    • Facebook Open Graph

    • Increased and Optimized Page Ranking in Search Results

11. • General Settings

    • Language and Country Settings

12. • Hreflang Tag on the Home Page

    • Hreflang Tag on the Category Page

    • Hreflang Tag on the Product Page

    • Hreflang Tag on the CMS Page

13. • Cross Links Grid

    • Add New Cross Link.

    • Build External Link to Any Website

    • Alert Message for Inactive Product / Category

15. • Cross Link on Category Page

    • Category Page Cross Link Redirecting on External Link

    • Cross Link on Product Page

    • Product Page Cross Link Redirecting on Internal Link

    • Cross Link on CMS Page

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

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

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for SEO Base

Go to Admin > Stores > Configuration > Scommerce Configuration > SEO Base

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

Configuration Settings for SEO Sitemap Exclusion

Go to Admin > Stores > Configuration > Scommerce Configuration > SEO Sitemap

General Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

• Exclude Categories from Sitemap – To include or exclude categories, go to Admin > Catalog > Manage Categories > Select category (you want to exclude from site map) > General > Exclude from Sitemap: Set to “Yes/No”

• Exclude Products from Sitemap – To exclude products from sitemap, go to Admin > Catalog > Manage Products > Select product (you want to exclude from sitemap) > General > Exclude from Sitemap: Set to ”Yes/No”.

• Exclude CMS Pages from Sitemap – To exclude CMS pages from sitemap, go to Admin > CMS > Pages > Select CMS Page (you want to exclude from site map) > General > Exclude from Sitemap: Set to “Yes/No”

• How to Generate Sitemap – To generate the site map from the admin panel go to, Admin > Marketing > Sitemap > Click ''Generate Sitemap''.

• Add new Sitemap - You can create new site map from, Admin > Marketing > Sitemap > Click ''Add Sitemap'', it redirects to New Site Map page and by providing all the required details you can create Site Map.

• Magento Out of the Box Functionality to set the Category Path - To include category path in product URLs in sitemap.xml, go to Admin > System > Configuration > Catalog > Catalog > Search Engine Optimizations > Use Categories Path for Product URLs: Set to "yes".

Google Sitemap XML

Google site map shows all the included Products, Categories, and CMS Pages links in the sitemap.xml.

• Category Link in Sitemap XML - You can see the category link in the Google Sitemap XML.

• CMS Pages Link in Sitemap XML - In the below screen grab you can see the about-us page link in the Google Sitemap XML.

• Product Link in Sitemap XML - You can see the product link in the Google Sitemap XML.

Configuration Settings for Catalog URL

Go to Admin > Stores > Configuration > Scommerce Configuration > Catalog URL

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

• Exclude Root Categories – Exclude some root categories to appear as primary category dropdown against products.

Configuration Path to Set Up Primary Category

Go to Admin > Catalog > Select Product > Search Engine Optimization > Primary Category . The drop down will show all the categories selected for the product from where you can select the primary category of the product.

Front-end Site View

• Product Page Unique URL - You can assign primary category to any product from Admin > Catalog > Select Product > Search Engine Optimization > Primary Category. In the below image you can see the assigned category of product Rival Field Messenger is "Gear->Bags".

Configuration Settings for Canonical Tags

Go to Admin > Stores > Configuration > Scommerce Configuration > Canonical Tags

General Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

Category Canonical Tag

• Category Canonical Enable – Set it to yes, if you want canonical tag on category pages.

• Exclude Current Category in Admin – Set it to “Yes”, if you don’t want the same category to appear in the drop-down selection while choosing canonical category for a category.

• Append Text with Every Category URL Path – Set it to yes, if you want to append text with overridden canonical url as well. This setting is useful when you have pagination/filtered navigation/sorting on your site.

Product Canonical Tag

• Product Canonical Enable – Set it to yes, if you want canonical tag on product pages.

CMS Canonical Tag

• CMS Canonical Enable – Set it to "yes", if you want canonical tag on CMS pages.

No Index No Follow

• No Index No Follow Enabled – Set it to yes, if you want to add no index, no follow in the head section.

• Action names – Add action names here to add no index, no follow in the head section for specific page. New route name needs to be added in next line.

• Route names – Add route name here to add no index, no follow in the head section for list of pages.

Product Setup for Canonical URL

Go to Admin > Catalog > Products > Select Product (for which you want to set Canonical URL) > Search Engine Optimization Tab

• Primary Category – Select primary category to be included in the canonical URL tag.

• Override Canonical URL – Enter text here to be used as canonical tag URL.

• Robot Settings – Select the robot settings from dropdown.

Category Setup for Canonical URL

Go to Admin > Catalog > Category > select category (for which you want to set canonical URL) > Search Engine Optimization Tab.

• Canonical URL – Select primary category to be included in canonical URL tag.

• Override Canonical Tag – Enter text here to be used as canonical tag URL.

• Robot Settings – Select the robot settings from dropdown.

CMS Setup for Canonical URL

Go to Admin > Content > Pages > Choose page (for which you want to set canonical URL) > Search Engine Optimization Tab

• Override Canonical URL – Enter text here to be used as canonical tag URL.

• Robot Settings – Select the robot settings from dropdown.

Front-end Site View

• Canonical Tag on the Category Page - You can enable canonical tag on the category page from Admin > Stores > Configuration > Scommerce Configuration > Canonical Tags > Category Canonical Enable - Select "Yes".

• Canonical Tag on the Product Page - To add canonical tag on the product page, go to Admin > Stores > Configuration > Scommerce Configuration > Canonical Tags > Product Canonical Enable - Select "Yes".

• Canonical Tag on the CMS Page - You can add canonical tag on the CMS page from Admin > Stores > Configuration > Scommerce Configuration > Canonical Tags > CMS Canonical Enable - Select "Yes".

Configuration Settings for Rich Snippets

Go to Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet

General Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

• Description – Select description/short description from the drop down.

• Price – Select Price from the drop down. In case price is listed with tax and without tax select which price should be used.

• Brand – Select brand from the drop down.

• Global Product Identifier – Select product identifier from the drop-down list.

• Global Identifier Type – Select product identifier type from the drop-down list. It could be one of the following: gtin8, gtin13, gtin14, mpn.

Rich Snippets General Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

• Description – Select description/short description from the drop-down.

• Price – Select price from the drop down. In case price is listed with tax and without tax select which price should be used.

• Wrap with div – Select “Yes/No”. It helps prevent conflicts with SEO extensions.

• Use JSON-LD – Select “Yes/No” use JSON-LD format for product snippet.

Twitter Card Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

• Card Type – Select the card type.

• Description - Select description/short description from the drop down.

• Price – Select price from the drop down. In case price is listed with tax and without tax select which price should be used.

• Twitter Site – Set Twitter site name (@ username for the website used in the card footer)

• Twitter Creator – Set Twitter creator name (@username for the content creator / author)

Facebook Open Graph Settings

 Facebook Open Graph Settings

• Enable – Set “Yes” to enable.

• Description – Select description/short description from the drop down.

• Price – Select price from the drop down. In case price is listed with tax and without tax select which price should be used.

• Site Name – Set Facebook site name.

• App ID – Set Facebook App ID.

Pinterest Rich Pins Settings

• Enable – Set “Yes” to enable Pinterest Rich Pins . It uses same tags as Facebook open graph, make sure Facebook Open graph is enabled as well.

Structured Data / Markup Code of Front-end Page(s) in Structured Data Testing Tool

• Home Page Markup Code - You can add structured data/markup code on home page from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet > Enable - Select "Yes". To test structured data, go to Structured Data Testing Tool > Provide Home Page URL > Click "Run Test" button.

• Category Page Markup Code - You can add markup code, breadcrumbs on category page from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet > Enable - Select "Yes".

• Product Page Markup Code - To add structured data markup code on product page, set "Enable" to "Yes" from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet.

Twitter, Facebook Open Graph Social Sharing Code

• Twitter Card - You can enable Twitter Card from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet >Twitter Card Settings > Enable - "Yes".

• Facebook Open Graph - Enable Facebook Open Graph from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet >Twitter Card Settings > Enable - "Yes".

• Increased and Optimized Page Ranking in Search Results - In the below image you can see the increased and optimized page ranking in search results.

Configuration Settings for Hreflang

Go to Admin > Stores > Configuration > Scommerce Configuration > Hreflang

General Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

• Href UrLS Scope – Select options from the list.

  • Website Hreflang URLs: It will work within one website.

  • Global Hreflang URLs: This will work across multiple websites.

• X-Default – Select default store view.

• Enable Hreflang Tags for Categories – Select “Yes/No”. If set to “Yes” then it will enable Hreflang Tags for the categories.

• Enable Hreflang Tags for Products – Select “Yes/No”. If set to “Yes” then it will enable Hreflang Tags for the products.

• Enable Hreflang Tags for CMS Pages – Select “Yes/No”. If set to “Yes” then it will enable Hreflang Tags for the CMS Pages.

Language and Country Settings

• Select Language – Select Local or Custom languages from the drop down list.

• Add Country – Select “Yes/No”. If set to “Yes” then only the “Select Country” option will be visible.

• Select Country – Select country from the drop-down list.

Front-end Site view

• Hreflang Tag on the Home Page - You can enable hreflang on the home page by selecting "Yes" for " Hreflang Tags For CMS Pages " from Admin > Stores > Configuration > Scommerce Configuration > Hreflang > General Settings > Enable - Select "Yes " > Enable Hreflang Tags For CMS Pages.

• Hreflang Tag on the Category Page - To enable hreflang on the category page, go to Admin > Stores > Configuration > Scommerce Configuration > Hreflang > General Settings > Enable - Select "Yes " > Enable Hreflang Tags For Categories - "Yes".

• Hreflang Tag on the Product Page - You can enable hreflang on the product page by selecting "Yes" for " Hreflang Tags For Products " from Admin > Stores > Configuration > Scommerce Configuration > Hreflang > General Settings > Enable - Select "Yes " > Enable Hreflang Tags For Products.

• Hreflang Tag on the CMS Page - Enable hreflang on the CMS Pages From Admin > Stores > Configuration > Scommerce Configuration > Hreflang > General Settings > Enable - Select "Yes " > Enable Hreflang Tags For CMS Pages - "Yes".

Configuration Settings for Cross Linking

Go to Admin > Stores > Configuration > Scommerce Configuration > Cross Linking

• Enabled – Select “Yes” or “No” to enable or disable the module.

• Product Page Replacement Limit – Please define the replacement limit per product page. It determines how many keywords will be replaced on the given page.

• Category Page Replacement Limit – Please define the replacement limit per category page. It determines how many keywords will be replaced on the given page.

• CMS Page Replacement Limit – Please define the CMS page replacement limit. It determines how many keywords will be replaced on the given page.

• Product Attributes for Replacement – Please select the product attributes where text will be replaced with link on product pages.

• Category Attribute for Replacement – Please select the category attributes where text will be replaced with link on category page.

• Cross Links Grid - You can manage and create new cross links from Admin > Marketing > SEO Cross Linking > Cross Links. This grid will have ID, Title, Status, Store View, Target, Replacement Limit, Priority, Nofollow, Action.

• Add New Cross Link - To add new cross link, go to Admin > Marketing > SEO Cross Linking > Cross Links > Click on "Add New Link" button. It redirects on "Add New Cross Link" page and by providing all the general information you can create a new cross link.

This will have the following general information:-

• Active - Dropdown with 'YES' or 'NO' options

• Link Title - Title of the link

• Link Target - Dropdown with options self or blank

• Keywords - Keywords can be entered with line breaks and wildcard % anywhere with the keyword for example %phone% (iPhone7)

• Store View - Multi-select with options All Store Views, Default Store View

• Reference - Dropdown with options, Product ID, Category ID or Custom Url

• Reference Resource - This will show either category tree or product grid with filters or css grid with filters to choose category or product ID

• Priority - Priority to be given to the link which has highest priority first in case the replacement is lower number

• Replacement limit - Limit the number of links per page

• No Follow - This will add follow or nofollow with the link on frontend

• Build External Link to Any Website - You can set external link to any website from Admin > Marketing > SEO Cross Linking > Cross Links >Reference - Custom Url > Custom Url - Provide External Link.

• Alert Message for Inactive Product / Category - It shows an alert / warning message when you disable the category or product from Admin > Catalog > Category / Product > Select Category / Product > Disable > Save.

• Alert Message for Inactive Category

Set Primary Categories

You can use a script provided with the extension to automatically add primary categories for products. Admin can exclude certain categories from primary category and also prioritise one category over the other to be picked as the primary category.

Go to Admin>Catalog>Categories select a category then scroll down to find the option "Primary Category Settings". Here click on "Exclude From Primary Category" to exclude this category from primary category or enter the priority 0 being the highes. The highest priority category will be picked first for the primary category.

To automatically assingn primary category for all products run the command given below by going into the root directory of your store.

scommerce:seo-base:set-primary-category

N.B - If you are using older version then run the script provided in the extension folder at the path Data/SetPrimaryCategoryM2.php from ssh

Front-end Site view

• Cross Link on Category Page - You can define the replacement limit for category page from Admin > Stores > Configuration > Scommerce Configuration > Cross Linking > Category Page Replacement Limit - 1. It determines how many keywords will be replaced on the given page and to define cross link, go to Admin > Marketing > SEO Cross Linking > Cross Links > Select Link > Replacement Limit -1.

• Category Page Cross Link Redirecting on External Link - Click on the cross link "Luma" will redirect to external link.

• Cross Link on Product Page - You can define replacement limit for cross link from Admin > Marketing > SEO Cross Linking > Cross Links > Select Link > Replacement Limit - 2. Individual Cross link limit determines how many times the link will be replaced on the given page.

• Product Page Cross Link Redirecting on Internal Link - Click on the cross link "Duffle" will redirect to defined internal link.

• Cross Link on CMS Page - You can set replacement limit for cross link from Admin > Marketing > SEO Cross Linking > Cross Links > Select Link > Replacement Limit - 1. Individual Cross link limit determines how many times the link will be replaced on the given page.

Installation and User Guide for Magento 2 Rich Snippets for Google, Microsoft and Yahoo

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

   • Rich Snippets General Settings

   • Twitter Card Settings

   • Facebook Open Graph Settings

   • Pinterest Rich Pins Settings

   • Free Shipping (Website Level)

   • Price Valid Until

4. • Home Page Markup Code

   • Category Page Markup Code

   • Product Page Markup Code

   • Twitter, Facebook Open Graph Social Sharing Code

   • Increased and Optimized Page Ranking in Search Results

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for SEO Base

Go to Admin > Stores > Configuration > Scommerce Configuration > SEO Base

General Settings

• Enabled – Select “Yes” or “No” to enable or disable the module.

Configuration Settings for Rich Snippets

Go to Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet

General Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

• Description – Select description/short description from the drop down.

• Price – Select Price from the drop down. In case price is listed with tax and without tax select which price should be used.

• Brand – Select brand from the drop down.

• Global Product Identifier – Select product identifier from the drop-down list.

• Global Identifier Type – Select product identifier type from the drop-down list. It could be one of the following: gtin8, gtin13, gtin14, mpn.

Rich Snippets General Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

• Description – Select description/short description from the drop-down.

• Price – Select price from the drop down. In case price is listed with tax and without tax select which price should be used.

• Wrap with div – Select “Yes/No”. It helps prevent conflicts with SEO extensions.

• Use JSON-LD – Select “Yes/No” use JSON-LD format for product snippet.

Twitter Card Settings

• Enable - Select “Yes” or “No” to enable or disable the module.

• Card Type – Select the card type.

• Description - Select description/short description from the drop down.

• Price – Select price from the drop down. In case price is listed with tax and without tax select which price should be used.

• Twitter Site – Set Twitter site name (@ username for the website used in the card footer)

• Twitter Creator – Set Twitter creator name (@username for the content creator / author)

Facebook Open Graph Settings

 Facebook Open Graph Settings

• Enable – Set “Yes” to enable.

• Description – Select description/short description from the drop down.

• Price – Select price from the drop down. In case price is listed with tax and without tax select which price should be used.

• Site Name – Set Facebook site name.

• App ID – Set Facebook App ID.

Pinterest Rich Pins Settings

• Enable – Set “Yes” to enable Pinterest Rich Pins . It uses same tags as Facebook open graph, make sure Facebook Open graph is enabled as well.

Free Shipping(Website Level)

Some settings are only available on the website level for eg:- Region/State.

• Show free shipping- Select “Yes” or “No” to add or remove free shipping schema from the product page.

• Country – It determines which country will have free shipping for the selected website

• Region/State – It determines which state within the selected country will have free shipping for the selected website

• Base Currency - Added as a part of free shipping schema, set 'YES' to allow use of base currency of the website otherwise the currency chosen by the customer.

Price Valid Until

Send Price valid until with the offers markup code for products.

• Start Month- Select the starting month from where the priceValidUntil field will be calculated. for example:- if you select the month of January then the calculations for the field will start from january.

• Time Interval- Select "quarterly", "Six-monthly", or "Yearly" based upon the selection the price valid until date will be calculated. Example:- if the start month is January and the current date is 23-11-2023 and the time interval selected is "Six-monthly" then the first six-monthly is between 01-01-2023 to 31-06-2023 and the second six-monthly period is between 01-07-2023 to 31-12-2023 hence the priceValidUntil will be 31-12-2023 as our date lies in this period.

Structured Data / Markup Code of Front-end Page(s) in Structured Data Testing Tool

• Home Page Markup Code - You can add structured data/markup code on home page from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet > Enable - Select "Yes". To test structured data, go to Structured Data Testing Tool > Provide Home Page URL > Click "Run Test" button.

• Category Page Markup Code - You can add markup code, breadcrumbs on category page from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet > Enable - Select "Yes".

• Product Page Markup Code - To add structured data markup code on product page, set "Show free shipping" to "Yes" from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet>Free Shipping.

Shipping Markup Code - To add structured data markup code on product page, set "Enable" to "Yes" from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet.

Price Valid Until - To add the price valid until date with the structured data markup code on the product page, Set the "Start Month" and the "Time Interval" from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet > Price Valid Until.

Twitter, Facebook Open Graph Social Sharing Code

• Twitter Card - You can enable Twitter Card from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet >Twitter Card Settings > Enable - "Yes".

• Facebook Open Graph - Enable Facebook Open Graph from, Admin > Stores > Configuration > Scommerce Configuration > Rich Snippet >Twitter Card Settings > Enable - "Yes".

• Increased and Optimized Page Ranking in Search Results - In the below image you can see the increased and optimized page ranking in search results.

Set Primary Categories

You can use a script provided with the extension to automatically add primary categories for products. Admin can exclude certain categories from primary category and also prioritise one category over the other to be picked as the primary category.

Go to Admin>Catalog>Categories select a category then scroll down to find the option "Primary Category Settings". Here click on "Exclude From Primary Category" to exclude this category from primary category or enter the priority 0 being the highes. The highest priority category will be picked first for the primary category.

To automatically assingn primary category for all products run the command given below by going into the root directory of your store.

N.B - If you are using older version then run the script provided in the extension folder at the path Data/SetPrimaryCategoryM2.php from ssh

Installation and User Guide for Magento 2 SEO Unique Catalog URLs

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

   • Configuration Path to Set Up Primary Category

   • Primary Category settings for Category

   • Run the script to setup primary category of one or all products together

5. • Product Page Unique URL

   • Search Page / Category Page Unique Catalog Product URL

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for SEO Base

Go to Admin > Stores > Configuration > Scommerce Configuration > SEO Base

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

Configuration Settings for Catalog URL

Go to Admin > Stores > Configuration > Scommerce Configuration > Catalog URL

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

• Exclude Root Categories – Exclude some root categories to appear as primary category dropdown against products.

Configuration Path to Set Up Primary Category

Go to Admin > Catalog > Select Product > Search Engine Optimization > Primary Category . The drop down will show all the categories selected for the product from where you can select the primary category of the product.

Primary Category settings for Category

Go to Admin > Catalog > Categories > Select Category > Primary Category Settings. The drop down will show two primary category settings for the selected category: -

• Exclude from Primary Category (Yes/No) - Select Yes/No whether you want this category to excluded from the primary category or not.

• Exclude Root Categories – Set the priority for the category, the highest priority will be selected as the primary category.

Run the script to setup primary category of one or all products together

We have included a PHP script that can be utilized to set primary category for one or all products together. Simply run the script in the url and the primary categories will get updated for the set products.

• For one product – Run the script given and refer to the image below to update the primary category of a single product.

{{Website_URL}}/SetPrimaryCategoryM2.php?deleteSku s=MH01

• For all Products – Run the script given and refer to the image below to update the primary category of all products.

{{Website_URL}}/SetPrimaryCategoryM2.php?deleteSkus=all

If the script doesen't work in the URL then make sure to place the script inside PUB directory and change line number 6 as follows:-

Once updated, please run the script again.

Set Primary Categories

You can use a script provided with the extension to automatically add primary categories for products. Admin can exclude certain categories from primary category and also prioritise one category over the other to be picked as the primary category.

Go to Admin>Catalog>Categories select a category then scroll down to find the option "Primary Category Settings". Here click on "Exclude From Primary Category" to exclude this category from primary category or enter the priority 0 being the highes. The highest priority category will be picked first for the primary category.

N.B - Run the script provided in the extension folder at the path Data/SetPrimaryCategoryM2.php from ssh

Front-end Site View

• Product Page Unique URL - You can assign primary category to any product from Admin > Catalog > Select Product > Search Engine Optimization > Primary Category. In the below image you can see the assigned category of product Rival Field Messenger is "Gear->Bags".

• Search Page / Category Page Unique Catalog Product URL – We have assigned “Strive Shoulder Pack” product to “Gear” Category and the URL stays the same when we access the product from the search or category page

Installation and User Guide for Magento 2 Full Page Cache Warmer Extension

Table Of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

   • Cron Settings

4. • Regenerate

5. • Category Page

   • Product Page

   • CMS Page

6. • Cache Hit for the Category Page After the Execution of Category Page Command

   • Cache Miss for the Category Page

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for Optimiser Base

Go to Admin > Stores > Configuration > Scommerce Configuration > Optimiser Base

General Settings

• Enabled – Select “Yes” or “No” to enable or disable the module.

Configuration Settings for Full Page Cache Warmer

Go to Admin > Stores > Configuration > Scommerce Configuration > Cache Warmer

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

• Regenerate cache after page update - Please select "Yes" or "No" to regenerate cache for updated page.

• Select Pages - Please select the page(s) from the multi-select option . This will regenerate the cache selected page(s) on page update.

• Can Regenerate Cache Manually - Please select " Yes" or "No". If set to "Yes" then you can regenerate cache manually from cache warmer grid.

• Generate Log - Select "Yes" to generate the log.

• Generation order - Select which page will be generated first by adding the generation order alognside the page type. 1 is the highest priority.

• Allow bestsellers products to be cached first - Select "Yes" to give best seller products the highest priority in cache generation.

• Bestseller Frequency - Choose the range of bestleer products monthly/yearly. Based on your selection these products will be cached.

• Website priority - In multi website structures change the website in order to prioritize which will be cached first. 1 is highest priority.

Cron Settings

• Cache Cron Schedule - Schedule cron job to regenerate the cache for all non cached page(s).

• Number of Concurrent Regeneration request - Please define the number of concurrent request.

Cache Warmer Grid

When you enable the module and set General Settings > Can Regenerate Cache Manually > to "Yes" then it adds an additional option "Regenerate" under the "Actions > Select" drop-down at Admin > System > Cache Warmer > Actions. This grid will have Id, Reference Id, Processed Time, Request Path, Page URL, Last Cache - (Date, Time ), Status - (Cached/Un-cached), Page Type - (Home, Product, Category, CMS), Store View, and Action- (Regenerate, Delete).

• Regenerate - It regenerates cache manually for Category/Product/CMS page(s). By clicking "Regenerate" action you can regenerate cache manually for a specific URL.

Console Commands

You can regenerate cache for Product/Category/CMS page(s) by running the following console commands:-

• Category Page - To regenerate cache for the category page, execute the below command.

scommerce:cachewarmer:category

• Product Page - To regenerate cache for the product page(s), execute the below command.

scommerce:cachewarmer:product

• CMS Page - To regenerate cache for CMS page, run the below command.

scommerce:cachewarmer:cmspage

Front-end Site View

• Cache Hit for the Category Page After the Execution of Category Page Command - When you execute the command for category page then it regenerates the cache and on the front-end you check the status "Hit" or "Miss" using browser tool (Inspect element) at Network > Select Page URL > Header > X- Magento-Cache-Debug : HIT

• Cache Miss for the Category Page - Flush the cache by executing the command, c:f and then check cache using browser tool at, Network > Select Page URL > Header > X-Magento-Cache-Debug : MISS

Installation and User Guide for Magento 2 Google Page Speed Optimizer

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

   • Minify HTML

   • Javascript Settings

   • CSS Settings

4. • General Settings

   • Lazy Loading on the Homepage

   • Home Page Excluded from Lazy Loading

   • Lazy Loading on the Category Page

   • Lazy Loading on the Search Page

   • Lazy Loading on the Cart Page

5. • General Settings

   • Compress/Optimize Product Image

   • Compress/Optimize Category Image.

   • Compress/Optimize CMS Image

6. • General Settings

   • Cron Settings

7. • Regenerate

8. • Category Page

   • Product Page

   • CMS Page

9. • Cache Hit for the category page after the execution of category page c ommand

   • Cache Miss for the Category Page

10. • Home Page Mobile

    • Home Page Desktop

    • Category Page Mobile

    • Category Page Desktop

    • Product Page Mobile

    • Product Page Desktop

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

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

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for Optimiser Base

Go to Admin > Stores > Configuration > Scommerce Configuration > Optimiser Base

General Settings

• Enabled – Select “Yes” or “No” to enable or disable the module.

Configuration Settings for Speed Optimiser

Go to Admin > Stores > Configuration > Scommerce Configuration > Speed Optimiser

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

Minify HTML

• Enabled - Select “Yes” or “No” to enable or disable the module. If set to “Yes” then the module will remove all the unnecessary comments, line breaks, tabs and spaces from your HTML to reduce its size.

• Defer Iframes – Select “Yes” or “No”. If set to “Yes” then attribute defer will be added to the iframe.

Javascript Settings

Select “Yes” to enable the Defer Iframes

• Merge Javascript Files – Select “Yes” or “No”. If set to “Yes” then it will merge all JS files into one to reduce the number of queries.

• Enable Javascript Bundling – Select “Yes” or “No”. If set to “Yes” then it will combine all JS files into few bundles and download them for each page. This will save time by reducing the number of server requests.

• Javascript Files Minification – Please select “Yes” or “No”. If set to “Yes” then the module will remove all the unnecessary comments, line breaks, tabs and spaces from your Java Script to reduce its size.

CSS Settings

• Merge CSS Files – Select “Yes/No”. If set to “Yes” then it will merge all CSS files into one to reduce the number of queries.

• Defer Fonts Loading – Select “Yes/No”. If set to “Yes” then browser will load the page with system fonts and replace them with your fonts when they are loaded. It makes store pages load faster.

• Fonts Display Swap – Select “Yes/No”. If set to “Yes” then font-display will be replaced with swap. Helps avoid Luma-Icons issue.

• CSS Files Minification – Select “Yes” or “No”. If set to “Yes” then the module will remove all the unnecessary comments, line breaks, tabs and spaces from your CSS to reduce its size.

Configuration Settings for Lazy Loading

Go to Admin > Stores > Configuration > Scommerce Configuration > Lazy Loading

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

• Preload Images – Select “Yes” to preload the images.

• Loading Icon – Show a preview image before the real image loads.

• Skip Images Count by page category – Enter a valid image count to skip the images from lazy load. Based on the count this option will decide how many images to load without lazy loading.

• Ignore Images that Contain – Provide a part of an image tag content into the field to exclude the image from the lazy load.

• Exclude Pages – Select the page(s) from multi-select options to exclude from the lazy load.

• Lazy Loading on the Homepage – Enable the module to implement lazy loading on the homepage, here is the configuration path Admin > Stores > Configuration > Lazy Loading- Enable "Yes". In the below screen grab you can see the product "Radiant Tee" with lazy loading.

• Home Page Excluded from Lazy Loading – There is an option " Exclude Pages" available in the backend, from where you can select the page to exclude from the lazy loading.

• Lazy Loading on the Category Page – Enable the module to implement the lazy loading on the category page Admin > Stores > Configuration > Lazy Loading - Enable "Yes".

• Lazy Loading on the Search Page – There is an option available in the configuration settings at Admin > Stores > Configuration > Lazy Loading- Enable and by selecting "Yes" or "No" you can enable or disable the lazy loading on the search page.

• Lazy Loading on the Cart Page – You can implement lazy loading on the cart page by by enabling the module from the back-end configuration Admin > Stores > Configuration > Lazy Loading- Enable "Yes".

Configuration Settings for Image Optimizer

Go to Admin > Stores > Configuration > Scommerce Configuration > Image Optimizer

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

• Compress Images while uploading - Select available options to enable compression for new images uploaded via Magento admin. We recommend this to be enabled because all the new things will be compressed straight away.

• Number of images to processed – Define how many number of images you want to process when the cron job runs. Please note this number should be reasonable especially when you have multiple stores and many additional product images.

• Minimum image size required after optimisation -

• Include folders – Please select list of folders you want to include for compressing the image.

• Compress Cached Product Images (Yes/No) – Select “Yes” to compress cached product images generated by Magento. We could recommend to leave this setting turned off especially when you clear your cached images frequently and you have more than 5 additional images on the product page.

• API Key – Please enter API Key (if provider is kraken.io).

• API Secret Key – This will be required for certain providers like kraken.io

• Exclude folders – Please enter the list of folders you want to exclude from media directory (comma separated) for example foldername1, foldername2, /foldername /subfolder1, foldername/subfolder2

• Backup Images (Yes/No) – Select “Yes” to enable this feature to backup original images before compressing original file.

• Debugging (Yes/No) – Select “Yes” to enable debugging. This will write logs in var – log – imageoptimize.log

• Image Optimiser Schedule – Please define the Cron frequency to optimize images.

• Compress/Optimize Product Image - You can compress product images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "Product ".

• Compress/Optimize Category Image - You can compress category images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "Category ".

• Compress/Optimize CMS Image - You can compress CMS images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "CMS ".

Configuration Settings for Cache Warmer

Go to Admin > Stores > Configuration > Scommerce Configuration > Cache Warmer

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module

• Regenerate cache after page update - Please select "Yes" or "No" to regenerate cache for updated page.

• Select Page - Please select the page(s) from the multi-select option. This will regenerate the cache selected page(s) on page update.

• Can Regenerate Cache Manually - Please select " Yes" or "No". If set to "Yes" then you can regenerate cache manually from cache warmer grid.

• Generate Log - Select "Yes" to generate the log.

Cron Settings

• Cache Cron Schedule - Schedule cron job to regenerate the cache for all non cached page(s).

• Number of Concurrent Regeneration request - Please define the number of concurrent request.

Cache Warmer Grid

When you enable the module and set General Settings > Can Regenerate Cache Manually > to "Yes" then it adds an additional option "Regenerate" under the "Actions ->Select" drop-down at Admin > System > Cache Warmer > Actions. This grid will have Id, Page URL, Page Type - (Home, Product, Category, CMS), Status - (Cached/Un-cached), Last Cached - (Date, Time), and Action- (Regenerate, Delete).

• Regenerate - It regenerates cache manually for Category/Product/CMS pages. By clicking on the "Regenerate" action you can regenerate cache manually for a specific URL.

Console Commands

You can regenerate cache for Product/Category/CMS page(s) by running the following console commands: -

• Category Page - If you want to regenerate cache for the category page then run this command scommerce:cachewarmer:category

• Product Page - To regenerate cache for the product page(s), use this command scommerce:cachewarmer:product

• CMS Page - To regenerate cache for CMS page please use this command scommerce:cachewarmer:cmspage

Front-end Screenshots

• Cache Hit for the category page after the execution of category page command - When you run the command for category then it regenerates the cache. On the front-end you can debug the cache and check the status "Hit" or "Miss" using browser tool (Inspect element) under Network > Select Page URL > Header > Cache Debug: HIT

• Cache Miss for the Category Page - Flush the cache by executing the command (c:f) and then check cache using browser tool .

Google Page Speed Tests

Home Page Mobile

Home Page Desktop

Category Page Mobile

Category Page Desktop

Product Page Mobile

Product Page Desktop

Installation and User Guide for Magento 2 How did you hear about us Extension

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

   • Selected WDYHAU Option in Orders Grid

   • WDYHAU Details at Customers Level

   • WDYHAU Details on the Sales Order View Page

   • “Where did you hear about us?” Drop-down Options in the Back-end

3. • WDYHAU Option on the Registration Page

   • WDYHAU option on the Checkout Page

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

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

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for Where did you hear about us?

Go to Admin > Stores > Configuration > Scommerce Configuration > Where did you hear about us?

General Settings

• Enabled – Select “Yes” or “No” to enable or disable the module.

• Dropdown options – Please add the WDHAU options for customers and administrators to choose during checkout and creating order via admin respectively. There should be semicolon (;)separated values for example Google;Facebook;Twitter;Others

• Other Options Title - Please add the title for other options.

• Drop Down Label – Please add the label.

• Other Label – Please add the label for other option.

• Field Is Required On Customer Registration - Select “Yes” or “No” to enable or disable the Field is required on customer registration.

Report

• Exclue Statuses - Select exclude statuses which you would like to not include when generating the WDYHAU Report.

• Selected WDYHAU Option in Orders Grid - You can see the selected "Where did you hear about us?" option at Admin > Sales > Orders grid.

• WDYHAU Details at Customers Level - To see the "Where did you hear about us?" option at customers level go to Admin > Customers > All Customers > Select Customer > Account Information > Where did you hear about us?

• WDYHAU Details on the Sales Order View Page - The selected WDYHAU option will be shown on order view page under "Account Information" section from Admin > Sales > Select Order > View.

• “Where did you hear about us?” Drop-down Options in the Back-end - When you enable the module, then it shows WDYHAU drop-down option in the back-end at Admin > Sales > Create New Order > Select Customer > Select Product > Select "Where did you hear about us?" option.

Front-end Site View

• WDYHAU Option on the Registration Page - You can define the "Where did you hear about us?" drop-down options from Admin > Stores > Configuration> Scommerce Configuration > Where did you hear about us? - Google; Twitter; Facebook; YouTube; Others, which will be shown on the registration page.

• WDYHAU option on the Checkout Page - You can see the "Where did you hear about us?" option on the checkout page.

Installation and User Guide for Magento 2 Image Optimizer

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

   • Compress/Optimize Product Images

   • Compress/Optimize Category Images

   • Compress/Optimize CMS Images

Installation

• Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

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

• Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

Configuration Settings for Optimiser Base

Go to Admin > Stores > Configuration > Scommerce Configuration > Optimiser Base

General Settings

• Enabled – Select “Yes” or “No” to enable or disable the module.

Configuration Settings for Image Optimiser

Go to Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser

General Settings

• Enabled - Select “Yes” or “No” to enable or disable the module.

• Compress Images while uploading (All pages, CMS, Category and Product): Select available options to enable compression for new images uploaded via Magento admin. We recommend this to be enabled because all the new things will be compressed straight away.

• Number of images to processed – Define how many number of images you want to process when the cron job runs. Please note this number should be reasonable especially when you have multiple stores and many additional product images.

• Include folders – Please select list of folders you want to include for compressing the image.

• Compress Cached Product Images (Yes/No) – Select “Yes” to compress cached product images generated by Magento. We could recommend to leave this setting turned off especially when you clear your cached images frequently and you have more than 5 additional images on the product page.

• API Key – Please enter API Key (if provider is kraken.io).

• API Secret Key – This will be required for certain providers like kraken.io

• Exclude folders – Please enter the list of folders you want to exclude from media directory (comma separated) for example foldername1, foldername2, /foldername /subfolder1, foldername/subfolder2

• Backup Images (Yes/No) – Select “Yes” to enable this feature to backup original images before compressing original file.

• Debugging (Yes/No) – Select “Yes” to enable debugging. This will write logs in var – log – imageoptimize.log

• Image Optimiser Schedule – Please define the Cron frequency to optimize images.

• Compress/Optimize Product Images - You can compress product images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "Product ".

• Compress/Optimize Category Images - You can compress category images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "Category ".

• Compress/Optimize CMS Images - You can compress CMS images by enabling module from Admin > Stores > Configuration > Scommerce Configuration > Image Optimiser > Enabled - "Yes" > Compress Images while uploading - Select "CMS ".

Installation and User Guide for Magento 2 Lazy Load Image

Table of Contents

1. • Installation via app/code

   • Installation via Composer

2. • General Settings

3. • General Settings

4. • Lazy Loading on the Homepage

   • Home Page Excluded from Lazy Loading

   • Lazy Loading on the Category Page

   • Lazy Loading on the Search Page

   • Lazy Loading on the Cart Page.