Przejdź do głównej zawartości

Strona potwierdzenia zamówienia

Strona potwierdzenia zamówienia

Poniżej znajdziesz gotowe fragmenty kodu do personalizacji strony potwierdzenia zamówienia (Thank You Page).

Komunikat z podziękowaniem

<div class="thank-you-message">
  <div class="success-icon">✓</div>
  <h2>Dziękujemy za zamówienie!</h2>
  <p>Twoje zamówienie <strong>nr {order_id}</strong> zostało przyjęte do realizacji.</p>
  <p>Potwierdzenie zostało wysłane na adres: <strong>{customer_email}</strong></p>
</div>

Następne kroki

<div class="next-steps">
  <h3>Co dalej?</h3>
  <div class="steps-list">
    <div class="step-item">
      <div class="step-number">1</div>
      <div class="step-content">
        <strong>Potwierdzenie płatności</strong>
        <p>Oczekujemy na potwierdzenie płatności</p>
      </div>
    </div>
    <div class="step-item">
      <div class="step-number">2</div>
      <div class="step-content">
        <strong>Przygotowanie zamówienia</strong>
        <p>Skompletujemy Twoje zamówienie</p>
      </div>
    </div>
    <div class="step-item">
      <div class="step-number">3</div>
      <div class="step-content">
        <strong>Wysyłka</strong>
        <p>Przekażemy paczkę kurierowi</p>
      </div>
    </div>
  </div>
</div>

Dodatkowe informacje

<div class="additional-info">
  <div class="info-box">
    <h4>📞 Potrzebujesz pomocy?</h4>
    <p>Skontaktuj się z nami:</p>
    <ul>
      <li>Telefon: +48 123 456 789</li>
      <li>Email: kontakt@sklep.pl</li>
      <li>Chat: dostępny 24/7</li>
    </ul>
  </div>

  <div class="info-box">
    <h4>📦 Śledzenie przesyłki</h4>
    <p>Gdy Twoja paczka zostanie wysłana, otrzymasz email z numerem śledzenia.</p>
  </div>
</div>

Zachęta do dalszych zakupów

<div class="continue-shopping">
  <h3>Może Cię również zainteresować</h3>
  <p>Odkryj więcej produktów z naszej oferty!</p>
  <a href="/nowosci" class="btn-primary">Zobacz nowości</a>
  <a href="/promocje" class="btn-secondary">Sprawdź promocje</a>
</div>

<div class="stay-connected">
  <h3>Bądź na bieżąco!</h3>
  <p>Śledź nas w mediach społecznościowych i zapisz się do newslettera, aby otrzymywać informacje o promocjach.</p>

  <div class="social-links">
    <a href="#" class="social-icon facebook">Facebook</a>
    <a href="#" class="social-icon instagram">Instagram</a>
    <a href="#" class="social-icon youtube">YouTube</a>
  </div>

  <form class="newsletter-form">
    <input type="email" placeholder="Twój adres email">
    <button type="submit">Zapisz się</button>
  </form>
</div>