Een landingspagina ontwerpen designing-a-landing-page
Informatie over het ontwerpen van inhoud voor pagina-inhoud about-content-design
Landingspagina’s worden gemaakt als een willekeurige marketingactiviteit.
Wanneer u een landingspagina ontwerpt, moet u de content van de pagina zelf, de bevestigingspagina en de foutpagina definiëren. Gebruik de schakelaar onder de actiebalk om elk van deze pagina’s weer te geven en te configureren.
De inhoud van bestemmingspagina's wordt ontworpen door de de inhoudredacteur van de Campagne.
Op deze pagina worden de specifieke kenmerken van de contenteditor voor landingspagina’s beschreven. Raadpleeg de volgende secties in de handleiding over het ontwerpen van e-mailcontent voor meer informatie over de acties die een of meer marketingactiviteiten gemeenschappelijk hebben:
Interface van de inhoudseditor voor bestemmingspagina landing-page-content-editor-interface
Met de contenteditor voor landingspagina’s kunt u content in Adobe Campaign eenvoudig definiëren, wijzigen en aanpassen. Klik op het blok Content in het dashboard van de landingspagina om de editor te openen.
De contenteditor is ingedeeld in drie verschillende secties. In deze secties kunt u de content weergeven en bewerken.
- Met het palet aan de linkerkant van het scherm kunt u de algemene opties wijzigen die aan een geselecteerd blok zijn gekoppeld. U kunt de volgende opties wijzigen: achtergrondkleur, rand, tekstuitlijning, zichtbaarheidsvoorwaarde, enzovoort. Zie Een personalisatieveld invoegen.
- De actiebalk bevat de algemene opties voor de pagina. U kunt een sjabloon selecteren en de weergavemodus wijzigen.
- In de hoofdbewerkingszone kunt u rechtstreeks met de content werken via de contextafhankelijke werkbalk: u kunt een koppeling in een afbeelding invoegen, het lettertype wijzigen, een veld verwijderen, enzovoort.
De actiebalk bevat verschillende knoppen die u kunt gebruiken om te werken met de content die wordt gemaakt.
De werkbalk is een contextafhankelijk element van de editorinterface dat verschillende functies biedt afhankelijk van de geselecteerde zone. Het bevat actieknoppen en knoppen waarmee u de stijl van de tekst kunt wijzigen. De uitgevoerde wijzigingen zijn altijd van toepassing op de geselecteerde zone. Wanneer u een blok hebt geselecteerd, kunt u het bijvoorbeeld verwijderen of dupliceren. Nadat u de tekst in een blok hebt geselecteerd, kunt u deze omzetten in een koppeling of de tekst vet maken.
De landingspaginastructuur en -stijl beheren managing-landing-page-structure-and-style
Blokken beheren in de inhoudeditor managing-blocks-in-the-content-editor
De verschillende HTML-contentelementen worden op de landingspagina weergegeven als blokken in overeenstemming met de tag <div> </div>. Selecteer een blok als u ermee wilt werken. Het blok wordt dan omrand met een blauw kader.
Als een blok wordt geselecteerd, worden de bovenliggende objecten van het overeenkomstige HTML-element weergegeven in een breadcrumb die zich onderaan de bewerkingszone bevindt.
Wanneer u met de muis een van de breadcrumbs aanwijst, wordt het desbetreffende element gemarkeerd. U kunt daardoor gemakkelijk tussen de verschillende blokken navigeren en exact het HTML-element selecteren dat u wilt wijzigen.
Gebruik de opties in het palet en de contextafhankelijke werkbalk om het blok te wijzigen, verwijderen of dupliceren.
Voor de blokken met tekst klikt u nogmaals in het blok om de tekstbewerkingsmodus in te schakelen. Het kader rond het blok wordt groen. Vervolgens kunt u tekst selecteren of invoeren. Gebruik de opties in het palet en de contextafhankelijke werkbalk om een koppeling toe te voegen of de tekstopmaak te wijzigen.
De parameters die zijn gedefinieerd voor een element in een blok (koppelingen, personalisatievelden, contentblokken, enzovoort), kunnen op elk gewenst moment vanuit het palet worden gewijzigd.
Een rand en achtergrond toevoegen in de inhoudseditor adding-a-border-and-a-background-in-the-content-editor
U kunt ook een achtergrondkleur definiëren door een kleur te selecteren in het diagram. Deze kleur wordt toegepast op het geselecteerde blok.
U kunt een rand aan het geselecteerde blok toevoegen.
De tekststijl wijzigen in de inhoudseditor changing-the-text-style-in-the-content-editor
Als u de stijl van de tekst wilt wijzigen, moet u in een tekstblok klikken.
Als u de tekstuitlijning wilt wijzigen, selecteert u een van de volgende drie pictogrammen in het palet aan de linkerkant:
- Links uitlijnen: Hiermee lijnt u de tekst naar links van het geselecteerde blok uit (voegt style=“text-align: left;” toe).
- Centreren: Hiermee centreert u de tekst in het geselecteerde blok (voegt style=“text-align: center;” toe).
- Rechts uitlijnen: Hiermee lijnt u de tekst naar rechts van het geselecteerde blok uit (voegt style=“text-align: right;” toe).
U kunt de werkbalk ook gebruiken om de lettertypekenmerken te wijzigen: u kunt de tekengrootte aanpassen, de tekst vet of cursief maken, de tekst onderstrepen of de kleur van de tekst wijzigen. Zie deze sectie.
Afbeeldingen invoegen in een openingspagina inserting-images-in-a-landing-page
-
Selecteer in de content van een landingspagina een blok met een afbeelding.
-
Selecteer de knop Insert.
-
Kies Local image op de contextafhankelijke werkbalk.
-
Selecteer een bestand.
-
Pas desgewenst de afbeeldingseigenschappen aan.
Dynamische inhoud definiëren in een openingspagina defining-dynamic-content-in-a-landing-page
Als u dynamische content in een landingspagina wilt definiëren, selecteert u een blok met de breadcrumb of door rechtstreeks op een element te klikken.
Bepaalde blokken, zoals afbeeldingen, kunnen niet rechtstreeks worden geselecteerd. Selecteer in dit geval het bovenliggende blok met de breadcrumb. Vervolgens kunt u alle elementen wijzigen die in dit bovenliggende element zijn opgenomen, inclusief afbeeldingen. De voorwaarde wordt toegepast op alle onderliggende elementen in het bovenliggende blok.
De breadcrumb wordt weergegeven in de sectie Blokken beheren.
De volgende stappen voor het definiëren van dynamische content in een landingspagina zijn vergelijkbaar met de stappen die u moet volgen voor een e-mail. Zie deze sectie.
U kunt navigeren tussen de verschillende dynamische contentelementen van een blok. Dit doet u als volgt:
-
Selecteer het blok.
Er worden pijlen aan de rechter- en linkerzijde van de afbeelding weergegeven.
-
Klik op de pijl rechts om door de beschikbare dynamische contentelementen te bladeren.
De pijlen aan beide kanten worden in lichtgrijs weergegeven wanneer u het laatste of eerste beschikbare dynamische contentelement hebt bereikt.
-
Als u alle voorwaarden wilt verwijderen die op een blok zijn toegepast, selecteert u dat blok en klikt u op het pictogram Disable dynamic content.
-
Selecteer de dynamische content die u wilt behouden.
In het palet:
- De content met een ingevoerde expressie wordt niet langer omrand met een rood kader, maar wordt in grijs weergegeven.
- De momenteel geselecteerde content wordt in blauw weergegeven.
