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:

Componentversie
AEM as a Cloud Service
AEM 6.5.16.0 Forms of hoger
v1
Compatibel systeem met
versie 2.0.4en later
Compatibel met
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

Basis lusje

  • 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

Verzending tabel

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.

Verzending tabel

  • 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.

toon het lusje van het Bericht

  • 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

dialoog van het Ontwerp stond componentenlusje 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

de dialoog standaardcomponentenlusje van het Ontwerp

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

de dialoog van het Ontwerp ontvankelijke montages tabel

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.

Dialoog van het Ontwerp

  • 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

de Dialoog van Eigenschappen van de Douane

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.

Zie ook see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c