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

Hoofdafbeelding

Deze zelfstudie is een stap in de Uw eerste adaptieve formulier maken reeks. 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

  • Een AEM Forms-publicatie-instantie instellen: De instantie publish is een openbare instantie waarbij AEM Forms in de publicatiemodus. In een productieomgeving bevindt de publicatie-instantie zich buiten de firewall van de organisatie.
  • Replicatie instellen en replicatie omkeren: Replicatie kopieert inhoud van de auteurinstantie naar een publicatie-instantie en retourneert gebruikersinvoer (bijvoorbeeld formulierinvoer) van de publicatie-instantie naar de auteur-instantie.

Het adaptieve formulier publiceren als een AEM 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. Als u het dialoogvenster verzendadres-add-update-form adaptief formulier als AEM pagina:

  1. Aanmelden bij AEM Forms -instantie en zoek het adaptieve formulier voor het verzendadres-add-update-formulier in de AEM Forms UI.
    https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
  2. Selecteer het adaptieve formulier voor het verzendadres-add-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 stelt formulierontwikkelaars in staat om adaptieve formulieren naadloos in te sluiten 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 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 in te schakelen Forms Containercomponent en insluiten van het adaptieve formulier 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 adaptieve formulier is ingesloten in de Sites pagina.

    U kunt het adaptieve formulier ook insluiten in een bestaande We.Retail Site’s pagina. Bijvoorbeeld de pagina ABOUT US 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 website Web.Retail geïnstalleerd hebt, zie We.Retail Reference Implementation installeer de site.

  2. Selecteren eigenschappen pagina-informatie en selecteer de Edit Template in de nieuwe Web.Retail-site. De sjabloon van de pagina wordt geopend op een nieuw tabblad van de browser.

  3. Selecteren in het dialoogvenster layout container en selecteert u voederbeheer . In de Allowed Components tabblad, vouwt u de General accordeon selecteert u de AEM Form en selecteert u save_icon . De AEM Forms Containercomponent is ingeschakeld voor de pagina.

  4. Open het browsertabblad met AEM Sites pagina geopend in stap 1. Selecteer de Drag components here en selecteert u +. In de Insert New Component vak, selecteren AEM Form. De AEM Forms Container wordt toegevoegd aan de pagina.

  5. Selecteer de AEM Forms container en selecteert u configure-icon . Een dialoogvenster met eigenschappen van AEM Forms Container wordt weergegeven. In de Asset Path , bladert en selecteert u het aangepaste formulier voor het verzendadres en de update. Selecteren save_icon . Het adaptieve formulier is ingesloten op de pagina.

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

    • Als u de AEM publiceert Sites voor het eerst pagina's maken en een ingesloten formulier bevatten, publiceert u de 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 Sites pagina en het ingesloten formulier, publiceert u de Sites en het formulier.

      insluiten-in-aem-sites

    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 enkele regels JavaScript in de externe webpagina in te voegen. De JavaScript-code verzendt een HTTP-aanvraag naar de AEM Forms voor het adaptieve formulier en de bijbehorende bronnen en voegt het adaptieve formulier toe aan de webpagina. Zie voor meer informatie het aangepaste formulier insluiten in een externe webpagina.

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