---
title: "Osadzenie na stronie"
description: "Rezerwacje na Twojej własnej stronie: ceny wynajmu, dostępność, wybór dat i koszyk rezerwacji w WordPressie, WooCommerce lub na dowolnej innej stronie, z finalizacją w portalu klienta. Pobierz wtyczkę WordPress, skopiuj kod organizacji, znajdź slugi pozycji i wybierz shortcode'y."
canonical_url: "https://requiply.com/docs/pl/guides/online-booking/website-embed"
---
# Osadzenie na stronie

> Rezerwacje na Twojej własnej stronie: ceny wynajmu, dostępność, wybór dat i koszyk rezerwacji w WordPressie, WooCommerce lub na dowolnej innej stronie, z finalizacją w portalu klienta. Pobierz wtyczkę WordPress, skopiuj kod organizacji, znajdź slugi pozycji i wybierz shortcode'y.

**Osadzenie na stronie** pozwala klientom rezerwować z Twojej własnej strony, a nie tylko z [portalu klienta](https://requiply.com/docs/pl/guides/online-booking). Przyciski rezerwacji, karty produktów, siatka produktów, wybór dat i koszyk rezerwacji pojawiają się na Twoich stronach z aktualnymi cenami i dostępnością z Requiply. Gdy klient jest gotowy, finalizacja otwiera się w Twoim portalu klienta z tymi samymi pozycjami, a rezerwacja trafia do Requiply jak każda inna.

To strona, którą warto otworzyć, gdy klient pyta „jak dodać przycisk wynajmu na mojej stronie w WordPressie”, „czy mogę przyjmować rezerwacje na swojej stronie” albo „jak połączyć WooCommerce z Requiply”.

Otwórz ją w **Ustawienia → Integracje → Osadzenie na stronie**, [`https://app.requiply.com/settings/integrations/website-embed`](https://app.requiply.com/settings/integrations/website-embed).

<warning>

**Tylko dla administratorów.** Tylko administratorzy widzą tę stronę w menu ustawień i mogą ją otworzyć. Samo osadzenie działa w każdym planie; pokazywanie produktów na sprzedaż wymaga planu Advanced, zobacz [Zanim zaczniesz](#zanim-zaczniesz).

</warning>

<figure>

![Strona Osadzenie na stronie w Ustawienia, Integracje w trybie ciemnym. Nagłówek Platformy stron z liczbą 2, a pod nim dwie karty obok siebie. Karta WordPress (1) ma logo WordPress i etykiety Wtyczka, Shortcode'y i Migracja z Booqable oraz przyciski Instrukcja i Skonfiguruj. Karta WooCommerce (2) ma logo WooCommerce i etykiety Wtyczka, Powiązanie pozycji i Synchronizacja pozycji oraz przyciski Instrukcja i Skonfiguruj](https://requiply.com/docs/assets/settings/integrations/website-embed/platforms.png)<figcaption>

Jedna karta na każdą platformę: **WordPress** (1) dla dowolnej strony w WordPressie, **WooCommerce** (2) dla sklepów w WordPressie. **Skonfiguruj** otwiera stronę konfiguracji w Requiply, a **Instrukcja** pełny przewodnik na requiply.com.

</figcaption>
</figure>

## Dlaczego to ważne

- **Klienci rezerwują tam, gdzie Cię znaleźli.** Twoja strona zachowuje swój wygląd, teksty i pozycję w wyszukiwarkach; zyskuje tylko działający przycisk rezerwacji.
- **Ceny i dostępność są zawsze aktualne.** Wszystko, co pokazują przyciski, jest pobierane z Requiply przy otwarciu strony, więc nie trzeba prowadzić drugiego cennika.
- **Jeden proces rezerwacji.** Finalizacja, płatność, konto klienta oraz wszystkie e-maile i wiadomości z [automatyzacji](https://requiply.com/docs/pl/guides/automations/workflows) działają dokładnie tak samo jak przy rezerwacjach złożonych w portalu.
- **Przejście z Booqable w WordPressie to jedno kliknięcie.** Wtyczka przepisuje shortcode'y Booqable na shortcode'y Requiply.

## Zanim zaczniesz

<table>
<thead>
  <tr>
    <th>
      Wymaganie
    </th>
    
    <th>
      Dlaczego jest ważne
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      Produkty z cenami w <a href="https://requiply.com/docs/pl/guides/inventory">
        Sprzęcie
      </a>
    </td>
    
    <td>
      Osadzenie pokazuje tylko to, co zawiera Twoje konto: produkty, ceny za dobę, godzinę lub miesiąc, <a href="https://requiply.com/docs/pl/guides/settings/pricing/pricing-tiers">
        progi cenowe
      </a>
      
       i <a href="https://requiply.com/docs/pl/guides/settings/bookings/deposits">
        kaucje
      </a>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      Godziny pracy w <a href="https://requiply.com/docs/pl/guides/settings/organization/date-and-time">
        Dacie i godzinie
      </a>
      
       oraz zasady rezerwacji w <a href="https://requiply.com/docs/pl/guides/settings/bookings/booking-duration">
        Czasie trwania rezerwacji
      </a>
    </td>
    
    <td>
      Wybór dat oferuje tylko godziny odbioru i zwrotu w Twoich godzinach pracy i przestrzega minimalnego czasu trwania oraz buforów.
    </td>
  </tr>
  
  <tr>
    <td>
      Co najmniej jedna metoda płatności w <a href="https://requiply.com/docs/pl/guides/online-booking/portal-settings#karta-p%C5%82atno%C5%9Bci">
        Ustawieniach portalu
      </a>
    </td>
    
    <td>
      Finalizacja odbywa się w portalu klienta i oferuje włączone tam metody.
    </td>
  </tr>
  
  <tr>
    <td>
      Strona w WordPressie (5.8 lub nowszym, PHP 7.4 lub nowszy) dla wtyczki
    </td>
    
    <td>
      Inne strony mogą korzystać bezpośrednio ze skryptu osadzenia, zobacz <a href="#inne-strony">
        Inne strony
      </a>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      Plan Advanced, funkcja <a href="https://requiply.com/docs/pl/guides/settings/organization/features#w%C5%82%C4%85cz-sprzeda%C5%BC">
        Sprzedaż
      </a>
      
       i włączona <strong>
        Sprzedaż towarów
      </strong>
      
      , tylko dla produktów na sprzedaż
    </td>
    
    <td>
      Wtedy ten sam przycisk sprzedaje też produkty typu <strong>
        Sprzęt na sprzedaż
      </strong>
      
      , ze stanem magazynowym i bez dat.
    </td>
  </tr>
</tbody>
</table>

## WordPress

Kliknij **Skonfiguruj** na karcie WordPress, aby otworzyć [`/settings/integrations/website-embed/wordpress`](https://app.requiply.com/settings/integrations/website-embed/wordpress). Nagłówek mówi, co robi wtyczka: *Dodawaj przyciski rezerwacji, siatkę pozycji i koszyk rezerwacji na dowolnej stronie WordPress za pomocą shortcode'ów.* Przycisk **Instrukcja** otwiera [przewodnik po WordPressie](https://requiply.com/blog/wordpress-rental-booking) na requiply.com.

Jeśli Twoja strona korzysta z WooCommerce, baner **Korzystasz z WooCommerce?** pod nagłówkiem kieruje zamiast tego do **Otwórz konfigurację WooCommerce**, bo konfiguracja WooCommerce sama umieszcza przycisk rezerwacji na stronach produktów.

Strona prowadzi przez trzy kroki:

1. **Zainstaluj wtyczkę.** **Pobierz wtyczkę** zapisuje bezpłatną wtyczkę **Requiply Rental Booking** jako plik zip. W WordPressie prześlij ją w **Wtyczki > Dodaj nową wtyczkę > Wyślij wtyczkę na serwer** i włącz ją.
2. **Połącz swoje konto.** Skopiuj **Kod organizacji** przyciskiem kopiowania i wklej go w WordPressie w **Ustawienia > Requiply**. Kod to ostatnia część adresu Twojego portalu: dla `portal.requiply.com/my-rental` jest to `my-rental`.
3. **Dodaj rezerwację do swoich stron.** Wklej shortcode z tabeli poniżej na dowolną stronę, do wpisu lub widżetu Elementora.

<figure>

![Strona konfiguracji WordPress w Osadzeniu na stronie w trybie ciemnym. Nagłówek pokazuje logo WordPress, tytuł WordPress, opis Dodawaj przyciski rezerwacji, siatkę pozycji i koszyk rezerwacji na dowolnej stronie WordPress za pomocą shortcode'ów oraz przycisk Instrukcja. Niżej baner Korzystasz z WooCommerce? z przyciskiem Otwórz konfigurację WooCommerce. Dalej trzy ponumerowane panele kroków: Zainstaluj wtyczkę z przyciskiem Pobierz wtyczkę (1), Połącz swoje konto z kodem organizacji stalford-studio-en i przyciskiem kopiowania (2) oraz Dodaj rezerwację do swoich stron (3). Pod nimi tabela Shortcode'y wymienia każdy shortcode i to, co wyświetla (4)](https://requiply.com/docs/assets/settings/integrations/website-embed/wordpress-setup.png)<figcaption>

**Pobierz wtyczkę** (1), skopiuj **Kod organizacji** (2), a potem umieść na swoich stronach (3) shortcode'y z tabeli **Shortcode'y** (4).

</figcaption>
</figure>

### Shortcode'y

<table>
<thead>
  <tr>
    <th>
      Shortcode
    </th>
    
    <th>
      Wyświetla
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <code>
        [requiply_button item="product-slug"]
      </code>
    </td>
    
    <td>
      Cena, dostępność, ilość i „Dodaj do rezerwacji”
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_card item="product-slug"]
      </code>
    </td>
    
    <td>
      Zdjęcie, nazwa i przycisk rezerwacji
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_list show_search="true"]
      </code>
    </td>
    
    <td>
      Siatka Twoich pozycji z wyszukiwarką
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_datepicker]
      </code>
    </td>
    
    <td>
      Wybór daty odbioru i zwrotu
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_cart_button]
      </code>
    </td>
    
    <td>
      Przycisk otwierający koszyk rezerwacji
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_tiers item="product-slug"]
      </code>
    </td>
    
    <td>
      Tabela „Dłuższy wynajem jest tańszy”; pusta dla pozycji bez progów
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_portal_button]
      </code>
    </td>
    
    <td>
      Przycisk „Zarezerwuj online”, który otwiera Twoją stronę rezerwacji lub finalizację, gdy dodano pozycje
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_account_links]
      </code>
    </td>
    
    <td>
      Linki „Zaloguj się” i „Załóż konto” do konta klienta na Twojej stronie rezerwacji
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_call_button]
      </code>
    </td>
    
    <td>
      Przycisk połączenia z Twoimi numerami telefonów, zobacz <a href="#przyciski-po%C5%82%C4%85czenia">
        Przyciski połączenia
      </a>
    </td>
  </tr>
</tbody>
</table>

Zamień `product-slug` na slug produktu, zobacz [Znajdź slug pozycji](#znajd%C5%BA-slug-pozycji). Przewodnik na requiply.com wymienia dodatkowe opcje każdego shortcode'u, np. kategorię albo limit dla siatki.

### Znajdź slug pozycji

Shortcode'y produktów wskazują produkt przez jego **slug**: krótką, czytelną nazwę utworzoną z nazwy produktu, np. `sony-fx6`. Requiply tworzy go automatycznie przy dodaniu produktu. Jest unikalny w Twojej organizacji i nie zmienia się po zmianie nazwy produktu, więc shortcode'y już umieszczone na Twoich stronach nadal działają. Ten sam slug jest w adresie strony produktu w Twoim portalu, np. `portal.requiply.com/my-rental/item-sony-fx6`.

Aby uzyskać slug, przewiń do **Znajdź slug pozycji** pod tabelą shortcode'ów: *Wybierz pozycję, aby otrzymać slug do jej shortcode'ów.* Wpisz nazwę w **Szukaj pozycji**, wybierz produkt i skopiuj **Slug pozycji** przyciskiem kopiowania.

<figure>

![Strona konfiguracji WordPress w trybie ciemnym przewinięta do tabeli Shortcode'y i panelu Znajdź slug pozycji pod nią, z tekstem Wybierz pozycję, aby otrzymać slug do jej shortcode'ów. Pole Szukaj pozycji zawiera wybrany produkt Rode Procaster (1). Obok pole Slug pozycji z wartością rode-procaster i przyciskiem kopiowania (2). Niżej podpowiedź Przenosisz się z Booqable? W Ustawienia > Requiply przepiszesz shortcode'y Booqable jednym kliknięciem](https://requiply.com/docs/assets/settings/integrations/website-embed/slug-lookup.png)<figcaption>

Wyszukaj produkt (1) i skopiuj jego slug (2). Wyszukiwarka slugów jest na stronach konfiguracji WordPress i WooCommerce.

</figcaption>
</figure>

Sluga nie można edytować w Requiply. Strony produktów nie pokazują już kodów osadzenia; wyszukiwarka na tej stronie to jedyne miejsce, w którym można znaleźć slug.

### Przejście z Booqable

*Przenosisz się z Booqable? W Ustawienia > Requiply przepiszesz shortcode'y Booqable jednym kliknięciem.* Przycisk **Migrate from Booqable** (migracja z Booqable) we wtyczce zamienia przyciski i znaczniki Booqable na Twoich stronach na shortcode'y Requiply, więc przyciski produktów nadal działają. Aby najpierw przenieść do Requiply produkty, klientów i rezerwacje z Booqable, użyj [Migracji danych](https://requiply.com/docs/pl/guides/settings/integrations/data-migration).

## WooCommerce

Kliknij **Skonfiguruj** na karcie WooCommerce, aby otworzyć [`/settings/integrations/website-embed/woocommerce`](https://app.requiply.com/settings/integrations/website-embed/woocommerce): *Zamień „Dodaj do koszyka” w produktach WooCommerce na przycisk rezerwacji i pozwól Requiply aktualizować produkty.* **Instrukcja** otwiera [przewodnik po WooCommerce](https://requiply.com/blog/woocommerce-rental-booking).

Pierwsze dwa kroki to ta sama wtyczka i ten sam kod organizacji co w WordPressie. Trzeci, **Wybierz, jak produkty mają być synchronizowane**, ustawia się w WordPressie w **Ustawienia > Requiply**:

<table>
<thead>
  <tr>
    <th>
      Tryb
    </th>
    
    <th>
      Co robi
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <strong>
        Tylko powiązanie
      </strong>
    </td>
    
    <td>
      Powiąż każdy produkt WooCommerce z jego pozycją w Requiply, pojedynczo lub wszystkie naraz przez dopasowanie nazw. Dane WooCommerce nigdy nie są zmieniane.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Synchronizacja z Requiply
      </strong>
    </td>
    
    <td>
      Requiply co godzinę tworzy i aktualizuje Twoje produkty WooCommerce. Cena i stan zawsze pochodzą z Requiply; opisy, adresy URL i SEO pozostają Twoje.
    </td>
  </tr>
</tbody>
</table>

*Powiązane produkty pokazują przycisk rezerwacji zamiast „Dodaj do koszyka” na stronach produktów i w siatkach kategorii.* Rezerwacje nigdy nie stają się zamówieniami WooCommerce: koszyk i finalizacja należą do Requiply.

W WooCommerce shortcode'y są opcjonalne: użyj ich, aby dodać do motywu wybór dat, przycisk koszyka lub linki do logowania. Wyszukiwarka **Znajdź slug pozycji** jest też na tej stronie.

Dane produktów płyną w jedną stronę, z Requiply do WooCommerce. Zmiana ceny w WooCommerce nie zmienia jej w Requiply; zmień ją w [Sprzęcie](https://requiply.com/docs/pl/guides/inventory/manage), a sklep się dostosuje.

## Inne strony

Na stronie, która nie działa na WordPressie (Wix, Webflow, Tilda, Squarespace lub własny HTML), nadal możesz użyć osadzenia, jeśli strona pozwala dodać własny kod HTML:

1. Dodaj skrypt jeden raz, np. w nagłówku strony, ze swoim kodem organizacji:```html
<script async src="https://portal.requiply.com/embed/v1/requiply-embed.js" data-org="your-code"></script>
```
2. Umieść znacznik w miejscu, w którym ma się pojawić przycisk rezerwacji, ze slugiem produktu z [Znajdź slug pozycji](#znajd%C5%BA-slug-pozycji):```html
<div class="requiply-button" data-item="product-slug"></div>
```

[Przewodnik po WordPressie](https://requiply.com/blog/wordpress-rental-booking) opisuje znaczniki pozostałych komponentów. Jeśli Twój kreator stron nie przyjmuje własnego kodu, podlinkuj przycisk „Zarezerwuj teraz” do adresu swojego portalu albo do [własnej domeny](https://requiply.com/docs/pl/guides/online-booking/custom-domains).

## Przyciski połączenia

Klienci, którzy wolą zadzwonić, mogą to zrobić z Twojej strony. Osadzenie oferuje to na trzy sposoby:

- **Przycisk połączenia obok „Dodaj do rezerwacji”** na stronach produktów (shortcode `[requiply_button]` i powiązane produkty WooCommerce), jako ikona telefonu albo ikona z napisem *Zadzwoń*.
- **Pływający przycisk połączenia** w dolnym rogu naprzeciwko koszyka, tylko na telefonach i tabletach albo na każdym ekranie.
- **Okno połączenia** z tytułem *Zadzwoń do nas* i podpowiedzią *Dotknij numeru, aby zadzwonić.*: każdy numer z opisem, opcjonalna notatka i Twoje godziny pracy z [Daty i godziny](https://requiply.com/docs/pl/guides/settings/organization/date-and-time), z dniami wolnymi oznaczonymi jako *Nieczynne*.

Przy jednym numerze każdy przycisk połączenia od razu go wybiera. Przy kilku numerach przyciski otwierają okno połączenia. Bez własnych numerów przyciski używają telefonu z [Informacji o organizacji](https://requiply.com/docs/pl/guides/settings/organization/info#telefon).

### W WordPressie

Ustawienia są w WordPressie w **Ustawienia > Requiply**:

<table>
<thead>
  <tr>
    <th>
      Ustawienie
    </th>
    
    <th>
      Co robi
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <strong>
        Phone numbers
      </strong>
      
       (numery telefonów)
    </td>
    
    <td>
      Do sześciu numerów, każdy z opcjonalnym opisem, np. <em>
        Rezerwacje
      </em>
      
      . <strong>
        Add number
      </strong>
      
       (dodaj numer) dodaje wiersz.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Call buttons
      </strong>
      
       (przyciski połączenia)
    </td>
    
    <td>
      <strong>
        Next to the booking button:
      </strong>
      
       (obok przycisku rezerwacji) <strong>
        Do not show
      </strong>
      
       (nie pokazuj), <strong>
        Phone icon
      </strong>
      
       (ikona telefonu) lub <strong>
        Phone icon and "Call"
      </strong>
      
       (ikona telefonu i „Zadzwoń”). W WooCommerce opcja <strong>
        Also on product cards in catalog lists (otherwise product pages only)
      </strong>
      
       dodaje go też do siatek kategorii (w przeciwnym razie tylko na stronach produktów). <strong>
        Floating call button:
      </strong>
      
       (pływający przycisk połączenia) <strong>
        Do not show
      </strong>
      
      , <strong>
        Phones and tablets
      </strong>
      
       (telefony i tablety) lub <strong>
        Every screen
      </strong>
      
       (każdy ekran).
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Call window
      </strong>
      
       (okno połączenia)
    </td>
    
    <td>
      Notatka w oknie, np. <em>
        Rozmowy są nagrywane, aby utrzymać wysoką jakość obsługi.
      </em>
      
      , oraz <strong>
        Show your working hours from Requiply
      </strong>
      
       (pokaż godziny pracy z Requiply), domyślnie włączone.
    </td>
  </tr>
</tbody>
</table>

Pływający przycisk połączenia zastępuje osobne wtyczki typu „zadzwoń teraz”, więc wyłącz je, aby nie mieć dwóch przycisków. Aby umieścić przycisk połączenia w innym miejscu, np. w nagłówku strony, użyj `[requiply_call_button]`: `style="icon"` pokazuje samą ikonę, a `label="..."` zmienia tekst.

### Na innych stronach

Ustaw przyciski połączenia atrybutami skryptu osadzenia z [Innych stron](#inne-strony):

<table>
<thead>
  <tr>
    <th>
      Atrybut
    </th>
    
    <th>
      Wartość
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <code>
        data-phones
      </code>
    </td>
    
    <td>
      Numery jako lista JSON, np. <code>
        [{"number":"+1 555 010 0199","label":"Bookings"}]
      </code>
      
      , albo oddzielone przecinkami.
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        data-call
      </code>
    </td>
    
    <td>
      <code>
        icon
      </code>
      
       lub <code>
        label
      </code>
      
       dla przycisku obok „Dodaj do rezerwacji”. Pomiń, jeśli nie ma być przycisku. Pojedynczy znacznik przycisku może się różnić dzięki własnemu <code>
        data-call
      </code>
      
      : <code>
        off
      </code>
      
      , <code>
        icon
      </code>
      
       lub <code>
        label
      </code>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        data-call-float
      </code>
    </td>
    
    <td>
      <code>
        mobile
      </code>
      
       (telefony i tablety) lub <code>
        all
      </code>
      
       dla pływającego przycisku połączenia.
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        data-call-note
      </code>
    </td>
    
    <td>
      Notatka w oknie połączenia.
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        data-call-hours
      </code>
    </td>
    
    <td>
      <code>
        false
      </code>
      
       ukrywa godziny pracy.
    </td>
  </tr>
</tbody>
</table>

Przycisk połączenia w dowolnym miejscu strony to `<div class="requiply-call-button"></div>`, z `data-style="icon"` dla samej ikony i `data-label` dla jego tekstu.

## Ikony przycisków

Pływający przycisk koszyka i przyciski rezerwacji mają ikonę, którą możesz zmienić, a wszystkie ikony, także przycisków połączenia, są dostępne w dwóch stylach. W WordPressie wiersz **Button icons** (ikony przycisków) w **Ustawienia > Requiply** pokazuje podgląd obu przycisków w Twoim kolorze podczas wybierania.

<table>
<thead>
  <tr>
    <th>
      Ustawienie w WordPressie
    </th>
    
    <th>
      Atrybut skryptu
    </th>
    
    <th>
      Opcje
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <strong>
        Floating cart button
      </strong>
      
       (pływający przycisk koszyka)
    </td>
    
    <td>
      <code>
        data-cart-icon
      </code>
    </td>
    
    <td>
      <strong>
        Cart
      </strong>
      
       (koszyk, domyślnie), <strong>
        Calendar
      </strong>
      
       (kalendarz), <strong>
        Truck
      </strong>
      
       (ciężarówka) lub <strong>
        No icon
      </strong>
      
       (bez ikony). Używane też przez <code>
        [requiply_cart_button]
      </code>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Booking buttons on product pages and cards
      </strong>
      
       (przyciski rezerwacji na stronach i kartach produktów)
    </td>
    
    <td>
      <code>
        data-button-icon
      </code>
    </td>
    
    <td>
      <strong>
        Cart
      </strong>
      
       (domyślnie), <strong>
        Calendar
      </strong>
      
      , <strong>
        Truck
      </strong>
      
      , <strong>
        Plus
      </strong>
      
       lub <strong>
        No icon
      </strong>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Outline
      </strong>
      
       (kontur) lub <strong>
        Filled
      </strong>
      
       (wypełnienie)
    </td>
    
    <td>
      <code>
        data-icon-style
      </code>
    </td>
    
    <td>
      <code>
        outline
      </code>
      
       (domyślnie) lub <code>
        filled
      </code>
      
      .
    </td>
  </tr>
</tbody>
</table>

Na innych stronach wartości to `cart`, `calendar`, `truck`, `plus` i `none`. Przy ikonie koszyka przycisk rezerwacji, który najpierw prosi o daty, pokazuje kalendarz.

## Co widzą klienci

1. **Na Twoich stronach** każdy produkt pokazuje cenę za dobę, godzinę lub miesiąc. Przed ustawieniem dat oferuje *Sprawdź dostępność*, co otwiera wybór dat; potem pokazuje liczbę wolnych egzemplarzy albo *Niedostępne w tych terminach*.
2. **Wybór dat** pokazuje kalendarz oraz godziny odbioru i zwrotu w Twoich godzinach pracy. Dni w pełni zarezerwowanych, dni wolnych i [świąt](https://requiply.com/docs/pl/guides/settings/organization/date-and-time) nie można wybrać, a wybór dat przestrzega minimalnego czasu trwania rezerwacji.
3. **Koszyk rezerwacji** podąża za klientem ze strony na stronę. Wymienia okres, pozycje z ilościami (ograniczonymi do liczby wolnych egzemplarzy), oferowane przez Ciebie [usługi przy finalizacji](https://requiply.com/docs/pl/guides/online-booking/portal-settings#us%C5%82ugi-przy-finalizacji) jako przełączniki, np. dostawę, oraz sumę częściową, rabat, kaucję i sumę. Gdy każda pozycja w koszyku jest wyceniana za dobę, wiersz sumy częściowej pokazuje faktycznie naliczane doby, które wynikają z Twoich [zasad okresów rozliczeniowych](https://requiply.com/docs/pl/guides/settings/pricing/billing-periods), więc ich liczba zawsze zgadza się z ceną; w przeciwnym razie pokazuje długość wynajmu. Usługa bez ceny ma na przełączniku napis *Cena do uzgodnienia*, a w sumach *do uzgodnienia*, z informacją, że jej cena nie jest wliczona w sumę.
4. **Przejdź do podsumowania** otwiera Twój portal klienta z tym samym koszykiem. Klient podaje dane kontaktowe lub się loguje, wybiera metodę płatności i potwierdza. Po płatności online operator odsyła go z powrotem do portalu. W portalu logo w nagłówku prowadzi z powrotem na stronę główną Twojej witryny, a przeglądarka pamięta to przez 30 dni.
5. **Strona sukcesu** pokazuje numer rezerwacji i link **Wróć na stronę** prowadzący do strony, z której klient zaczął.

Komponenty przejmują **kolor marki** i **styl narożników** z [Ustawień portalu](https://requiply.com/docs/pl/guides/online-booking/portal-settings) oraz czcionkę Twojej strony. Otwierają się w języku Twojej strony: angielskim, ukraińskim, hiszpańskim lub polskim. Gdy Twój portal działa we [własnej domenie](https://requiply.com/docs/pl/guides/online-booking/custom-domains), każdy tworzony przez nie link jej używa.

Gdy [Tworzenie rezerwacji](https://requiply.com/docs/pl/guides/settings/bookings/booking-creation#wyb%C3%B3r-punktu-startowego-formularza-rezerwacji) jest ustawione na **Zacznij od dat**, przyciski produktów najpierw proszą o daty i dodają produkt po ich zastosowaniu.

## Co widzi Twój zespół w aplikacji

Rezerwacja z osadzenia to zwykła rezerwacja w [Zarządzaniu rezerwacjami](https://requiply.com/docs/pl/guides/bookings/manage), w Kalendarzu i w Panelu. Jej pole **Źródło** pokazuje **Osadzenie na stronie**, więc możesz filtrować lub liczyć rezerwacje, które przyszły z Twojej strony. Dodaj kolumnę **Źródło** w [Układzie kolumn tabel](https://requiply.com/docs/pl/guides/settings/fields/table-columns), aby widzieć ją na liście.

Koszyk, który zawiera tylko produkty na sprzedaż, staje się osobną sprzedażą zamiast rezerwacji. Koszyk łączący wynajem i zakupy staje się jedną rezerwacją z dołączoną sprzedażą.

## Typowe scenariusze

- **Strona w WordPressie z osobną stroną dla każdego produktu.** Zainstaluj wtyczkę, wklej kod organizacji i dodaj `[requiply_button item="..."]` na stronie każdego produktu ze slugiem z **Znajdź slug pozycji**. Dodaj `[requiply_datepicker]` i `[requiply_cart_button]` do nagłówka, aby klienci mogli raz ustawić daty i wszędzie widzieć swój koszyk.
- **Sklep WooCommerce z setkami produktów.** Wybierz **Tylko powiązanie** i powiąż produkty przez dopasowanie nazw, a potem popraw na ekranie produktu te nieliczne, które się nie dopasowały. Albo wybierz **Synchronizacja z Requiply** i pozwól Requiply co godzinę aktualizować ceny i stany.
- **Dostawa w koszyku.** Dodaj usługę dostawy w [Usługach przy finalizacji](https://requiply.com/docs/pl/guides/online-booking/portal-settings#us%C5%82ugi-przy-finalizacji). Pojawi się jako przełącznik w koszyku osadzenia i przy finalizacji.
- **Przejście z Booqable.** Zaimportuj dane przez [Migrację danych](https://requiply.com/docs/pl/guides/settings/integrations/data-migration), zainstaluj wtyczkę i kliknij **Migrate from Booqable** w **Ustawienia > Requiply**.
- **Strona, która nie działa na WordPressie.** Dodaj skrypt i znaczniki z [Innych stron](#inne-strony) albo podlinkuj przycisk „Zarezerwuj teraz” do swojego portalu.

## Wskazówki i zastrzeżenia

<tip>

**Wskazówka:** Wtyczka wpisuje też aktualną cenę do kodu HTML strony i odświeża ją co 10 minut, więc wyszukiwarki i odwiedzający bez JavaScriptu nadal widzą cenę.

</tip>

<note>

**Wskazówka:** Shortcode z błędnym lub starym slugiem nic nie pokazuje. Sprawdź slug w **Znajdź slug pozycji** i upewnij się, że produkt nie jest zarchiwizowany.

</note>

<warning>

**Uwaga:** Zmieniaj ceny, zdjęcia i dostępność w Requiply, a nie na swojej stronie. Osadzenie zawsze pokazuje to, co jest w Requiply, a synchronizacja WooCommerce nadpisuje ceny i stany w WooCommerce danymi z Requiply.

</warning>

<warning>

**Uwaga:** Zestawy nie są jeszcze oferowane przez osadzenie. Klienci mogą rezerwować zestawy w [portalu klienta](https://requiply.com/docs/pl/guides/online-booking/booking-flow).

</warning>


## Sitemap

See the full [sitemap](https://requiply.com/docs/sitemap.md) for all pages.