Как создать баннер для наведения верхней части страницы

Question

Я использую полосовую интеграцию клиентов для завершения шлюза оплаты. В приведенном ниже коде я установил URL-адрес для успешных и неудачных платежей:

stripe.redirectToCheckout({
  items: [
    // Replace with the ID of your SKU
    {sku: 'sku_123', quantity: 1}
  ],
  successUrl: 'https://example.com/product',
  cancelUrl: 'https://example.com/product',
  customerEmail: 'customer@example.com',
}).then(function (result) {
  // If `redirectToCheckout` fails due to a browser or network
  // error, display the localized error message to your customer
  // using `result.error.message`.
});

У меня есть простой вопрос, когда пользователь переходит на https://example.com/product после успешного или неудачного платежа, я хочу, чтобы баннер Наведите указатель мыши на верхнюю часть страницы, которую пользователь может закрыть, щелкнув X или, если он обновлен, или перейдите со страницы.

В случае успешного платежа будет отображаться зеленый баннер с надписью «Платеж выполнен успешно», в случае неудачи затем красное знамя с надписью «платеж не прошел».

Как это сделать?