Magento 2 Checkout – How to Get All Checkout Data in Last Custom Step

In this page of the docs you can find how to add a custom form.

That tutorial you linked can you also use to add fields to other parts of the shipping step btw. It doesn't have to be in the shipping address form.

1. Instead of you, I added the new custom step before and not after the Shipping Information step but I discovered the same behavior. Did you managed to solve it?
2. It should be possible to use the navigateTo(code, scrollToElement) function of the Magento_Checkout/js/model/step-navigator for this purpose.
   • Actual the next() function of the step-navigator.js is called in the setShippingInformation() function of the Magento_Checkout/js/view/shipping.js(which will be called by clicking the Next button).
   • In order to override this function you can copy the whole shipping.js file to your custom module and add the following to your custom checkout_index_index.xml.

checkout_index_index.xml

<item name="steps" xsi:type="array">
...
    <item name="shipping-step" xsi:type="array">
        <item name="children" xsi:type="array">
            <item name="shippingAddress" xsi:type="array">
                <item name="component" xsi:type="string"><Vendor>_<ModuleName>/js/view/shipping</item>
            </item>
        </item>
    </item>
...
</item>

If this does work, I suggest you to not override the whole shipping.js file, but extending it, like itself extends the Magento_Ui/js/form/form (Component). Then you should be able to just override the setShippingInformation() function.