Guia de Integração

Carrinho de compras

O que você vai encontrar aqui:

Antes de iniciar o fluxo de pagamentos, você poderá utilizar o carrinho de compras do PagSeguro. Dessa maneira, você permitirá que o comprador altere o pedido ou mesmo retorne à sua loja para adicionar mais itens, antes de fechar o pedido e prosseguir com o pagamento. Com o carrinho de compras, os dados do pedido permanecerão na sessão do navegador. Essa solução é ideal para lojas mais simples, que não possuem solução de carrinho de compras.

Carrinho de compras

O exemplo abaixo mostra um formulário HTML semelhante ao exemplo anterior, porém ilustrando o uso do carrinho de compras.

	<!-- Declaração do formulário -->
	<form target="pagseguro" method="post" 
		action="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add">
		
		<!-- Campos obrigatórios -->
		<input type="hidden" name="receiverEmail" value="suporte@lojamodelo.com.br">
		<input type="hidden" name="currency" value="BRL">
		
		<!-- Itens do pagamento (ao menos um item é obrigatório) -->
		<input type="hidden" name="itemId" value="0001">
		<input type="hidden" name="itemDescription" value="Notebook Prata">
		<input type="hidden" name="itemAmount" value="24300.00">
		<input type="hidden" name="itemQuantity" value="1">
		<input type="hidden" name="itemWeight" value="1000">
		
		<!-- Código de referência do pagamento no seu sistema (opcional) -->
		<input type="hidden" name="reference" value="REF1234">
		
		<!-- submit do form (obrigatório) -->
		<input type="image" name="submit" 
		src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-pagar.gif" 
		alt="Pague com PagSeguro">
		
	</form>

Observe que as informações de frete e os dados do comprador não são necessários. Além disso, você deve informar o endereço da página de carrinho de compras no PagSeguro, indicando a ação de adicionar um novo item ao carrinho:

https://pagseguro.uol.com.br/v2/checkout/cart.html?action=add

Ver carrinho

Você também poderá inserir uma opção "Ver carrinho" na sua loja. Assim, o comprador irá ver os itens que já foram adicionados ao pedido. Copie e cole o código em seu site. Escolha um lugar em sua página onde o comprador o encontre facilmente.

	<a  href="https://pagseguro.uol.com.br/v2/checkout/cart.html?action=view">
		<img src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/99x61-carrinho-assina.gif" alt="Ver carrinho"/>
	</a>

Se você preferir, utilize as seguintes imagens dos botões criadas pelo PagSeguro.

Imagens PagSeguro disponíveis para os botões "VER CARRINHO":
99x61-carrinho-assina.gif 184x42-carrinho-cinza-assina.gif

Tem alguma sugestão ou dúvida? desenvolvedores@pagseguro.com.br.