I need to move the error messages at magento 2 checkout to the bottom of the page. I noticed that payment errors are within the "payment-method-content" div, but I didn't find a way to move elsewhere. How can I do this?

  • well, it will move success message too. is it OK ? – Pawan Jul 24 '19 at 2:29
  • Yes, it will solve my problem. – Raphael Cordeiro Jul 24 '19 at 3:06

Create checkout_index_index.xml at:


with following content

<?xml version="1.0"?>
<page layout="checkout" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
        <move element="page.messages" destination="before.body.end" />

Hope above will help!

  • If page.messages not work, you can use messages instead. – Pawan Jul 24 '19 at 3:33
  • I've tried this two ways, but it don't works :/ – Raphael Cordeiro Jul 24 '19 at 18:32
  • When I try to do this, i see a console error. "Options cannot be loaded" – Raphael Cordeiro Jul 24 '19 at 19:01
  • Sorry, the error is "Options is undefined" – Raphael Cordeiro Jul 24 '19 at 19:11

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.