Formuliercontainer form-container-adaptive-forms-core-component
Forms stelt bezoekers van websites in staat om te communiceren met de website door waardevolle informatie te verstrekken, die de betrokkenheid en gebruikerstevredenheid kan verhogen. Met een adaptieve formuliercontainer in Adobe Experience Manager-sites (AEM) kunnen eigenaars van websites gemakkelijk formulieren toevoegen aan hun pagina's. Hierdoor wordt de communicatie tussen websitebezoekers en de eigenaar of organisatie van de website vergemakkelijkt doordat bezoekers op een gestroomlijnde manier feedback kunnen geven, vragen kunnen stellen en andere handelingen kunnen uitvoeren
Gebruik reasons-to-use-forms-container
Er zijn verschillende redenen waarom een formulier aan een website kan worden toegevoegd:
-
de inzameling van Gegevens: Forms kan worden gebruikt om gegevens van websitebezoekers voor diverse doeleinden, zoals marktonderzoek, gebruikersgedragsanalyse en meer te verzamelen.
-
Loodgeneratie: Een vorm kan worden gebruikt om informatie van potentiële klanten, zoals naam en e-mailadres, te verzamelen om lood voor verkoop en marketing inspanningen te produceren.
-
e-commerce: Forms kan voor online het winkelen worden gebruikt, toestaand klanten om orden te plaatsen en betalingen door de website te verrichten.
-
Contact: Een contactvorm staat websitebezoekers toe om uit aan de websiteeigenaar of organisatie gemakkelijk te bereiken.
-
Enquêtes en opiniepeilingen: Forms kan worden gebruikt om terugkoppelen en meningen van websitebezoekers door onderzoeken en opiniepeilingen te verzamelen.
-
de registratie van de Gebeurtenis: Forms kan voor gebeurtenisregistratie worden gebruikt, toestaand websitebezoekers om omhoog voor gebeurtenissen of webinars te ondertekenen.
-
Abonnementen: Forms kan voor websiteabonnementen worden gebruikt, toestaand bezoekers om omhoog voor een nieuwsbrief of andere regelmatige mededelingen te ondertekenen.
-
de authentificatie van de Gebruiker: Forms kan voor gebruikersauthentificatie worden gebruikt, toestaand websitebezoekers om rekeningen tot stand te brengen en login om tot exclusieve inhoud of eigenschappen toegang te hebben.
-
de omzettingspercentage van de verhoging: Een goed-ontworpen vorm kan de omzettingspercentage verhogen door het voor gebruikers gemakkelijk te maken om een gewenste actie te voltooien, zoals het kopen van een product of het ondertekenen omhoog voor de dienst.
Versie en compatibiliteit version-and-compatibility
De Adaptive Forms Accordion Core Component is in februari 2023 uitgebracht als onderdeel van Core Components 2.0.4 for Cloud Service and Core Components 1.1.12 voor AEM 6.5.16.0 Forms of hoger. Hier volgt een tabel met alle ondersteunde versies, AEM compatibiliteit en koppelingen naar de bijbehorende documentatie:
versie 2.0.4en later
versie 1.1.12en later maar minder dan 2.0.0.
Voor informatie over de versies en versies van de Component van de Kern, verwijs naar het 🔗 document van de Versies van de Componenten van de Kern 0}.
Technische details technical-details
Krijg de recentste informatie over de Adaptieve Component van de Kern van de Container van Forms in de technische documentatie op GitHub. Voor meer bij het ontwikkelen van de Componenten van de Kern, controleer de de ontwikkelaarsdocumentatie van de Componenten van de Kern.
Dialoogvenster configureren configure-dialog
Met het dialoogvenster Configureren kunt u de ervaring van uw formuliercontainer eenvoudig aanpassen voor bezoekers. U kunt ook eenvoudig opties voor formuliercontainers definiëren voor een naadloze gebruikerservaring.
Tabblad Standaard basic-tab
-
Titel - met zijn Titel, kunt u een component in een vorm gemakkelijk identificeren en door gebrek, verschijnt de titel bovenop de component. Als u geen titel toevoegt, wordt de naam van de component weergegeven in plaats van de titeltekst.
-
vooraf ingevulde diensten - Deze optie staat de gebruiker toe om een prefill dienst voor het terugwinnen van gegevens te selecteren wanneer de Aangepaste Vorm wordt teruggegeven. Leer meer over om een prefill diensttot stand te brengen en te vormen.
-
de categorie van de Bibliotheek van de Cliënt - de gebruiker kan de bibliotheek van de douaneJavaScript per Aangepast Vorm vormen. Het wordt aanbevolen alleen de herbruikbare functies in de bibliotheek te behouden, die afhankelijk zijn van bibliotheken van derden jquery en underscore.js.
Soms, als er complexe bevestigingsregels zijn, verblijft het nauwkeurige bevestigingsmanuscript in douanefuncties en de gebruikers roepen deze douanefuncties van de uitdrukking van de gebiedsbevestiging. Als u deze aangepaste functiebibliotheek bekend en beschikbaar wilt maken tijdens het uitvoeren van servervalidaties, kan de gebruiker de naam van AEM clientbibliotheek configureren onder het tabblad Basic van de adaptieve eigenschappen van de formuliercontainer, zoals hieronder wordt weergegeven.
De gebruiker kan de aangepaste JavaScript-bibliotheek per adaptief formulier configureren. Houd in de bibliotheek alleen de herbruikbare functies die afhankelijk zijn van bibliotheken van derden jquery en underscore.js.
Tabblad Gegevensmodel data-model-tab
Met het formuliergegevensmodel kunt u een formulier verbinden met een gegevens-Source en gegevens verzenden en ontvangen op basis van gebruikersacties. U kunt een formulier ook verbinden met een JSON-schema om de verzonden gegevens in een vooraf gedefinieerde indeling te ontvangen. Afhankelijk van de vereiste verbinding, sluit uw formulier aan op een JSON-schema of formuliergegevensmodel:
- Een JSON-schema maken en uploaden naar uw omgeving
- Een formuliergegevensmodel maken
Tabblad Verzending submission-tab
Gebruikers kunnen verschillende handelingen configureren voor het verzenden van een adaptief formulier.
- Redirect URL/Weg - Deze optie staat gebruiker toe om een pagina voor elke vorm te vormen, waaraan de vormgebruikers na het voorleggen van een Aangepast Vorm opnieuw worden gericht. Klik hier voor meer informatie over hoe te om opnieuw te richten pagina'ste vormen.
- toon Bericht - Deze optie staat gebruikers toe om een bericht toe te voegen dat wordt getoond wanneer de Aangepaste Vorm met succes wordt voorgelegd. De vooraf gedefinieerde tekst wordt opgenomen in het dialoogvenster en kan door de gebruiker worden gewijzigd. Het dialoogvenster Bericht tonen ondersteunt gereedschappen voor tekstopmaak waarmee gebruikers de toegevoegde tekst kunnen opmaken.
- legt Actie voor - een Submit Actie wordt teweeggebracht wanneer een gebruiker de Submit knoop op een AanpassingsVorm klikt. Gebruikers kunnen in de vervolgkeuzelijst de optie Handelingen verzenden selecteren die in het vak worden ondersteund. Leer hoe te vormen een Submit Actie in het lusje van de Verzending.
Ontwerpdialoogvenster design-dialog
Het dialoogvenster Ontwerpen wordt gebruikt om CSS-stijlen voor de component Form Container te definiëren en te beheren.
Tabblad Toegestane componenten allowed-components-tab
toe
Het Toegestane lusje van Componenten staat malplaatjeredacteur toe om de componenten te plaatsen die als punten aan de panelen in de component in de Aangepaste redacteur van Forms kunnen worden toegevoegd.
Tabblad Standaardcomponenten default-components-tab
Het Standaardlusje van Componenten staat de malplaatjeredacteur toe om de componenten te specificeren die door gebrek als punten in de component van de vormcontainer in de Aangepaste redacteur van Forms zichtbaar zijn.
Tab Instellingen voor responsief responsive-tab
Het Responsieve lusje van Montages staat de malplaatjeredacteur toe om het aantal kolommen in het net binnen de component van de vormcontainer in de Adaptieve redacteur van Forms te specificeren.
Tabblad Stijlen styles-tab
De adaptieve Component van de Kern van de Bijlage van het Dossier van Forms steunt het AEM Systeem van de Stijl.
-
StandaardCSS Klassen: U kunt een standaardCSS klasse voor de Aangepaste Component van de Kern van de Container van de Vorm van Forms verstrekken.
-
Toegestane Stijlen: U kunt stijlen bepalen door een naam en de CSS klasse te verstrekken die de stijl vertegenwoordigt. U kunt bijvoorbeeld een stijl met de naam "vetgedrukte tekst" maken en de CSS-klasse "font-weight: bold" opgeven. U kunt deze stijlen gebruiken of toepassen op een adaptief formulier in de Adaptieve Forms-editor. Om een stijl, in de Aanpassingsredacteur van Forms toe te passen, selecteer de component u de stijl op wilt toepassen, aan de eigenschappendialoog navigeren, en de gewenste stijl van de drop-down lijst van Stijlen selecteren. Als u de stijlen moet bijwerken of wijzigen, gaat u terug naar het dialoogvenster Ontwerpen, werkt u de stijlen op het tabblad Stijlen bij en slaat u de wijzigingen op.
Tabblad Aangepaste eigenschappen
Met aangepaste eigenschappen kunt u aangepaste kenmerken (sleutelwaardeparen) aan een Adaptief kernonderdeel van een formulier koppelen met behulp van de formuliersjabloon. De aangepaste eigenschappen worden weergegeven in de sectie Eigenschappen van de koploze uitvoering van de component. Hiermee kunt u dynamisch formuliergedrag maken dat wordt aangepast op basis van de waarden van aangepaste kenmerken. Ontwikkelaars kunnen bijvoorbeeld verschillende uitvoeringen van een Forms-component zonder koptekst ontwerpen voor mobiele apparaten, desktops of webplatforms, waardoor de gebruikerservaring op een groot aantal apparaten aanzienlijk wordt verbeterd.
-
Naam van de Groep: U kunt een naam verstrekken om de groep van het douanebezit te identificeren. U kunt meerdere groepen met aangepaste eigenschappen toevoegen, verwijderen of opnieuw rangschikken. Nadat u de aangepaste groep eigenschappen hebt toegevoegd, kunt u de volgende opties zien:
-
zeer belangrijk-Waarde paren: U kunt veelvoudige namen van het douanebezit en douanebezitswaarden toevoegen door te klikken voegt knoop voor elke groep van het douanebezit toe.
-
Schrapping: Tik of klik om de naam van het douanebezit en de waarde van het douanebezit te schrappen.
-
herschikt: Tik of klik en sleep om de orde van de naam van het douanebezit en de waarde van het douanebezit te herschikken.
-
Verwante artikelen related-articles
- Accordeon
- Adaptieve formulierfragmenten
- Adaptief formulier reCAPTCHA
- Knop
- Selectievakjesgroep
- Selectievakje
- Datumkiezer
- Vervolgkeuzelijst
- Formuliercontainer
- Formuliertitel
- Bestandsbijlage
- Voettekst
- Koptekst
- Afbeelding
- Numeriek vak
- Deelvenster
- Telefoon
- Horizontale tab
- Verticaal tabblad
- Keuzerondje
- Knop Opnieuw instellen
- Verzendknop
- Tekstvak
- Tekst
- Het tabblad Voorwaarden en bepalingen
- Wizard
Zie ook see-also
- creeer een AEM Aangepaste Vorm
- voeg een AEM Aangepaste Vorm aan de pagina van AEM Sites toe
- pas thema's op een AEM Aangepaste Vormtoe
- Componenten toevoegen aan een AEM adaptief formulier
- Gebruik reCAPTCHA in een AEM Aangepaste Vorm
- produceer PDF versie (DoR) van een AEM Aanpassings Vorm
- vertaal een AEM AanpassingsVorm
- laat Adobe Analytics voor een Aangepast Vorm toe om vormgebruik te volgen
- verbind Aangepast Vorm met Microsoft SharePoint
- Verbind Aangepast Vorm aan de Macht van Microsoft
- verbind Aangepast Vorm met Microsoft OneDrive
- Verbind Aangepast Vorm met de Opslag van Microsoft Azure Blob
- verbind Aangepast Vorm met Salesforce
- Gebruik Adobe Sign in een AEM Aangepaste Vorm
- voeg een nieuwe scène voor een Aangepaste Vormtoe
- verzendt de Adaptieve gegevens van de Vorm naar een gegevensbestand
- verzendt de Adaptieve gegevens van de Vorm naar een REST eindpunt
- verzendt de Adaptieve gegevens van de Vorm naar AEM Werkschema
- Portaal van Forms van het gebruik om AEM Aangepaste Forms op een AEM websiteop te nemen