Zelfstudie: Publish uw adaptieve formulier tutorial-publish-your-adaptive-form

Hero-beeld

Dit leerprogramma is een stap in creeert Uw Eerste AanpassingsVormreeksen. U wordt aangeraden de reeks in chronologische volgorde te volgen om het volledige gebruik van de zelfstudie te begrijpen, uit te voeren en aan te tonen.

Nadat het aangepaste formulier gereed is, kunt u het publiceren en beschikbaar maken voor eindgebruikers. De eindgebruikers kunnen het gepubliceerde formulier openen op elk apparaat en in de internetbrowser. Wanneer een adaptief formulier wordt gepubliceerd, worden het formulier en de bijbehorende inhoud gekopieerd van een AEM auteur naar een AEM publicatie-exemplaar. Het formulier wordt via het publicatieexemplaar beschikbaar gesteld voor de eindgebruiker.

U kunt op de volgende manieren een adaptief formulier publiceren:

Voordat u begint before-you-start

  • opstelling AEM Forms publiceert instantie: De publiceer instantie is een openbaar onder ogen ziende instantie van AEM Forms die op publicatiewijze lopen. In een productieomgeving bevindt de publicatie-instantie zich buiten de firewall van de organisatie.
  • de replicatie van de opstelling en omgekeerde replicatie: De replicatie kopieert inhoud van de auteursinstantie aan publiceer instantie en keert gebruikersinput (bijvoorbeeld, vorminput) van terug publiceer instantie aan de auteursinstantie.

Het adaptieve formulier Publish als AEM pagina publish-the-adaptive-form-as-an-aem-page

Wanneer het adaptieve formulier wordt gepubliceerd als een AEM pagina, bevat de hele webpagina alleen het gepubliceerde formulier. U kunt de URL van het aangepaste formulier gebruiken om het formulier te koppelen van een andere webpagina. Om te publiceren verschepen-adres-toe:voegen-update-vorm adaptieve vorm als AEM Pagina:

  1. Meld u aan bij AEM auteur-instantie van Forms en zoek het aangepaste formulier voor het verzendadres en de update van het formulier in de AEM Forms UI.
    https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
  2. Selecteer het adaptieve formulier voor het verzendadres en de update en selecteer Publish . Er wordt een dialoogvenster weergegeven met elementen die betrekking hebben op het adaptieve formulier. Selecteer Publish. Het adaptieve formulier wordt gepubliceerd en er verschijnt een succesdialoogvenster.
  3. Open het formulier op het publicatieexemplaar. Het formulier kan door de eindgebruiker worden ingevuld en verzonden.
    https://localhost:4503/content/forms/af/shipping-address-add-update-form.html

Het adaptieve formulier insluiten in een AEM Sites-pagina embed-the-adaptive-form-in-an-aem-sites-page

AEM Forms kunnen formulierontwikkelaars adaptieve formulieren naadloos insluiten in een AEM Sites -pagina. Het ingesloten adaptieve formulier is volledig functioneel en gebruikers kunnen het formulier invullen en verzenden zonder de pagina te verlaten. Hiermee kan de gebruiker in de context van andere elementen op de webpagina blijven en tegelijkertijd met het formulier communiceren.

AEM Forms levert een component, AEM Forms Container, voor het insluiten van een adaptief formulier op een AEM Sites -pagina. De component is standaard niet zichtbaar in AEM Sites -container. Voer de volgende stappen uit om de AEM Forms Container-component in te schakelen en het adaptieve formulier in te sluiten in een AEM Sites Pagina:

  1. Maak en open een pagina in de website Web.Retail voor bewerking. Bijvoorbeeld, https://localhost:4502/editor.html/content/we-retail/us/en/user/shipping-and-billing-address.html. Het aangepaste formulier wordt ingesloten op de pagina Sites .

    U kunt het adaptieve formulier ook insluiten in een bestaande Web.Retail Site’s -pagina. Bijvoorbeeld, ONDER Amerikaanse pagina https://localhost:4502/editor.html/content/we-retail/us/en/about-us.html. Hiermee bespaart u de tijd om een pagina te maken. In de onderstaande stappen wordt de nieuwe pagina gebruikt.

    De website We.Retail wordt verzonden met AEM. Als u niet de wij.Retail geïnstalleerde plaats hebt, zie Wij.Retail de Implementatie van de Verwijzinginstalleren de plaats.

  2. Selecteer eigenschappen paginainformatie en selecteer de Edit Template optie in de pas gecreëerde Web.Retail plaatspagina. De sjabloon van de pagina wordt geopend op een nieuw tabblad van de browser.

  3. Selecteer binnen de layout container doos en selecteer terugkoppel . In het Allowed Components lusje, breid General accordion uit, selecteer de AEM Form optie, en selecteer save_icon . De AEM Forms Container-component is ingeschakeld voor de pagina.

  4. Open het browsertabblad met AEM Sites -pagina die is geopend in stap 1. Selecteer het vak Drag components here en selecteer +. Selecteer AEM Form in het vak Insert New Component . De component AEM Forms Container wordt toegevoegd aan de pagina.

  5. Selecteer de AEM Forms container component en selecteer vorm-pictogram . Er wordt een dialoogvenster weergegeven met eigenschappen van AEM Forms Container. Blader in het veld Asset Path naar het adaptieve formulier voor het verzendadres en de update. Selecteer save_icon . Het adaptieve formulier is ingesloten op de pagina.

  6. Publish zowel het adaptieve formulier als de Sites pagina. Hieronder volgen enkele punten die u in overweging wilt nemen:

    • Als u de pagina AEM Sites voor het eerst publiceert en deze een ingesloten formulier bevat, publiceert u de pagina Sites en het ingesloten formulier.

    • Als u alleen het ingesloten formulier op een gepubliceerde sitepagina wijzigt, publiceert u het oorspronkelijke formulier en de wijzigingen worden weerspiegeld in de gepubliceerde sitepagina. De gepubliceerde sitepagina bevat een verwijzing naar het formulier en de pagina hoeft niet opnieuw te worden gepubliceerd.

    • Als u de pagina Sites en het ingesloten formulier wijzigt, publiceert u de pagina Sites en het formulier opnieuw.

      bed-in-a-plaats-plaatsen in

    Formulier Verzendadres en factuuradres wijzigen toegevoegd aan een AEM Sites pagina.

Het adaptieve formulier insluiten in een externe webpagina embed-the-adaptive-form-in-an-external-webpage

U kunt een adaptief formulier insluiten in een externe webpagina (een niet-AEM webpagina die buiten AEM wordt gehost) door een paar regels JavaScript in de externe webpagina in te voegen. De JavaScript-code verzendt een HTTP-aanvraag naar de AEM Forms -server voor het adaptieve formulier en de gerelateerde bronnen en voegt het adaptieve formulier toe aan de webpagina. Voor gedetailleerde stappen, zie de adaptieve vorm aan een externe Web-paginainbedden.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2