Een Visualforce-pagina maken

Laatst bijgewerkt : Aug 31, 2026 |
Prolog information
Een Visualforce-pagina maken voor het UI-doel voor de screenpop en koppeling aan de Apex-klasse die de vereiste gegevens ophaalt en voorbereidt.
Before you begin
Meld u aan bij Salesforce.
Zorg ervoor dat u een Apex-klasse hebt aangemaakt.
  1. Klik in het hoofdmenu van Salesforce in de hoek van het scherm op InstellenInstellen.
  2. Typ in het veld Snel zoeken de waarde Visualforce-pagina's.
  3. Selecteer Visualforce-pagina's in de lijst Aangepaste code.
  4. Klik op Nieuw.
    ADDITIONAL INFORMATION:
    Salesforce geeft de pagina Visualforce-pagina's weer.
  5. Typ in het veld Label een labelnaam voor de pagina.
    ADDITIONAL INFORMATION:
    Typ bijvoorbeeld InteractionHandler.
  6. Typ in het veld Naam een naam voor de pagina.
    ADDITIONAL INFORMATION:
    Typ bijvoorbeeld InteractionHandler.
  7. Typ in het veld Beschrijving een beschrijving voor de pagina.
  8. Schakel Beschikbaar voor Lighting Experience, Experience Builder-sites en de mobiele app in.
  9. Kopieer en plak in het gedeelte Visualforce markup de volgende code:
    ADDITIONAL INFORMATION: <apex:page controller="InteractionHandlerController" showHeader="true" docType="html-5.0">
    <h1>Interaction Handler Debug Page</h1>
    <hr/>
    <!-- Standard Params -->
    <h2>Standard Parameters</h2>
    <apex:pageBlock >
    <apex:pageBlockSection columns="1">
    <apex:outputText value="interactionId: {!interactionId}" />
    <apex:outputText value="originatingAddress: {!originatingAddress}" />
    <apex:outputText value="originatedAddress: {!originatedAddress}" />
    <apex:outputText value="direction: {!direction}" />
    <apex:outputText value="queueId: {!queueId}" />
    <apex:outputText value="queueName: {!queueName}" />
    <apex:outputText value="startTime: {!startTime}" />
    <apex:outputText value="userEmail: {!userEmail}" />
    <apex:outputText value="userFullName: {!userFullName}" />
    </apex:pageBlockSection>
    </apex:pageBlock>
    <br/>
    <!-- Raw vfPageParams JSON -->
    <h2>Raw vfPageParams JSON</h2>
    <apex:pageBlock >
    <apex:outputText value="{!rawVfPageParams}" />
    </apex:pageBlock>
    <br/>
    <!-- Parsed Key/Value -->
    <h2>Parsed vfPageParams (Map)</h2>
    <apex:pageBlock >
    <apex:pageBlockTable value="{!vfParamsList}" var="p">
    <apex:column headerValue="Key" value="{!p.key}" />
    <apex:column headerValue="Value" value="{!p.value}" />
    </apex:pageBlockTable>
    </apex:pageBlock>
    </apex:page>
Next Steps
Een workflow voor Visualforce-screenpops maken.