Se você gostar do post abaixo, por favor, clique aqui para se inscrever gratuitamente através do e-mail, assim você terá um post a cada e-mail recebido, podendo baixar nossos ebooks

Personalizar Template Blogger para Loja Virtual Online com PagSeguro (Grátis)

Personalizar Template Blogger para Loja Virtual Online com Pagseguro (Grátis)
Depois de muita procura e pedidos externos conseguimos personalizar o template da loja virtual online para plataforma blogger com o sistema de pagamentos do PagSeguro, melhorando o e-commerce que está sendo trabalhado na sua loja e alavancando o relacionamento com seu cliente do pagamento até a entrega. Tudo isso gratuitamente, logo facilitamos e muito para você webmaster.

Quero deixar claro em que nos poucos que conseguiram fazer a personalização não divulgam o feito, cobram pela mudança, e isso é claro e óbvio para ser feito, porém eu estou inovando na blogosfera e quebrando com o trabalho de muitos desenvolvedores com esta publicação(risco problema futuro). Demorou muito para descobrir onde iria ser feita as mudanças no template, mas estamos aqui para lhe mostrar.

Deixo de imediata a informação que o sistema do pagseguro que funciona neste template é o básico, mas não se preocupem irá e muito bem suprir as necessidades do seu negocio da forma como iremos tratar aqui no post. Pelo normal de um meta blog deveríamos te passar a personalização, porém iremos disponibilizar meios de fazer seu negocio funcionar com esta básica loja, sem pagar nada.

Não posso esquecer no incentivo que o leitor JP no deixou ao participar comentado a existência de um blog que conseguiu editar o template para o pagseguro, quando vimos isso foi algo surpreendente, pois para mim era impossível, mas estamos aqui, para te passar o impossível(rsrsrs). Não posso esquecer de que em nosso blog já trabalhamos com a configuração do mesmo template e foi um sucesso com os internautas, portanto queremos fazer o mesmo show participativo com você leitor com este post.

Primeiras impressões com a plataforma de pagamentos PagSeguro
Primeiras impressões com a plataforma de pagamentos PagSeguro
No momento que fizemos a primeira instalação, tivemos grande dificuldade pois o template já possui o PayPal e tem alguns trechos do Google Checkout, e para implementar um código de funcionamento para pagamento em HTML do PagSeguro não foi fácil e principalmente pelo pouco conhecimento de nossa parte em desenvolvimento em códigos complexos. Mas graças a Deus estamos aqui. Aproveitando a proeza realizada, quero informar mais um problema, na codificação do template e do código API do pagseguro, pequenas informações não são mostradas nos quesitos descritivos no pagamento dos produtos pelo pagseguro, no decorrer da personalização você irá entender.

Se preparando para a instalação
Se você você ainda não tem a loja e nem sabe por onde começar, mas deseja ter um negocio online de sua loja física, baixe o template por aqui, e se possível siga as dicas de configurações aqui, não satisfeito reproduza o vídeo 1 e 2 para um melhor resultado. Depois de todos os contados que você teve com o template, crie sua conta(Física/Jurídica) no pagseguro, pois será preciso a sua experiencia do sistema nas compras e vendas, se não tem experiência com o pagseguro leia cada termo de uso, e aprenda com o mesmo como o usar. Tendo mais alguma dúvida, antes de comentar ou entrar em contato conosco veja os comentários dos dois posts que você visitou agora a pouco.

OBS: Já que está tudo pronto, revise tudo se tiver mais dúvidas e siga abaixo a instalação.

Instalando o PagSeguro para Template Loja Blogger
Instalando o PagSeguro para Template Loja Blogger
Seguindo o formato do template no blog que o leitor JP nos demonstrou, tirei minhas conclusões na hora de instalar e editar cada cada parte necessária da codificação do template, até mesmo a estilização do blog com CSS. Vamos lá.

- Adicionando os links direcionados aos códigos Javascript e jQuery do template, abaixo desse link aqui: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

<script src='https://jt-scriptsource.googlecode.com/svn/trunk/jquery.cookie.js' type='text/javascript'/>
<script src='https://jt-scriptsource.googlecode.com/svn/trunk/superfish.js' type='text/javascript'/>
<script src='https://jt-scriptsource.googlecode.com/svn/trunk/jquery.carouFredSel-4.5.2.js' type='text/javascript'/>
<script src='https://jt-scriptsource.googlecode.com/svn/trunk/function.featured_product.min.js' type='text/javascript'/>
<script src='http://gizaa.webs.com/simpleCartPagseguroPaypal.js' type='text/javascript'/>
<script type='text/javascript'>

- Trocar e-mail do template pelo da conta pagseguro procurando por me.email = "";, logo no primeiro resultado da busca do trecho copiado irá encontrar o exato para edição, ao lado dele coloque seu email de vendas do pagseguro(email cadastrado).

-Ativar ligação do template com o código de pagamento do pagseguro pela gestão de checkout, deverá ser feita primeiramente mudando  trechos e colando o código, para começar procure por:

default:
    me.customCheckout();
        break;

E deixe-o dessa forma mostrado abaixo:

case: PagSeguro
    me.pagseguroCheckout();
    break;                        
Depois procure por: me.customCheckout = function e troque por me.pagseguroCheckout = function, ainda no mesmo trecho cole o código abaixo depois de "{" e antes de "return;":

<!-- Declaração do formulário -->  
<form target="pagseguro" method="post"   
action="https://pagseguro.uol.com.br/v2/checkout/payment.html">  
      
    <!-- 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="itemId1" value="0001">  
    <input type="hidden" name="itemDescription1" value="Notebook Prata">  
    <input type="hidden" name="itemAmount1" value="24300.00">  
    <input type="hidden" name="itemQuantity1" value="1">  
    <input type="hidden" name="itemWeight1" value="1000">  
      
    <input type="hidden" name="itemId2" value="0002">  
    <input type="hidden" name="itemDescription2" value="Notebook Rosa">  
    <input type="hidden" name="itemAmount2" value="25600.00">  
    <input type="hidden" name="itemQuantity2" value="2">  
    <input type="hidden" name="itemWeight2" value="750">  
      
    <!-- Código de referência do pagamento no seu sistema (opcional) -->  
    <input type="hidden" name="reference" value="REF1234">  
      
    <!-- Informações de frete (opcionais) -->  
    <input type="hidden" name="shippingType" value="1">  
    <input type="hidden" name="shippingAddressPostalCode" value="01452002">  
    <input type="hidden" name="shippingAddressStreet" value="Av. Brig. Faria Lima">  
    <input type="hidden" name="shippingAddressNumber" value="1384">  
    <input type="hidden" name="shippingAddressComplement" value="5o andar">  
    <input type="hidden" name="shippingAddressDistrict" value="Jardim Paulistano">  
    <input type="hidden" name="shippingAddressCity" value="Sao Paulo">  
    <input type="hidden" name="shippingAddressState" value="SP">  
    <input type="hidden" name="shippingAddressCountry" value="BRA">  
      
    <!-- Dados do comprador (opcionais) -->  
    <input type="hidden" name="senderName" value="José Comprador">  
    <input type="hidden" name="senderAreaCode" value="11">  
    <input type="hidden" name="senderPhone" value="56273440">  
    <input type="hidden" name="senderEmail" value="comprador@uol.com.br">  
      
    <!-- 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>
- Editar o simple cart setting para funcionamento direto com moeda, elementos descritivos de produto e email da conta pagseguro deverá ser feita após procurar no template com por SIMPLE CART SETTING e quando achar trocar a moeda por BRL, o email pelo cadastrado e o cartHeaders não precisa mexer pois não conseguimos manipular as informações dele na hora do pagamento.

Pronto a instalação do Código de pagamento foi totalmente feita com sucesso, é o que eu creio, agora devemos modificar as estilizações para melhor funcionamento e relacionamento com seu cliente.

Personalizar template estilisticamente
Para nós, as modificações tinham acabado, mas depois das constantes visualizações é percebida drasticamente os resultados finais depois da instalação. Como preocupação da imagem profissional da loja virtual (Marketing Pessoal) repensamos de como ficaria pronta a loja, onde concluímos que para estar totalmente pronto seria preciso as modificações do nosso post de configuração mais as edições tradadas abaixo:

-Tamanhos desproporcionais para uma loja foi a nossa conclusão em relação ao resultado final focando só os tamanhos, logo modificamos alguns corpos elementares do template e a resolução do mesmo. Se desejar fazer isso terá que fazer uma série de buscas, começando por /* Container */ nele mude o width para 1250, depois por /* Content */ para width 1210, outra vez por o primeiro #main-content para width 960 e o segundo para width 174, mais uma vez por .ads-half-banner onde width para 730 e height para 90, no Switch View para width 967 e para finalizar os tamanhos procure por <meta content='width=1100' name='viewport'/> e troque width para 1250.

-Modificações essenciais para a loja se encontram no carrinho, no efeito dos produtos no inicio do site e  nos créditos que podem ser editados através dos trechos a seguir, procurando por: <div class='menu-cart'> onde irá selecionar até o segundo fechamento de </div> e irá trocar por:
<div class='menu-cart'>
<a class='mycart' href='#'>Cesta : <span class='simpleCart_quantity'/> item(s)</a> 
Total : <span class='simpleCart_total'/>
<div class='bag'>
<div class='simpleCart_items'/>
<div class='clear'/>
<a class='simpleCart_empty' href='javascript:;'>Esvaziar</a><a class='simpleCart_checkout' href='javascript:simpleCart.checkoutTo=PagSeguro;simpleCart.checkout();' title='Pagar no PagSeguro'>Pagar no Pagseguro</a><a class='simpleCart_checkout' href='javascript:simpleCart.checkoutTo=PayPal;simpleCart.checkout();' title='Pagar no PayPal'>Pagar no Paypal</a>
</div>
</div>
Depois procure por <div class='image_carousel clearfix'> e mude o valor de product_image_number para 9, vale salientar que para ver resultado nessa edição deverá ter no minimo 10 posts de testes ou normais, e se estes posts forem adicionados no mesmo momento das edições deverá esperar horas para funcionamento.

E para finalizar as essencialidades na edição procure por  /* Credits */ logo verá toda a sua estilização, por ela troque pelo código abaixo:

/* Credits */
#footer p.credits {
font-size:10px;
font-weight:400;
text-transform:uppercase;
}
.footer-right{float:right;}
.footer-right a{
display:block;
float:left;
text-indent:-9999px;
height:40px;
margin-left:10px;
}
.footer-right a.pagseguro{
background:url
(http://4.bp.blogspot.com/-n1zZyHgOrcw/UQ0SsZRs9kI/AAAAAAAAAZA/QKLGm2GVX_8/s1600/support.png)
no-repeat 0 -43px; width:85px;
}
.footer-right a.googlecheck:hover{
background-position:0 2.25pt;
}
.footer-right a.paypal{
background:url
(http://4.bp.blogspot.com/-n1zZyHgOrcw/UQ0SsZRs9kI/AAAAAAAAAZA/QKLGm2GVX_8/s1600/support.png)
no-repeat -85px -42px; width:75px;
}
.footer-right a.paypal:hover{
background-position:-85px 2px;
}
Creio que depois de tudo isso você verá alguma mudança, se não gostou é só voltar as modificações normais dos tamanhos anteriores.

Problemas com o pagamento
O que nos mais encabulou foi na hora de ver o pagseguro respondendo as funcionalidades da compra do produto, porém ao analisar cada detalhe do produto, só podíamos ver a imagem o titulo do produto e sua pequena descrição. Com minhas poucas habilidades tentei manipular no trecho me.cartHeaders LanguageManagment junto ao modelo de postagem para que as informações mais precisas do produto provenientes dos parâmetros disponibilizados pelo pagseguro aparecessem na hora do pagamento, Mas como sempre tem que dar um pouco errado ai está a situação.

Solução com o pagamento
Mesmo que você queira desconsiderar estas descrições pessoas com outros tipos de negócios irão exigir de forma diferente, logo é totalmente necessário. Mas mesmo assim percebi que a maior preocupação seja no frete e peso dos produtos com suas respectivas taxas a serem cobradas pelo vendedor para o comprador. Logo recorri ao pagseguro e percebi que ele pode nos trazer uma melhor opção, mesmo que você possa manualmente pesar, informar, postar e enviar o produto ao seu cliente, o pagseguro irá suprir este trabalho com o sistema completo que possui, até em conexão com os correios incrível em? 

Então a solução se encontra no envio de cobranças por email, onde nele mesmo você terá a funcionalidade de cobrar frente com o peso em relação a distancia do comprador, e se quiser cobrar algo a mais que foi determinado em alguma conversa com seu cliente.

Conclusão
Se você poder nos ajudar com o nosso problema anterior aceitaria suas mensagens com o maior prazer pela página de contato, e para você que se sentiu felizardo com a loja e nosso esforço para dar de mão beijada a você deixe algum comentário falando da experiência que tem com sua loja. E para não esquecer, uma leitora fez uma "baita" loja: By Keilah

Já tem sua loja? Se não? Por que não começar um negocio online hoje?

Gostou? Compartilhe:
Ruan Phablo

Ruan Phablo é blogueiro desde 2009, mas só a partir de 2012 começou a levar a blogosfera a sério. Foi aí que ele criou o Phablo Projetos, um blog que tem por objetivo ajudar outros blogueiros. Você pode encontrá-lo no Facebook, no Twitter e no Google+.

91 comentários:

  1. Olá Ruan,

    Segui todos os passos, mas infelizmente as compras são canceladas automaticamente pelo PagSeguro quando é utilizado Cartão de crédito, quando se gera boleto funciona normalmente, teria como me ajudar?
    Gostaria de informa-lo que sou meio leigo no assunto, mas até que foi relativamente fácil implementar o template e fazer as modificações.

    ResponderExcluir
    Respostas
    1. Souza,

      Analisando o seu problema percebi que toda a situação de dar pela sua conta em si, para solucionar isso, recomendo ter sua conta com a verificação concluída e convertida em profissional, logo os cartões de crédito em venda estará disponível.

      Abraços

      Excluir
    2. Ruan,

      Gostaria de agradecer sua atenção, o problema foi resolvido, era o cartão que estava tentando passar como teste que apresentava status de cancelado ou seja nunca iria passar, fora que eu não tinha como usar meu próprio porque o Pagseguro não aceita comprar de si mesmo. De qualquer forma problema resolvido, muito obrigado por sua atenção e desculpe o incomodo.

      Fabiano Souza

      Excluir
  2. Boa noite, vai funcionar tanto o pagseguro como paypal? O botão More info não esta funcionando ...

    ResponderExcluir
    Respostas
    1. Sim,

      Mas para funcionar com sucesso, preste bema tenção na hora de instalar o código do pagseguro e em que trechos ele serão postos.

      Abraços

      Excluir
  3. Boa tarde, neste código onde você diz : " Depois procure por: me.customCheckout = function e troque por me.pagseguroCheckout = function, ainda no mesmo trecho cole o código abaixo depois de "{" e antes de "return;": "

    Porque tem umas coisas escrito notebook rosa, notebook prata ???? onde coloco o meu token, como faço para colocar o frete ?

    ResponderExcluir
    Respostas
    1. Roberto,

      Não entendi bem no que perguntas sobre o notebook, mas na questão do token e o frete posso te recomendar uns passos:

      1 - Token, você está ausente, somente se não souber de programação de ponto que interligue o blogger com seus projetos.

      2 - Neste passo você pode reavaliar a guia frete do painel de administração do PagSeguro ou reler o ultimo sub tópico do post acima: "Solução com o Pagamento" , pois o blogger não facilita para a instalação do código completo do pagseguro.

      Abraços

      Excluir
    2. Roberto Neves,

      Você estava com problemas no Slide, recomendo que aumente o numero de produtos projetados no slide para 9, assim ele se movimentará.

      Abraços

      Excluir
  4. OLA RUAN BAIXEI O TEMPLATE FIZ TUDO CERTO TA RODANDO LEGAL MAS SO QUE QUANDO FUI COLOCAR A LOGO DO CLIENTE FICOU SO A METADE OLHE SÓ
    http://jimisports.blogspot.com.br/ TERIA COMO VOCE ME MOSTRAR COMO ARRUMAR ESTOU PRECISANDO MUITO

    ResponderExcluir
    Respostas
    1. Matheus,

      É o tamanho da logo, está desproporcional as edições CSS do template. Siga as dicas deste template aqui.

      Você irá ter que seguir a dica postada sobre a logo e ver quais são as resoluções ideais, possivelmente para sua logo será a largura.

      Abraços

      Excluir
  5. Olá ruan to aqui te incomodando de novo como posso colocar alguma imagem naquele espaço branco que tem no template

    ResponderExcluir
    Respostas
    1. Matheus,

      Aquele espaço em branco é para você trabalhar o marketing da sua loja através de banner's, se você perceber eu usei o meu aqui neste blog para anúncios. Você tem conta com algum afiliado? Pensa em promoções? Alguma estratégia para que todo o que visitar tomo alguma ação após ler o banner?

      Mateus, depende do que você irá fazer com ele, veja o tamanho e vá em busca de um banner ou formato de afiliado que caiba lá.

      Abraços

      Excluir
    2. olá ruan eu ja tenho a imagem para colocar mas só que não achei o codigo para colocar a imagem teria como vc me mostrar onde posso encontrar o codigo fico grato.

      Excluir
  6. Olá, quando eu clico no botão pagseguro, alguns produtos aparecem assim
    ((Erro 140 - A DESCRIÇÃO do item 1 excedeu o número de caracteres permitido.))
    como faço para resolver isso?
    www.dakaraieletro.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Bom Dia,

      Rafael, também passei por esse problema. O ruim do template seria o código de modelo de postagem que disponibilizei nos dicas de dicas de configurações, lá você perceberá que pode substitui a descrição e colocar a que desejar em relação ao produto, porem criar uma grande descrição dentro do código irpa gerar conflito com a página de pagamento do Pag Seguro.

      Logo recomendo que você crie um breve comentário dentro do modelo de postagem e fora dele digite o que necessitar para promover seu produto.

      Abraços

      Excluir
    2. Este comentário foi removido pelo autor.

      Excluir
    3. Tive esse problema tbm, resolvi clicando em nova postagem e postando sem descrição e com um titulo pequeno, depois de postar voltava e editava a mesma postagem do jeito que eu queria. Um trabalho a mais mas resolve.

      Excluir
    4. Eu resolvi assim: seguindo o modelo de postagem proposto, acrescentei "style=display:none" em todos os divs, para que não apareçam na postagem, e abaixo disso coloquei o artigo do produto do jeito que eu queria. Daí que, mesmo invisíveis, as informações do produto nas divs de Image e Description são lidas pelo script e o carrinho funciona corretamente.

      Excluir
  7. Ola Amigo Pode me ajudar o meu esta dando o seguinte erro, quando coloco para visualizar o modelo( Não foi possível carregar a visualização do modelo: Erro ao analisar XML, linha 4575, coluna 3: The element type "script" must be terminated by the matching end-tag

    ResponderExcluir
    Respostas
    1. Adm,

      Se você não traduziu, fez bem não gastou seu tempo com algo simples de entender, porém difícil de solucionar quando se não conhece o básico de HTML.

      Possivelmente você estava fazendo alguma troca de trecho de código ou personalização e acabou excluindo algum caractere. Para te ajudar você deverá encontrar o inicio do código que foi acusado de erro pelo painel. Depois ver qual erro, se é na abertura <[script....>] ou no fechamento <[/script>.

      OBS: Desconsiderar o "[" e "]", Abraços

      Excluir
  8. amigo, no caso é só adicionar esses scripts, códigos em qualquer blog ou tem que ter um especifico? Não teria como você já enviar o template já pronto e assim nós fazermos apenas as devidas alterações?

    Abraço

    ResponderExcluir
  9. amigo, segui seu tutorial em um template, você faria para mim a migração por pagseguro, te pago R$ 100,00

    Se possível entre em contato: tass288 (skype)

    ResponderExcluir
    Respostas
    1. Respremium res,

      Me passe o seu e-mail para conversamos melhor, pois posso fazer algumas tentativas de migração do Pagseguro no seu template escolhido.

      Abraços.

      Excluir
  10. Ruan Phablo! Boa noite.

    To fazendo tudo certinho, agora quando eu coloco para efetuar o pagamento do pagseguro dá esse erro: "Erro 100 - Informações do vendedor/loja inconsistentes."

    Vi que no seu site, também dá isso.

    Do JB está dando certinho. Como faço para solucionar?

    ResponderExcluir
    Respostas
    1. Concurseiros,

      Já descobri qual o problema! Após visitar sua loja em teste percebi que você não colocou o seu E-mail como vendedor. Para funcionar perfeitamente é preciso do e-mail que você se cadastrou para comercializar algo pela internet.

      Por isso a mensagem de Informações Inconsistentes, crie e-mail no Pagseguro e no PayPal.

      Abraços.

      Excluir
    2. Então Phablo eu coloquei o email como mandaste:

      "Trocar e-mail do template pelo da conta pagseguro procurando por me.email = "";, logo no primeiro resultado da busca do trecho copiado irá encontrar o exato para edição, ao lado dele coloque seu email de vendas do pagseguro(email cadastrado)."

      Logo coloquei do lado dele: " me.email = "";(MEU EMAIL DO PAG SEGURO), Pórem não deu certo.

      Agradeço por me responder.

      Excluir

  11. Phablo por um minuto achei que Roberto Neves estava doido em falar em notbook.

    Mas, dá uma olhada ai no código que você postou!

    tem esses termos mesmo.

    Está logo abaixo dos termos: "Depois procure por: me.customCheckout = function e troque por me.pagseguroCheckout = function, "

    Fico no aguardo, penso que o erro está ai.

    ResponderExcluir
    Respostas
    1. Concurseiros,

      Não se preocupe mesmo com essas informações de notebook, o código funciona, pois é só um exemplo para quem irá editar com base em conhecimentos avançados.

      Abraços.

      Excluir
  12. Olá Ruan, parabéns pelo artigo!

    Então, fiz tudo o que está no descritivo, porém, quand adiciono um produto no carrinho e vou fazer o pagamento ele direciona para o PayPal e não para o PagSeguro, porquê?

    Obrigado!

    http://tzlsuplementos.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Resolvi isso no meu alterando a linha:

      simpleCart.checkoutTo = PayPal;

      para


      simpleCart.checkoutTo = PagSeguro;

      Excluir
  13. Bom dia Galera!

    Graças ao Phablo e o amigo do http://dakaraieletro.blogspot.com.br/

    conseguir fazer o meu também!

    Quero agradecer pelo apoio. Que Deus abençoe vocês imensamente.

    Para quem quiser ver: http://www.atualizajuris.com.br/

    ResponderExcluir
  14. Phablo, mas, uma coisa, rsrsrs.

    Eu queria desabilitar o paypal e deixar só o pagseguro!

    Sabe como eu desabilito?

    Desde de já agradeço.

    ResponderExcluir
  15. Respostas
    1. Olá Ruan Phablo, tudo bem?
      Acesse a loja http://dakaraieletro.blogspot.com.br
      e de uma olhada no botão de "informação" e no botão "comprar"
      parece que esses problemas foram resolvidos.
      me diga o que você achou!

      Abraços

      Excluir
    2. Inclusive o mais visto passa automático! Como ele faz isso

      Excluir
    3. Concursos,

      Na parte "-Tamanhos desproporcionais para uma loja", você poderá seguir cada trecho descrito para ser executado, fazendo isso e postando mais 10 produtos para teste ou para uso profissional mesmo perceberá que as imagens ficaram em movimentos depois de umas duas horas ou mais, mas não se preocupe, um hora ou outra irá funcionar!

      Abraços

      Excluir
    4. Este comentário foi removido pelo autor.

      Excluir
    5. Dakai,

      Precisa deixar mais informações de sua loja para o cliente, pois isso trará uma concretização do seu marketing pessoal como proprietário da loja.

      Veja como exemplo de profissionalismo neste site, por favor considere as informações do site como um vendedor que quer credibilidade do comprador: Loja Fotografia DG

      Abraços

      Excluir
  16. 'ht://gizaa.webs.com/simpleCartPagseguroPaypal.js' type='text/javascript'/>
    t type='text/javascript'>
    NAO FUNCIONA QUANDO COLOCO ESSE CÓDIGO

    ResponderExcluir
    Respostas
    1. Guedes,

      O seu problema deve ser a forma como estar sendo adicionado o código, possivelmente você postou com alguns espaços entre os trechos e por isso não funcionou. Se este for o caso tente juntar parte por parte dos links ou algo do tipo que você veja que precisa de unir, logo verá o resultado depois de visualizar.

      Abraços.

      Excluir
    2. Na primeira linha está 'ht://gizaa.....'. Corrija para 'http://geizaa.....'

      Excluir
  17. Este comentário foi removido pelo autor.

    ResponderExcluir
  18. Este comentário foi removido pelo autor.

    ResponderExcluir
  19. Ao clicar no botão "Pagar com o PagSeguro" abre a nova janela com essas informações:
    https://pagseguro.uol.com.br/checkout/nc/sender-identification.jhtml?t=271be62c9af1e195b1474af59d245224#rmcl


    Como posso trocar a descrição dessa pagina?

    DE=
    a href=http://pagseguronoblogger.blogspot.com.br/2014/03/testando-este-produto.htmlAgua Spao/a

    POR=
    Agua Spao


    Grato pela ajuda de de todos.

    ResponderExcluir
    Respostas
    1. Felipe,

      Para que esta página tenha um bom funcionamento você deverá estar com tudo correto em relação a sua conta no pagseguro e a integração do seu post(produto) com o código constituinte do template. Não se esquecendo do seu email de cadastrado no pagseguro dentro do template.

      Com tudo isso "OK" você deve dar uma olhada nessa minha dica aqui neste post no tópico "Modelo de Postagem" lá você verá como adiciona-lo para que sempre não tenha que ficar fazendo adição do código... lá você entenderá.

      Post: Dicas de Configuração do Template

      Abraços.

      Excluir
  20. Este comentário foi removido pelo autor.

    ResponderExcluir
  21. Quero deixar meu site como seu com as duas formas de pagamento, vc não explicou isso, e eu queria por frete tb e não entendi. Obrigada desde já

    ResponderExcluir
    Respostas
    1. Anathiare,

      Eu citei isso sim, está no tópico "modificações especiais para sua loja", com o código que é disponibilizado para adição você precisará se lembrar do detalhe da conta no Pay Pal e Pagseguro como já tinha escrito antes.

      Abraços

      Excluir
    2. olá Ruan, não achei as "modificações especiais para sua loja".

      Excluir
    3. Boa Noite,

      Possivelmente por você estar trabalhando algum template diferente!

      Abraços

      Excluir
  22. Oi Ruan, será que você poderia me ajudar?! Sou super leiga, mas fuço bastante. Tenho duas dúvidas, uma delas, é que gostaria de saber se é possível limitar o número de um mesmo produto que a pessoa adiciona ao carrinho, pra pessoa não adicionar nada além do que tenho em estoque. E a outra dúvida é como faço pra associar o produto a categoria a que ele se refere, no meu caso, condicionar as camisetas pra seção de camisetas, etc. Ficou confuso?! Desde já agradeço a atenção!!!

    ResponderExcluir
    Respostas
    1. Juliana,

      Em relação a sua primeira dúvida, o template já tem alguns cuidados, mesmo que você se preocupe, o template irá ter caminhos para o cliente não fazer besteira, mesmo que ele clique várias vezes no mesmo produto, a cesta ou carrinho irá acusar a quantidade, para após a visualização da mesma o cliente se não desejar, concertar o erro na hora.

      Já na segunda dúvida, é fácil pois você terá que classificar seus produtos antes de publicá-los com marcadores e criar um gadget de marcadores no template, logo terá um menu na barra ao lado indicando os tipos de produtos.

      Abraços

      Excluir
    2. Obrigado Ruan!!!

      Abraços ;)

      Excluir
  23. Este comentário foi removido pelo autor.

    ResponderExcluir
  24. Este comentário foi removido pelo autor.

    ResponderExcluir
  25. Este comentário foi removido pelo autor.

    ResponderExcluir
  26. Este comentário foi removido pelo autor.

    ResponderExcluir
  27. Ao clicar no botão "Pagar com o PagSeguro" abre a nova janela com essas informações:
    https://pagseguro.uol.com.br/checkout/nc/sender-identification.jhtml?t=271be62c9af1e195b1474af59d245224#rmcl


    Como posso trocar a descrição dessa pagina?

    DE=
    a href=http://pagseguronoblogger.blogspot.com.br/2014/03/testando-este-produto.htmlAgua Spao/a

    POR=
    Agua Spao

    ResponderExcluir
  28. Como envio o preço do frete para o pagseguro e paypal? Obrigado.

    ResponderExcluir
    Respostas
    1. Tiago,

      Esse é um ponto fraco no template, que pode ser resolvido como o desejo de quem procura dependendo de o mesmo ter conhecimento avançado em HTML.

      Logo, a solução para você é trabalhar na guia Preferências no Pagseguro e otimizar o Frete conforme sua loja, pois se for u valor fixo ou alterável você pode fazer por lá, e por via das dúvidas usar a cobrança de frete por email como expliquei no texto.

      Abraços

      Excluir
  29. boa noite tiago estalei tudo certinho ta bem legal , mas so que eu queria adicionar mais 2 menus suspensos , logo depois do lado do outro que ja tem, tentei mas nao sei qual codigo copiar .

    ResponderExcluir
  30. ai blz galera não tem como posta um templete ja com as coisa do pagseguro no template é que eu não entendo essas coisa de HTML

    ResponderExcluir
    Respostas
    1. se vc quiser eu tenho um templante montadinho que um amigo me enviou daki mesmo . eu tbm estava com uma dificuldade mas com o tempo vc aprende a mexer . posso enviar pro seu imail .

      Excluir
  31. Em primeiro lugar parabéns pelo artigo, é muito legal. Até decidi criar uma loja com o template, pois tenho um pouco de preguiça de começar do zero. Na realidade se pode adicionar qualquer meio de pagamento online ao template, eu não gosto muito do pagseguro, por isso adicionei a Akatus como meio de pagamento, e retirei o paypal também, pois as taxas são altas. Para fazer a mudança basta baixar e editar um dos plug-ins, este pra ser mais exato http://gizaa.webs.com/simpleCartPagseguroPaypal.js, no mais é só substituir os nomes pagseguro pelo meio de pagamento online desejado, e substituir o código do botão de pagamento. Minha loja está em fase de acabamento depois posto o link aqui.

    ResponderExcluir
    Respostas
    1. Marcelo,

      Pelo que eu estou vendo vou ter que começar a fuçar mais um pouco no template depois dessa sua informação, na verdade eu até pensei em colocar o mercado pago, como meio de pagamento, porém nao disponibilizava um código Html e nem um link de ligação ao API.

      Saber desta informação abriu os meus olhos, esperarei muito a sua volta aqui nos comentários com o link, usarei sua dica e alguns detalhes de programação da sua loja como base em algum possível post relacionado a meios de pagamento.

      Muito obrigado pelo seu comentário.

      Abraços

      Excluir
  32. Olá, como prometido anteriormente ai está o link dá loja com o sistema da Akatus. http://www.lojab.net/ Já está funcionando, se quiser comprar alguma coisa..Rsrss

    Abração.

    ResponderExcluir
  33. Este comentário foi removido pelo autor.

    ResponderExcluir
  34. Este comentário foi removido pelo autor.

    ResponderExcluir
    Respostas
    1. Keilah,

      Eu estou estupefato, você não só seguiu o tutorial, mas também fez além, e é isso que eu quero que meu leitores e visitantes fação.

      E em relação a descrição, o acontecido ocorre com todos que integram o PagSeguro, porém sei que fica meio estranho, masse você poder me impressionar em relação a isso mais uma vez fico grato, se não nem se preocupe, pois na net tem coisas com seus limites, e principalmente com o Blogger.

      Eu estou tão feliz que você utilizar a sua loja como referência de trabalho de integração.

      Abraços

      Excluir
  35. Olá, tudo bem?
    eu enviei o template e o medelo de postagem personalizado pra você que resolve esse problema mencionado pela leitora Keilah, é o primeiro código do modelo de postagem que enviei pra você.

    Abraços!

    ResponderExcluir
    Respostas
    1. Rafael,

      Me perdoe mas não entendi seu comentário, e sobre envio de algo não recebi nada!

      Abraços

      Excluir
    2. Ruan Phablo,
      me passe o seu email que enviarei o template e o modelo de postagem personalizado.
      o modelo de postagem que vou enviar pra você resolve o problema mencionado pela leitora Keilah, é o primeiro código do modelo de postagem que enviarei pra você.
      ai você analisa e vê como ficou.

      Abraços!

      Excluir
  36. Este comentário foi removido pelo autor.

    ResponderExcluir
  37. Este comentário foi removido pelo autor.

    ResponderExcluir
  38. Este comentário foi removido pelo autor.

    ResponderExcluir
  39. Este comentário foi removido pelo autor.

    ResponderExcluir
  40. Olá Ruan, obrigado pela a ajuda que vem dando pra gente, está sendo essencial pra construção do meu site.
    O site já está quase pronto: http://eggfgwr.blogspot.com.br/

    To tendo que resolver um ultimo grande problema pra finalizar
    Estou querendo colocar o frete nos produtos, nem precisa de peso e medidas, mas sim um frete fixo para cada um. Pensei em colocar no HTML da post um valor adicional para cada um, só que não sei de HTML para adicionar recursos. Sem esse recurso vou ter que colocar frete grátis que será um prejuízo.

    Terminando ele, irei postar um blog aqui com o HTML postado dentro dele com as modificações para ajudar seu site. irá evitar perguntas e ainda com um template diferente.

    Obrigado

    ResponderExcluir
    Respostas
    1. Paulo,

      Me perdoe pela demora em responder seus comentários, mas vamos ao que interessa!

      Pelo seu problema recomendo você a olhar o código HTML dos templates do Mastemplate (Maskolis) que deixei para vocês como alternativas de posts-templates aqui no blog, lá você deve procurar por fixed perto de "simple.cart" fixed seria um dos parâmetros, logo você desse "a lenha" na edição e finaliza os testes.

      Apos a experiencia adquirida com os templates, é só copiar os trechos do "simple.cart" dos templates de você bisbilhotou e cola no seu template.

      Espero que tenha entendido. Abraços

      Excluir
    2. Olá Ruan

      Entendi a dica, dei uma olhada no HTML dos outros templates, acabei não encontrando muita coisa porque a funcionalidade do simple.cart que estou tentando é igual para todos, tbm fiquei tentando múltiplas modificações baseado no que eu queria fazer, tentando modificar o me.shipping, shippingcost. Só que por eu não ter nenhum conhecimento em HTML é muito difícil progredir, é como achar agulha em palheiro.

      A modificação é simples mas muito difícil para quem não sabe, todos templates tem um html parecido em relação a publicação dos artigos, principalmente o preço do item com: "Span class = "item_price"> $ 00,00. O que estou tentando fazer é criar um segundo "item_price" só que com o shipping, direcionado ao shipping do carrinho. Assim as pessoas podem colocar além do preço, um frete para o produto.

      Depois de 3 horas tentando e com poucos resultados, tive que voltar aqui.
      Vou continuar tentando.
      Obrigado.
      Abraços.

      Excluir
  41. Amigo Juan, primeiramente parabéns pelo seu EXCELENTE trabalho! De parabéns mesmo!
    Eu estou com algumas dúvidas, será que poderia me ajudar?

    1º Como posso desabilitar a opção de pagar pelo PayPal?
    2º Como posso colocar um banner como no blog do http://dakaraieletro.blogspot.com.br/ ?
    3º Como posso colocar um banner rotativo como o dele, mais "calmo" e bonito?!
    4º (e último!) Como posso colocar os produtos nas respectivas categorias deles?!

    Grande abraço, e obrigado novamente por tudo!

    ResponderExcluir
  42. já segui passo a passo e não consigo integrar com o pagseguro. Não tem como fazer o download desse template? Qual valor?

    ResponderExcluir
  43. Olá,

    Os links estão atuais? Fiz passo a passo varias vezes sem nem um erro, mas não aparece a opção no ccheck out do pagseguro no site.

    Pode me dar uma força? Email.: louisvittor@email.com

    ResponderExcluir
  44. Olá pessoas...

    Fiz o tutorial e deu mais uma fuçada.
    Bom, o meu tá todo funcional... Inclusive a integração com o PagSeguro.
    Consegui tirar o PayPal.

    As postagens funcionam normalmente sem erro no PagSeguro.

    A única coisa que realmente ta fazendo falta é a integração do cálculo automático de frete... Nem sempre vale a pena desgastar o cliente "negociando valor do frete" por email.

    ResponderExcluir
  45. Olá Ruan, bom dia! Então, encontrei aqui o seu post e fiquei muito feliz. Eu tinha um script que eu não conseguia inserir de maneira nenhuma em meu template porque ele era em php e eu só conseguia fazê-lo funcionar quando hospedado em um local externo e depois incluir o link no blogger, mas não era o que eu queria. Queria mesmo hospedá-lo no html do blogger e consegui depois de encontrar seu post, então obrigada!
    Vamos lá, tenho uma loja funcionando e hospedei o script no html para não correr o risco da loja parar de funcionar. ocorre que com o meu script eu consigo direcionar para a finalização no pagseguro já possibilitanto o cálculo automático de frete, e com o seu, embora eu consiga hospedar no html, o cálculo de frete não fica disponível. Vamos resolver isso juntos? Além disso, como sou amadora, fiz um menu com categorias em que eu não consigo deixá-lo ajustado a todas as resoluções de tela. No meu pc fica certinho, mas em notebooks menores o menu toda todo o cabeçalho do blogger. Poderia me ajudar com um código para resolver isso? Minha loja:
    http://sahstore.blogspot.com.br/

    ResponderExcluir
  46. Boa tarde, estou tentando aprender a colocar o pague seguro no meu Blogger usando o template do Johny, mas ate agora nada. O Template com o Paypal ja fiz e esta ok, tive que fazer pequenas mudancas somente. Quero agradecer o autor do post - Ruan Phablo - pelas explicacoes e tambem aos autores dos cometarios, ajdudaram bastante.

    ResponderExcluir
  47. Tem como consertar os links para eu tentar fazer minha loja seguindo este tutorial?

    ResponderExcluir
  48. Respostas
    1. https://phabloprojetos.blogspot.com.br/2013/04/template-blogger-loja-virtual-online-ecommerce-website.html?m=1

      Excluir

Seu Comentário estará enriquecendo o conteúdo acima. Fico grato com sua participação! Qualquer dúvida relacionada a outro assunto use o nosso formulário de contato "Fale Conosco". Obrigado

Por favor me adicione no Google + para eu poder te responder de imediato!

 
Copyright © 2012 - Phablo Projetos - Direitos Reservados | Page Rank Licença Creative Commons
Desenvolvido por Carlos Vínicius | Tecnologia do Blogger | Páginas: Termos de Uso e Licença
    Twitter Facebook Google + YouTube