# Beágyazás oldalszerkesztőkkel

> A naptár beágyazása Divi, Elementor, Beaver Builder, Avada Builder, Bricks Builder, WP Bakery és Visual Composer szerkesztővel.

A bővítmény a népszerű oldalszerkesztőkhöz saját elemet ad. Minden szerkesztőben ugyanaz a menet: elhelyezed az elemet az oldalon, beállítod a beállításait, és elmented az oldalt. Az elem beállításai megegyeznek a [beágyazási beállításokkal](https://hub.hellowp.io/hu/plugins/wp-booking-system-premium/beagyazas-naptar-beagyazasa/).

Az elemek neve a szerkesztőkben **Single Calendar** (egy naptár), **Overview Calendar** (áttekintő naptár) és **Yearly Calendar** (éves naptár).

## Divi

1. Nyisd meg az oldalt, és kattints a szürke **+** jelre.
2. A modulok listájában keresd meg a naptár modult, a keresőbe írd be, hogy „calendar”.
3. Kattints a **Single Calendar** elemre, hogy az oldalra kerüljön.
4. Az elemre kattintva felugró ablakban megjelennek a beállítások.
5. Állítsd be őket, mentsd a változásokat a zöld pipával, majd mentsd az oldalt.

## Elementor

1. Nyisd meg az oldalt az Elementorban.
2. Az elemek listájában keresd meg a **WP Booking System** kategóriát, vagy keress rá a „wp booking” szóra.
3. Húzd a **Single Calendar** elemet az oldalra.
4. Az elemre kattintva az oldalsávban megjelennek a beállítások.
5. Állítsd be őket, majd kattints a **Frissítés** gombra.

## Beaver Builder

1. Nyisd meg az oldalt a Beaver Builderben.
2. A modulok oldalsávjában a **Group** értékét állítsd **WordPress Widgets**-re, és keresd meg a WP Booking System modulokat.
3. Húzd a **Single Calendar** elemet az oldalra.
4. Az elemre kattintva felugró ablakban megjelennek a beállítások, ezeket töltsd ki, majd mentsd az oldalt.

## Avada Builder

1. Nyisd meg az oldalt. Ha még nincs konténer, adj hozzá egyet, majd kattints a **+ Element** gombra.
2. A megnyíló ablakban a **Design Elements** fülön keress rá a „WP Booking System” szóra.
3. Válaszd ki a kívánt elemet, hogy az oldalra kerüljön.
4. Állítsd be az elem beállításait, kattints a **Save** gombra az elem mentéséhez, majd az **Update** gombra az oldal mentéséhez.

## Bricks Builder

1. Szerkeszd az oldalt a Bricksszel.
2. Az elemek listájában görgess a **WP Booking System** kategóriáig.
3. Húzd a **Single Calendar** elemet az oldalra.
4. Az elemre kattintva az oldalsávban megjelennek a beállítások.
5. Állítsd be őket, majd kattints a **Frissítés** gombra az oldal mentéséhez.

## WP Bakery

1. Nyisd meg az oldalt, és kattints a **+** vagy az **Add Element** gombra. Megnyílik az elemválasztó ablak.
2. Menj a **WP Booking System** fülre, és kattints valamelyik elemre, hogy az oldalra kerüljön.
3. Az elem hozzáadása után felugró ablakban megjelennek a beállítások, ezeket töltsd ki.
4. Kattints az **Update** gombra az oldal mentéséhez.

## Visual Composer

1. Nyisd meg az oldalt, és kattints a **+** jelre új elem hozzáadásához. Egy ablak jelenik meg.
2. Válaszd a **WP Booking System** fület, és kattints a **Single Calendar** elemre, hogy az oldalra kerüljön.
3. A felugró ablakban megjelennek a beállítások, ezeket töltsd ki.
4. Kattints a **Save Changes** gombra, majd az **Update** gombra az oldal mentéséhez.

## Ha a szerkesztődhöz nincs elem

Ha az oldalszerkesztődben nincs a naptárhoz elem, használd a [shortcode-ot](https://hub.hellowp.io/hu/plugins/wp-booking-system-premium/beagyazas-shortcode/).