You are using an older browser that might negatively affect how this site is displayed. Please update to a modern browser to have a better experience. Sorry for the inconvenience!

Apex Callouts to Display External Data in Salesforce

Salesforce provides a way to fetch external data using Salesforce Apex callout. The Apex code uses the Remote Site Settings URL to retrieve the data from an endpoint, and also the Apex integrates with Web services by using SOAP, WSDL, and HTTP (REST).

The example below shows how to display the external data in Salesforce from an endpoint using Apex callouts.

Step 1: Create a Remote Site Settings.


The URL contains the candidate details in JSON format with a few fields: Candidate name, Account number, Source, Website, and Email.

Step 2: Create a Wrapper Class


public class consolewrap {

public String Name{get;set;}

public String AccNumber{get;set;}

public String Source{get;set;}

public String Site{get;set;}

public String Email{get;set;}


The Consolewrap wrapper class contains variables to hold the values from the external data source.

Step 3: Create a Visualforce page


<apex:page controller="calloutcontroller" title="JSON table" >

<apex:form >

<apex:pageBlock >

<apex:pageBlockTable value="{!performcallout}" var="wrap" width="100%">

<apex:column headerValue="Name" value="{!wrap.Name}"/>

<apex:column headerValue="AccountNumber" value="{!wrap.AccNumber}"/>

<apex:column headerValue="Source" value="{!wrap.Source}"/>

<apex:column headerValue="Website" value="{!wrap.Site}"/>

<apex:column headerValue="Email" value="{!wrap.Email}"/>





The VF page contains the PageBlockTable to display the candidate details in a table format by calling the Controller class.

Step 4: Create an Apex Class


public class Calloutcontroller {

public List<consolewrap> ConsoleWrapperList{get;set;}

public List<consolewrap> getperformcallout(){

ConsoleWrapperList = new List<consolewrap>();

HttpRequest req = new HttpRequest();

HttpResponse res = new HttpResponse();

Http http = new Http();



res = http.send(req);

if(res.getstatusCode() == 200 && res.getbody() != null){



return consolewrapperlist;



The Calloutcontroller class uses the HTTP request and GET method to retrieve the data from the endpoint which is in JSON format and the class populates the external data in a wrapper list used to display the data on the Visualforce page.

Step 5: Execute the Visualforce page

Salesforce Apex Callout

Now, the Visualforce page displays the data from the external system.

Reference Link: Salesforce: Apex Web Services and Callouts