How can we help customers get back on track after a connection time-out message?

I design "sad ways" scenarios for the cashier and try to help clients when a Connection timeout Occurs when the cash register hangs and attempts to connect to our third-party credit card payment form.

In this case, the loan payment form could not be loaded in our checkout environment.

A simple solution is to reload the page.

My proposed UX / UI solution is a warning message that appears on the page, prompting the customer to reload the page.

This is my attempt to make the error message more user-friendly:

An error occurred while attempting to connect to the system.

Reload the page to reconnect.

[ Refresh page ] <— button

How do people think about the message above? Are there any other solutions you can imagine?

Many thanks.