Handboek

Een landingspagina instellen

Leer hoe je een landingspagina voor een event maakt en aanpast in Adobe Connect om je event te promoten en registraties aan te drijven.

Het maken van een effectieve landingspagina is essentieel voor het promoten van je Adobe Connect event en het verhogen van registraties. Een landingspagina dient als het hoofdtoegangspunt voor deelnemers om gedetailleerde informatie over het event te vinden, inclusief de beschrijving, datum en tijd, sprekerdetails en registratie-options. Een goed gestructureerde landingspagina verbetert de gebruikersbetrokkenheid en biedt een naadloos toegangspunt tot je Adobe Connect event.

Adobe Connect stelt je in staat landingspagina's te maken en aan te passen met sjablonen en AEM (Adobe Experience Manager)-componenten. Zodra je een event maakt, kun je:

  • Een vooraf geconfigureerde landingspaginasjabloon voor events selecteren.
  • De sjabloon bewerken met visuele Tools in AEM om eventbanners, sprekersecties, voetteksten en meer te wijzigen.
  • Herbruikbare AEM-componenten toevoegen zoals grafieken, kolommen, afbeeldingen en sociale plug-ins.
  • Een voorvertoning van de uiteindelijke lay-out bekijken om ervoor te zorgen dat de landingspagina je event-branding en lay-outvoorkeuren weergeeft.

In dit artikel worden de volgende onderwerpen behandeld:

Vereisten

Voordat je begint met het maken of aanpassen van een landingspagina, zorg ervoor dat aan de volgende voorwaarden wordt voldaan:

  • Je hebt de benodigde machtigingen om events te maken en te beheren in Adobe Connect.
  • Je event-content (bijvoorbeeld vergadering, cursus) bestaat al in de juiste Adobe Connect content-bibliotheek.

Een landingspaginasjabloon voor events starten

Voordat je je landingspagina aanpast, moet je een sjabloon selecteren voor je Adobe Connect event. Sjablonen bieden een vooraf ontworpen structuur met secties zoals de evenementtitel, datum en tijd, registratieopties en sprekerinformatie.

Adobe Connect biedt verschillende evenementsjablonen die geschikt zijn voor verschillende gebruikssituaties en branding-stijlen.Het kiezen van het juiste sjabloon zorgt voor een consistente lay-out en bespaart tijd tijdens het aanpassen.

Voer de volgende stappen uit om een sjabloon voor een evenement-landingspagina te starten:

  1. Log in op de startpagina van Adobe Connect Central.

  2. Selecteer het tabblad Evenementen.

  3. Selecteer Nieuw evenement om de wizard voor het maken van evenementen te starten.

  4. Selecteer een vooraf geconfigureerd sjabloon uit de vervolgkeuzelijst Evenementsjabloon.Een evenement-landingspagina is het belangrijkste toegangspunt voor deelnemers die informatie zoeken over een specifiek evenement.Het bevat essentiële details zoals de evenementbeschrijving, datum, tijd en registratieopties.Gebruikers kunnen een voorvertoning van de evenement-landingspagina bekijken samen met gerelateerde pagina's, zoals registratie- en sprekerinformatie, direct binnen Adobe Connect Central.

  5. Verken de beschikbare sjablonen en kies er een die het beste past bij de stijl en het doel van je evenement.

De landingspagina configureren

Nadat je een landingspaginasjabloon voor je evenement hebt geselecteerd, kun je het aanpassen zodat het overeenkomt met de branding en details van je evenement.Selecteer Bewerken om het sjabloon te gaan bewerken.

Een screenshot van een computerprogramma

Door AI gegenereerde content kan onjuist zijn.

De sjabloonbewerkingsmodus wordt gestart in een nieuwe browser.Je kunt visueel aantrekkelijke en informatieve evenement-landingspagina's ontwerpen met AEM (Adobe Experience Manager)-onderdelen.

Informatielandingspagina voor evenement instellen

Nadat de sjablooneditor is geopend, begin je met het aanpassen van je evenement-landingspagina met belangrijke details.Gebruik de bewerkbare onderdelen om de lay-out, tekst en beelden bij te werken.Hiermee kun je de pagina afstemmen op de branding van je evenement en belangrijke informatie duidelijk communiceren naar je doelgroep.

De eigenschappen van de evenement-bannerafbeelding bewerken

  1. Selecteer het banner-afbeeldingsonderdeel.

    Bewerk de event banner
    Bewerk de event banner

  2. Selecteer  .

  3. Stel de volgende grootte-gerelateerde afbeeldingseigenschappen in:

    • Grootte: Een vervolgkeuzemenu om te kiezen hoe het wijzigen van de grootte moet worden afgehandeld.De optie Beeldverhouding behouden (standaard) zorgt ervoor dat de afbeelding zijn verhoudingen behoudt tijdens het wijzigen van de grootte.De andere options stellen je in staat om de afmetingen van de afbeelding in te stellen:
      • Vooraf gedefinieerde grootte gebruiken: Past automatisch een grootte toe op basis van systeem- of sjabloon-gedefinieerde afmetingen.Deze optie is handig bij het behouden van consistentie tussen vergelijkbare onderdelen (bijvoorbeeld sprekersfoto's of banners).
      • Oorspronkelijke grootte gebruiken: Toont de afbeelding/het onderdeel op zijn werkelijke grootte (in pixels) zoals geüpload.Er wordt geen grootte-aanpassing toegepast.Het beste te gebruiken wanneer het bronbestand al is geoptimaliseerd voor weergave.
      • Aangepaste grootte instellen: Geeft volledige controle over breedte en hoogte.Je kunt handmatig waarden invoeren in de velden Aangepaste grootte invoeren.Beeldverhouding wordt niet behouden tenzij je dit handmatig berekent.
    • Dimension: Bepaalt welke dimension moet worden gewijzigd bij het aanpassen van de grootte.
      • Breedte of Hoogte: Grootte aanpassen op basis van breedte (hoogte past automatisch aan als beeldverhouding wordt behouden).
    • Waarde in px: Specificeert de nieuwe dimension (gebaseerd op geselecteerde Dimension) in pixels.Bijvoorbeeld: 740 px breedte met behouden beeldverhouding past de hoogte automatisch aan.
    • Aangepaste grootte invoeren: Maakt handmatige invoer van breedte en hoogte mogelijk.
    Interface van het tabblad Grootte

  4. Selecteer het tabblad Geavanceerd om de beschrijving, afbeeldingspositie (links, rechts of gecentreerd) en de titel van de afbeelding toe te voegen.

    Geavanceerde tab-interface

  5. Selecteer OK om de wijzigingen op te slaan.

Bewerk eigenschappen van evenementnaam en spreker

  1. Bewerk de naam van het evenement.

    Bewerk de evenementnaam

  2. Wijzig de eigenschappen van de Registreren button.Selecteer de button, klik met de rechtermuisknop op het onderdeel en selecteer Bewerken.Stel de volgende eigenschappen in:

    • Koppelen aan: Een vervolgkeuzemenu om het type koppelingsactie voor het onderdeel te selecteren (meestal een button of afbeelding).De options zijn Registratiepagina, Evenementdetails, Sprekerspagina en andere.
    Koppeling en Stijl tab-interface

    • Hyperlink: Een tekstvak om handmatig een URL in te voeren om naar de pagina te navigeren die in de vorige stap is geselecteerd.
    • Stijl: Een vervolgkeuzemenu om vooraf gedefinieerde visuele stijlen toe te passen op het onderdeel.Als je afgeronde hoeken selecteert, wordt een stijl met afgeronde hoeken toegepast op de button.
    • Selecteer het label tabblad.Bewerk de volgende eigenschappen:
      • label: Wijzig de buttontekst.
      • Lettertype-eigenschappen: Wijzig het buttonlabel, kleur, grootte, familie, hoogte en andere.
    label tab interface

    • Voeg een afbeelding toe die links, in het midden of rechts van het button-onderdeel wordt weergegeven.Selecteer de tijdelijke aanduiding voor de afbeelding en verken en upload een afbeelding vanaf je apparaat.

  3. Selecteer OK om de wijzigingen toe te passen.

Bewerk de eigenschappen van de spreekerafbeelding

  1. Klik met de rechtermuisknop op het onderdeel van de spreekerafbeelding en selecteer Bewerken.

    Bewerk de spreekerafbeelding

  2. Stel de eigenschappen van de afbeelding in.Bekijk de sectie Bewerk de eigenschappen van de evenementbanner-afbeelding voor meer informatie.

  3. Selecteer OK om de wijzigingen toe te passen.

Bewerk de eigenschappen van de sprekernaam en button

Klik met de rechtermuisknop op de onderdelen en selecteer Bewerken.

Bewerk de sprekernaam en eigenschappen

Bewerk de voettekst van het evenement

  1. Selecteer het voettekstonderdeel.

  2. Klik met de rechtermuisknop op het onderdeel en selecteer Bewerken.

    Bewerk de voettekst van het evenement

  3. Wijzig de tekst en andere eigenschappen.

    Bewerk de tekst en lettertype-eigenschappen

  4. Selecteer OK om de wijzigingen toe te passen.

Voeg AEM-onderdelen toe aan de sjabloon

Gebruik het AEM-zijpaneel om je evenement-landingspagina te verbeteren door herbruikbare AEM-onderdelen te slepen en neer te zetten.Deze onderdelen stellen je in staat om de structuur, lay-out en content van de pagina aan te passen met minimale inspanning.

  1. Selecteer een onderdeel in het zijpaneel, bijvoorbeeld Diagram.

    Voeg de Diagram-onderdelen toe

  2. Sleep het onderdeel naar de sjabloon.

    Tabblad Evenementinfo met de options om de onderdelen naar de sjabloon te slepen

  3. Klik met de rechtermuisknop op het onderdeel en selecteer bewerken.

  4. Voeg de diagramgegevens toe in CSV-indeling.

    Voeg diagramgegevens toe in CSV-indeling

  5. Selecteer het tabblad Geavanceerd .

  6. Selecteer de volgende options:

    • Diagramtype: Selecteer uit Cirkel, Lijn of Staaf.
    • Alternatieve tekst: Voeg de alt-tekst voor het diagram toe.Deze tekst wordt gebruikt voor toegankelijkheid.
    • Velden Breedte en Hoogte: Geef de diagramafmetingen op in pixels.
    Geavanceerde tabblad-interface

  7. Selecteren OK om de wijzigingen toe te passen.

De volgende grafiek verschijnt op de landingspagina:

Grafiekweergave op de landingspagina
Grafiekweergave op de landingspagina

Voeg op dezelfde manier de andere onderdelen toe, zoals vereist op de landingspagina:

Adobe Connect-onderdelen toevoegen aan de landingspagina

Gebruik verschillende adobe connect-onderdelen binnen adobe experience manager (aem) om een rijke, merkgebonden landingspagina voor evenementen te ontwerpen.Voor dit voorbeeld voeg je het adobe connect-logo toe.

  1. Selecteren het account Logo-onderdeel en sleep het naar de landingspagina.

    aem-interface met de options om het account-logo te slepen

  2. Selecteren het onderdeel.

  3. Klik met de rechtermuisknop op het onderdeel en selecteren bewerken.

  4. Stel de logo-afmetingen, positie en alt-tekst in.

    Grootte tabblad-interface

  5. Selecteren OK om de wijzigingen toe te passen.

Voeg op dezelfde manier de andere onderdelen toe, zoals vereist op de landingspagina.

Adobe Connect-sectie met de andere onderdelen
Adobe Connect-sectie met de andere onderdelen

Lay-out van landingspagina instellen

De sectie Kolommen in Adobe Experience Manager (AEM) stelt je in staat om pagina-content te organiseren in responsieve, flexibele lay-outs.Deze onderdelen zijn bijzonder nuttig voor het structureren van content in overzichtelijke, visuele secties.

Kolommensectie in AEM
Kolommensectie in AEM

  1. Selecteer een lay-out, bijvoorbeeld 2 kolommen.

  2. Sleep het onderdeel en zet het neer op de landingspagina.

  3. Voeg onderdelen toe aan een kolom.Klik met de rechtermuisknop op de tijdelijke aanduiding en selecteer Nieuw om een onderdeel toe te voegen.

  4. Voeg een nieuw onderdeel in de kolom in.

    Onderdeel in de kolom invoegen

  5. Pas het nieuwe onderdeel of de onderdelen naar wens aan.

Voeg op dezelfde manier een lay-out met drie kolommen toe aan de landingspagina.

Voeg een sociale plug-in toe aan de landingspagina

Sociale plug-ins in Adobe Experience Manager (AEM) maken eenvoudige integratie van sociale media-interacties in web-pagina's mogelijk, waardoor gebruikersbetrokkenheid wordt verbeterd en content kan worden gedeeld via hun netwerken.

Sociale plug-ins op de landingspagina
Sociale plug-ins op de landingspagina

Sleep een onderdeel, bijvoorbeeld Facebook Leuk vinden-button, naar de landingspagina.

Bekijk de voorvertoning van de landingspagina

Nadat je je landingspagina hebt ingesteld, bekijk je de voorvertoning van de pagina. Om je een voorvertoning te geven van hoe de landingspagina van het evenement eruit zou kunnen zien na het toevoegen van componenten uit de secties Algemeen, adobe connect, Kolommen en Sociale Plug-ins in aem.

Selecteer het vergrootglaspictogram op de aem-zijbalk

Voorvertoning van landingspagina op aem
Voorvertoning van landingspagina op aem

Adobe, Inc.

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?