Bejelentkezés

Flow-űrlaprövidkódok és Elementor-widgetek

A Flow rövidkód- és Elementor-integrációval a Gutenbergen kívül is újrafelhasználható.

Rövidkódok​

[smartcloud-flow-form id="..."]​

Ezt a rövidkódot akkor használja, ha a hivatkozott újrafelhasználható blokk vagy minta Flow Form blokkot tartalmaz.

A rövidkód a hivatkozott blokk- vagy mintaforrásból jelenít meg Flow-űrlapot. Az attribútumnevek camelCase, kebab-case és snake_case formában egyaránt normalizálódnak.

Futásidejű konfigurációfelülírást használó telepítésekben kódolt konfigurációs adattartalmakat, például configB64 értéket is átadhat a gazdaoldalról.

A futásidejű karakterlánc-beállítások a JavaScript API oldalán ismertetett interpolációs tokeneket is használhatják. Az endpointPath például {{location.origin}}/contact, {{wpsuite.apiBaseUrl}}/contact vagy {{global.MyApp.forms.submitUrl}} értékre állítható, ha ezek a globális értékek elérhetők a gazdaoldalon.

Egyéni beküldési végpont használatakor az endpointMethod értéke GET, POST, PUT vagy PATCH is lehet. Ha elhagyja, a Flow továbbra is POST kérést használ. GET esetén a Flow URL-lekérdezési paraméterekként küldi a sorosított mezőértékeket. További böngészőoldali kérésfejlécek adhatók meg az endpointHeaders beállítással JSON-objektumot tartalmazó karakterláncként, például {"X-Request-Source":"wpsuite"}. A fejlécértékek az endpointPath értékével megegyező futásidejű interpolációs tokeneket támogatják, így például a {"X-Post-Id":"{{wp.postId}}","X-Email":"{{email}}"} értékei beküldéskor oldódnak fel.

[smartcloud-flow-form id="123"]

[smartcloud-flow-content-root id="..."]​

Ezt a rövidkódot akkor használja, ha a hivatkozott újrafelhasználható blokk vagy minta Flow Content Root blokkot tartalmaz.

Ez akkor hasznos, ha mentett Flow-tartalomtárolót és gyermek megjelenítési/elrendezési blokkjait szeretné a Gutenbergen kívül megjeleníteni űrlappéldány beágyazása nélkül. A rövidkód ugyanúgy normalizálja az attribútumneveket, mint az űrlaprövidkód.

Gyakori felülírás a language, direction, colorMode, primaryColor és themeOverrides. További beágyazott konfiguráció mini-YAML formában is megadható a rövidkód törzsében, például a colors, primaryShade vagy fieldOverrides értékhez.

[smartcloud-flow-content-root id="456" colormode="dark"]
primaryShade:
  light: 5
  dark: 8
[/smartcloud-flow-content-root]

[smartcloud-flow-modal id="..."]​

Ezt a rövidkódot akkor használja, ha a hivatkozott újrafelhasználható blokk vagy minta Flow Modal blokkot tartalmaz.

A rövidkód megjeleníti a mentett Flow modális szerkezetet, és a meglévő Flow-rövidkódokkal megegyezően fogad camelCase, kebab-case és snake_case attribútumneveket. A modális működés felülírásai, például a modalId, showCloseButton, closeButtonLabel, allowBodyFullscreen, size, position, mobileBehavior, backdropStyle és a bezárási működés jelzői közvetlenül megadhatók a rövidkódon.

[smartcloud-flow-modal id="789" modalid="product-gallery" allowbodyfullscreen="true"]

Elementor​

A Flow Elementor-integrációt is tartalmaz, így a Flow-blokkok Elementor-alapú elrendezésekbe ágyazhatók.

Elérhető widgetek:

  • Flow Form
  • Flow Content Root
  • Flow Modal

A widgetek felülírási vezérlői öröklési állapotban hagyhatók. Ekkor a widget nem bocsátja ki a megfelelő rövidkódattribútumot, így a hivatkozott Flow-mintában tárolt eredeti érték marad érvényes. Ugyanez a szabály vonatkozik a modális widget olyan beállításaira, mint a bezárógomb láthatósága és a törzs teljes képernyős támogatása.

Futásidejű működés​

A rövidkód- és Elementor-útvonalak a megosztott Flow-megjelenítési feladatokhoz ugyanazt a futásidejű felületet tartják meg, mint a Gutenberg-kimenet:

  • ugyanazok a smartcloud-flow:* futásidejű események jutnak tovább a gazdaoldalra,
  • ugyanazok a Theme Overrides beállítások és --flow-* tokenek érvényesek a shadow rooton belül,
  • ugyanaz a mentett Flow-blokkszerkezet szolgál megjelenítési forrásként.

Kifejezetten a Flow Form megjelenítéseknél a meglévő beküldési működés is változatlan:

  • az űrlap továbbra is közvetlenül a böngészőből küldhet a beállított űrlapspecifikus végpont-URL-re,
  • az egyéni beküldési végpontok figyelembe veszik a beállított endpointMethod értéket (GET, POST, PUT vagy PATCH),
  • a háttérrendszert használó űrlapok továbbra is a beállított Flow háttérrendszer-átvitelt használják,
  • a varázsló, sikerállapot, vázlat és AI-javaslatok működése változatlanul elérhető.