Personalizing your Magento 2 store’s home page for different customer groups, including non-logged-in users, can greatly enhance the user experience and cater to specific needs. In this guide, we’ll show you two methods to implement user-specific home pages using an observer and a plugin (interceptor). Follow the steps below to get started.

Method 1: Using an Observer

Step 1: Create a Custom Module

Begin by creating a custom module in Magento 2 to organize your code. Follow this directory structure:

/app/code/YourVendor/YourModule/
|-- registration.php
|-- etc/
|   |-- module.xml
|   |-- events.xml
|-- Observer/
|   |-- CustomHomepageObserver.php

Step 2: Define the Module

In the registration.php file, define your module:

<?php
use \Magento\Framework\Component\ComponentRegistrar;

ComponentRegistrar::register(
    ComponentRegistrar::MODULE,
    'YourVendor_YourModule',
    __DIR__
);

Step 3: Configure the Observer

Create an observer in the CustomHomepageObserver.php file to listen for the controller_action_predispatch_cms_index_index event, which occurs when a user accesses the CMS home page. Customize your URLs based on customer groups in the observer code. Here’s an example:

<?php
namespace YourVendor\YourModule\Observer;

use Magento\Framework\Event\Observer;
use Magento\Framework\Event\ObserverInterface;
use Magento\Customer\Model\Session;
use Magento\Framework\App\Action\Context;
use Magento\Framework\Controller\ResultFactory;
use Magento\Framework\UrlInterface;

class CustomHomepageObserver implements ObserverInterface
{
    protected $customerSession;
    protected $url;
    protected $resultFactory;

    public function __construct(
        Context $context,
        Session $customerSession,
        UrlInterface $url,
        ResultFactory $resultFactory
    ) {
        $this->customerSession = $customerSession;
        $this->url = $url;
        $this->resultFactory = $resultFactory;
    }

    public function execute(Observer $observer)
    {
        $customerGroup = $this->customerSession->getCustomerGroupId();

        // Example: Customize URLs based on customer groups
        $targetUrl = '';

        switch ($customerGroup) {
            case '1':
                $targetUrl = 'wholesale-home';
                break;
            case '2':
                $targetUrl = 'retail-home';
                break;
            default:
                $targetUrl = 'default-home';
                break;
        }

        $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
        $resultRedirect->setUrl($this->url->getUrl($targetUrl));

        $controller = $observer->getControllerAction();
        $controller->getResponse()->setRedirect($resultRedirect->getHeader('location'));
    }
}

Step 4: Configure the Event

In the events.xml file, configure the event observer:

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
    <event name="controller_action_predispatch_cms_index_index">
        <observer name="custom_homepage_observer" instance="YourVendor\YourModule\Observer\CustomHomepageObserver" />
    </event>
</config>

Step 5: Flush Cache and Reindex

After implementing the observer, flush the Magento cache and reindex your site:

php bin/magento cache:flush
php bin/magento indexer:reindex

Method 2: Using a Plugin (Interceptor)

Step 1: Create a Custom Module

Start by creating a custom module to organize your code, following the same directory structure as Method 1.

Step 2: Define the Module

In the registration.php file, define your module as shown in Method 1.

Step 3: Create a Plugin

In the custom module, create a plugin to intercept the default home page action and redirect customers based on their groups. Configure the plugin to listen to the Magento\Framework\App\Action\Action class. Here’s an example:

<?php
namespace YourVendor\YourModule\Plugin;

use Magento\Customer\Model\Session;
use Magento\Framework\App\Action\Context;
use Magento\Framework\Controller\ResultFactory;
use Magento\Framework\UrlInterface;

class HomepagePlugin
{
    protected $customerSession;
    protected $url;
    protected $resultFactory;

    public function __construct(
        Context $context,
        Session $customerSession,
        UrlInterface $url,
        ResultFactory $resultFactory
    ) {
        $this->customerSession = $customerSession;
        $this->url = $url;
        $this->resultFactory = $resultFactory;
    }

    public function aroundDispatch($subject, \Closure $proceed)
    {
        $customerGroup = $this->customerSession->getCustomerGroupId();

        // Example: Customize URLs based on customer groups
        $targetUrl = '';

        switch ($customerGroup) {
            case '1':
                $targetUrl = 'wholesale-home';
                break;
            case '2':
                $targetUrl = 'retail-home';
                break;
            default:
                $targetUrl = 'default-home';
                break;
        }

        $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
        $resultRedirect->setUrl($this->url->getUrl($targetUrl));

        return $resultRedirect;
    }
}

Step 4: Configure Redirection Rules

Customize the logic in the plugin class to determine the target URL based on customer groups, as demonstrated in Method 1.

Step 5: Flush Cache and Reindex

After creating the plugin, flush the Magento cache and reindex your site:

php bin/magento cache:flush
php bin/magento indexer:reindex

By following either of these two methods and customizing the code examples, you can create user-specific home pages in Magento 2. This will provide a tailored shopping experience for each customer group, including non-logged-in users, enhancing their satisfaction and engagement with your online store.

Rate this post

Categorized in:

Magento 2 | Adobe CommerceBlog

Tagged in:

,