How to Create Custom URL for Checkout Page in Magento 2?

Sometimes you may require to change the default Magento URLs of some of the pages in order to handle and recognize them in a better way. The use of fancy URL leads you to initiate rewrite for them.

Here we have come up with a quick solution to change URL of checkout page. From this, you can change URLs of wishlist page and customers’ my account page as well.

Basic checkout page URL is something like:
domain.com/checkout
domain.com/checkout/#shipping
domain.com/checkout/#payment

Step 1: First, we need to create “module.xml” file inside extension the below directory.

app\code\Vendor\Extension\etc

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Vendor_Extension" setup_version="1.0.0" Schema_version="1.0.0">
        <sequence>
            <module name="Magento_Catalog"/>
        </sequence>
    </module>
</config>

Step 2: after that, we need to create “routes.xml” file inside extension the below directory.

app\code\Vendor\Extension\etc\frontend

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
    <router id="standard">
        <route id="customcheckout" frontName="customcheckout">
            <module name="Vendor_Extension" />
        </route>
    </router>
</config>

Sometimes you may face issue with mini cart update or with AJAX cart extension as you have made changes in route file of Magento. This will require you to fix up the section reloading while using AJAX.

Easily create Custom URL for checkout page in #magento2 https://t.co/fWDH05u5Xi

— MageComp (@theMageComp) February 15, 2016

Step 3: After that, we need to create “sections.xml” file inside extension the below directory.

app\code\Vendor\Extension\etc\frontend

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Customer:etc/sections.xsd">
    <action name="customcheckout/index/index">
        <section name="cart"/>
        <section name="customer"/>
        <section name="wishlist"/>
    </action>
</config>

Step 4 : lastly, we need to create “Index.php” file inside extension the below directory.

app\code\Vendor\Extension\Controller\Index

<?php 
namespace Vendor\Extension\Controller\Index;

use Magento\Framework\App\Action\Action;
use Magento\Framework\App\Action\Context;

class Index extends Action
{
    public function execute()
    {

        // Redirect to Magento's default checkout
        return $this->_redirect('checkout');
    }
}

Hope you have found this effective rewrite trick useful and it will definitely help you creating fancy URLs in Magento.

Feel free to contact if you have any queries regarding. We would appreciate your comments and suggestions.