Como integro o pagseguro a um site

queria fazer um codigopara que quando eu adicionar um novo produto na minha loja adicionasse automaticamente no codigo abaixo tambem

adicionando essa parte do codigo, só que alterando os value e o id do item

<input type="hidden" name="item_id_1" value="12345">
<input type="hidden" name="item_descr_1"
value="Descrição do item a ser vendido">

<input type="hidden" name="item_quant_1" value="1">
<input type="hidden" name="item_valor_1" value="100">
<input type="hidden" name="item_frete_1" value="0">
<input type="hidden" name="item_peso_1" value="0">

codigo pagseguro

<form target="pagseguro" method="post"
action="https://pagseguro.uol.com.br/checkout/checkout.jhtml">
<input type="hidden" name="email_cobranca"
value="meuemail@meuemail.com.br">

<input type="hidden" name="tipo" value="CP">
<input type="hidden" name="moeda" value="BRL">

<input type="hidden" name="item_id_1" value="12345">

<input type="hidden" name="item_descr_1"
value="Descrição do item a ser vendido">

<input type="hidden" name="item_quant_1" value="1">
<input type="hidden" name="item_valor_1" value="100">
<input type="hidden" name="item_frete_1" value="0">
<input type="hidden" name="item_peso_1" value="0">

<input type="hidden" name="item_id_2" value="67890">

<input type="hidden" name="item_descr_2"
value="Descrição do item 2 a ser vendido">

<input type="hidden" name="item_quant_2" value="1">
<input type="hidden" name="item_valor_2" value="19009">
<input type="hidden" name="item_frete_2" value="0">
<input type="hidden" name="item_peso_2" value="0">

<input type="hidden" name="tipo_frete" value="EN">

<input type="image"
src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/99x61-pagar-assina.gif"
name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!">
</form>

como consigo fazer isto?

obr