# Widgetek beállításai

> A Szolgáltatásválasztó és az Előfizetés részletei előnézetének megkeresése, a beágyazókód kimásolása és a helyőrzők cseréje közzététel előtt.

Canonical: https://komashi.com/docs/hu/provider/Settings/12widgets/
Language: hu

Nyisd meg a **Vezérlőközpont → Integráció → Widgetek** oldalt. Itt a szolgáltató widgetpéldáit és a kimásolható beágyazókódokat találod. A felület nem hoz létre külön elmentett widgetkonfigurációt.

Video (English narration): [Beágyazható widgetek](https://www.youtube.com/watch?v=q68rg-HXup8)

## Mielőtt elkezded

Először hozz létre szolgáltatást. Ha a szolgáltatónak még nincs szolgáltatása, a widgetpéldák helyén az **Először hozz létre egy szolgáltatást** üzenet és a **Szolgáltatások kezelése** hivatkozás jelenik meg.

Meglévő szolgáltatásnál két nézet közül választhatsz:

- **Szolgáltatásválasztó / Service Picker**: a vásárlói szolgáltatásválasztó felület;
- **Előfizetés részletei / Subscription Details**: egy meglévő előfizetés felülete.

## A Szolgáltatásválasztó előnézete

A **Beágyazott példa** a szolgáltató egyik szolgáltatását jeleníti meg, hogy átnézhesd a tartalmat és az árakat. Ez bemutatófelület; innen nem szükséges valódi vásárlói fizetési folyamatot indítanod.

[![Widgetek oldal a Szolgáltatásválasztó előnézetével és kimásolható kódjával](https://komashi.com/docs/assets/images/integrations-service-picker.png)](/assets/images/integrations-service-picker.png)

Az előnézet alatt keresd a **Szolgáltatásválasztó beágyazókódját**, és kattints a **Másolás** gombra. Illeszd a saját weboldaladba, cseréld ki a `YOUR_SERVICE_ID` helyőrzőt a kívánt szolgáltatás azonosítójára, és tartsd meg a `data-view="service-picker"` értéket.

A csomagokat, árakat és tartalmat a szolgáltatásszerkesztőben módosíthatod. A widget ezekből az adatokból épül fel; a Widgetek oldal nem egy második árszerkesztő.

## Az Előfizetés részletei előnézete

Válts az **Előfizetés részletei** nézetre. Ha van megfelelő meglévő előfizetés, annak felületét látod a példában.

[![Widgetek oldal az Előfizetés részletei példával és a beágyazókóddal](https://komashi.com/docs/assets/images/integrations-subscription-details.png)](/assets/images/integrations-subscription-details.png)

Másold ki az **Előfizetés részletei beágyazókódját**, a `YOUR_SUBSCRIPTION_ID` helyére az egyedi előfizetés azonosítóját írd, és tartsd meg a `data-view="subscription-details"` értéket.

Ha a példához nincs megfelelő előfizetés, az oldal annak létrehozását kéri az előnézet megjelenítéséhez. A beágyazókód ettől még elérhető, amennyiben a szolgáltatónak van szolgáltatása. Hiányzó előnézethez ne használj kitalált előfizetés-azonosítót.

## Mit módosíts a kimásolt kódban?

| Érték | Teendő |
| --- | --- |
| Szkript URL-je | Annak a környezetnek a generált címét használd, amelyhez a weboldalt kapcsolod. A helyi `.test` cím csak helyi fejlesztésre alkalmas. |
| Szolgáltatás-/előfizetés-helyőrző | Cseréld valódi erőforrás-azonosítóra. |
| `data-view` | A megadott azonosító típusának megfelelő nézet maradjon beállítva. |
| `data-redirect-url` | Add hozzá, ha támogatott visszatérési címre van szükséged. |
| Ügyfélkörnyezet | `data-customer-id` értéket csak a megfelelő ügyfél azonosítása és jogosultságának ellenőrzése után adj meg. |

API-kulcsot ne másolj a HTML-be. A [Widgetek beágyazása](https://komashi.com/docs/hu/provider/Developers/widget-integration/index.md) útmutatóban teljes példákat, attribútumleírást, elrendezési tanácsokat és hibaelhárítást találsz.