Bädda in ett anpassningsbart formulär eller interaktiv kommunikation på AEM webbplatssida embed-an-adaptive-form-or-interactive-communication-in-aem-sites-page
Adobe rekommenderar att du använder den moderna och utbyggbara datainhämtningen Core Componentsför att skapa nya adaptiva Formseller att lägga till adaptiva Forms på AEM Sites-sidor. De här komponenterna utgör ett betydande framsteg när det gäller att skapa adaptiva Forms-filer, vilket ger imponerande användarupplevelser. I den här artikeln beskrivs det äldre sättet att skapa Adaptiv Forms med baskomponenter.
Ökning overview
Med AEM Forms kan formulärutvecklare smidigt bädda in adaptiva formulär och interaktiv kommunikation på en AEM Sites-sida eller en webbsida som ligger utanför AEM. Det inbäddade adaptiva formuläret och den interaktiva kommunikationen fungerar fullt ut och användarna kan fylla i och skicka formuläret utan att behöva lämna sidan. Det hjälper användaren att hålla sig i rätt sammanhang för andra element på webbsidan och interagera samtidigt med formuläret eller interaktiv kommunikation.
Mer information om hur du bäddar in adaptiva formulär på en extern webbsida finns i Bädda in adaptiva formulär på en extern webbsida.
På AEM Sites-sidan kan du lägga till ett anpassningsbart formulär eller interaktiv kommunikation med:
-
AEM Forms Container-komponent
AEM Forms innehåller en komponent som du kan lägga till på webbplatsens sidor. Med AEM Forms Container-komponenten kan du bädda in ett adaptivt formulär och interaktiv kommunikation. -
Resursläsaren
Alla formulär och interaktiv kommunikation som du skapar finns tillgängliga via Assets. Du kan dra och släppa formuläret som en resurs på sidan.
Förutsättningar prerequisites
Om du vill bädda in ett adaptivt formulär eller interaktiv kommunikation på en AEM webbplatssida som använder en redigerbar mall, kontrollerar du att AEM Form-komponent är konfigurerad som en tillåten komponent i den associerade mallen. Mer information finns i avsnittet Princip och egenskaper (layoutbehållare) i Skapa sidmallar.
Om det finns en platssida som använder en statisk mall måste du konfigurera den i styckesystemet på webbplatssidan. Mer information finns i Konfigurera komponenter i designläge.
Bädda in ett anpassningsbart formulär eller interaktiv kommunikation af-component
Så här bäddar du in ett adaptivt formulär eller interaktiv kommunikation med komponenten AEM Forms Container:
-
Öppna sidan AEM webbplatser, i redigeringsläge, där du vill bädda in ett adaptivt formulär eller interaktiv kommunikation.
-
Dra AEM Forms Container-komponenten på sidan från panelen Komponentwebbläsaren.
Du kan också söka efter ett anpassningsbart formulär eller en interaktiv kommunikation i webbläsaren Assets och dra och släppa det på sidan Webbplatser. Formuläret bäddas in i en AEM Forms-behållare.
note note NOTE Flera AEM Forms Container-komponenter på en sida stöds inte. -
Markera den inbäddade AEM Forms Container-komponenten på webbplatssidan och välj sedan
-
Ange följande i dialogrutan Redigera AEM Forms-behållare.
-
Resurstyp: Välj den typ av resurs som ska bäddas in. Alternativen är anpassningsbar form och interaktiv kommunikation
-
Resurssökväg: Bläddra och markera det adaptiva formuläret eller den interaktiva kommunikationen som ska bäddas in. Den fylls i automatiskt om du utelämnade den från Assets webbläsare.
-
(Endast anpassat formulär) Post Submission: Välj den åtgärd som ska utlösas när formulär skickas. Du kan visa ett tackmeddelande eller en tacksida.
- Tack! Skriv ett meddelande med textredigeraren som ska visas när formulär skickas. Det här alternativet är endast tillgängligt när du väljer att visa ett tackmeddelande.
- Tack för sidan: Bläddra och markera sidan som ska visas när formulär skickas. Det här alternativet är bara tillgängligt när du väljer att visa en tacksida.
- Uppdatera sidan vid överföring: Aktivera så att du kan uppdatera sidan som innehåller det inbäddade adaptiva formuläret så att du kan se tack-sidan. I annat fall ersätter tack-sidan det anpassade formuläret i AEM Forms-behållaren, utan att sidan uppdateras. Det här alternativet är bara tillgängligt när du väljer att visa en tacksida.
-
Tema: Välj ett tema som definierar format för komponenter i ditt adaptiva formulär eller interaktiva kommunikation. Formateringen innehåller utseendeegenskaper som teckensnittsstil, bakgrundsfärg, dimensioner och justering.
-
Höjd: Ange behållarens höjd. Lämna det tomt om du vill ändra storlek på behållaren automatiskt.
-
CSS-klientbibliotek: Ange sökvägen till ett CSS-klientbibliotek.
-
-
Spara inställningarna. Det anpassningsbara formuläret eller den interaktiva kommunikationen är nu inbäddad på sidan.
Publicera inbäddad adaptiv form och interaktiv kommunikation publishing-embedded-adaptive-form-and-interactive-communication
Vi ska titta på följande scenarier för publicering av en inbäddad resurs (adaptiv form eller interaktiv kommunikation) på AEM webbplatssida:
- Om du publicerar sidan AEM webbplatser för första gången och den innehåller ett inbäddat adaptivt formulär eller interaktiv kommunikation publicerar du webbplatssidan och den inbäddade resursen.
- Om du bara ändrade det inbäddade adaptiva formuläret eller den interaktiva kommunikationen på en publicerad webbplatssida publicerar du den ursprungliga resursen och ändringarna återspeglas på den publicerade webbplatssidan. Den publicerade webbplatssidan innehåller en referens till resursen och behöver inte publicera om sidan.
- Om du ändrade webbplatssidan och det inbäddade adaptiva formuläret eller den interaktiva kommunikationen publicerar du webbplatssidan och den inbäddade resursen igen.
Modifiera inbäddad adaptiv form och interaktiv kommunikation modifying-embedded-adaptive-form-and-interactive-communication
AEM webbplatssida innehåller en referens till det adaptiva formuläret och den interaktiva kommunikationen i AEM Forms Container. Därför behålls alla konfigurationer och egenskaper, som tema, format och överföringsåtgärd, som konfigurerats i den ursprungliga adaptiva formen och interaktiv kommunikation i den inbäddade adaptiva formen och i den interaktiva kommunikationen.
Gör något av följande om du vill ändra någon konfiguration eller egenskap för det inbäddade adaptiva formuläret och den interaktiva kommunikationen.
- Öppna originalformuläret i anpassningsbara formulär eller i interaktiv kommunikation i respektive redigerare och ändra dem.
- Markera det adaptiva formuläret eller den interaktiva kommunikationen från webbplatssidan i redigeringsläge och välj sedan Edit in a new window. Det ursprungliga formuläret öppnas i redigeringsläge som du kan ändra.
Överväganden och bästa praxis considerations-and-best-practices
Tänk på följande när du bäddar in anpassningsbara formulär på AEM sidor:
- Sidhuvud och sidfot i det ursprungliga formuläret inkluderas inte i det inbäddade formuläret.
- Användarutkast och inskickade inbäddade formulär stöds och visas på flikarna Utkast och Skickat Forms på formulärportalen.
- Den skicka-åtgärd som är konfigurerad i det ursprungliga formuläret behålls i det inbäddade formuläret.
- Upplevelsemål och A/B-tester som konfigurerats på det ursprungliga formuläret fungerar inte i det inbäddade formuläret. Du kan dock använda målinriktning för upplevelser på webbplatssidan för att presentera olika formulär baserat på användarprofiler.
- Om du har konfigurerat Adobe Analytics för det ursprungliga formuläret hämtas analysdata från det inbäddade formuläret i Adobe Analytics. Den är dock inte tillgänglig i rapporten för formuläranalys.