Criar Sites » PagSeguro

Loja Virtual no Wix + Pagseguro

Celso Lemes — Thu, 29 Sep 2011 12:00:45 +0000

O Wix é um excelente serviço de criação de sites, que permite que qualquer pessoa crie sites fantásticos baseados em Flash, que dão muito mais cores e vida ao site, o que levou milhares de pessoas a optarem pelos serviços oferecidos pela empresa.

Por oferecer bons recursos, muitas pessoas querem criar seus sites no Wix, mas levando seus sites para um outro nível, transformando-os em lojas virtuais. Devido a isso, é comum pessoas deixarem comentários aqui no CriarSites.com perguntando sobre como adicionar o serviço de pagamentos online do Pagseguro e é esse o tema deste artigo.

Como criar o código dos botões

O primeiro passo é criar um código do botão de venda de cada produto que você desejar vender em seu site. Para fazer isso, acesse sua conta no Pagseguro, clique no link “Para seu negócio“, em “Ferramentas” e na nova página que se abre clique sobre “Botões de Pagamento“.

Agora adicione os dados referentes aos produtos que você deseja vender em seu site e clique sobre o botão “Gerar código fonte“. Confira um exemplo na imagem abaixo.

Adicionar o botão no Wix

Depois de gerar o código do botão, chegou a hora de adicionar ele em seu site no Wix. Para fazer isso acesse o painel de controle de seu site no Wix e clique em “Adicionar”, passe o mouse sobre “Widgets” e clique em “HTML“.

Na janela que aparece, clique em”Blank HTML“.

Neste momento um novo campo aparecerá sobre o editor. Arraste ele até o local em que deseja que o código HTML seja exibido e em seguida clique em “Configurações” que aparece no menu direito da tela.

Em seguida cole o código do botão do Pagseguro, especifique o tamanho que o widget deve ter e salve.

Como inserir o carrinho de compra

Depois de adicionar os botões de compra do Pagseguro, você deve adicionar o carinho de compra, que que permite que os visitantes comprem mas de 1 produto por vez e também os informa sobre os produtos já adicionados ao carrinho de compras.

Para fazer isso, repita o processo citado acima adicionando um novo campo HTML a página. Arraste até o local em que deseja que o carrinho de compras apareça.

Em seguida, clique sobre o novo campo e clique novamente em “Configurações“. Na janela que aparece, cole o seguinte código.

Agora é só publicar seu site para que ele já esteja funcionando como uma loja virtual.

Ps. Lembrando que toda vez que o visitante adicionar um novo produto ao carrinho de compras, ele terá que clicar em “Continuar comprando” para retornar ao site e continuar com suas compras. Não tem como solucionar isso.

Gostou deste tutorial? Então divulgue nas redes sociais e/ou deixe um comentário abaixo.

Mais Artigos que você pode estar interessado

Como Adicionar Botão e Carrinho de Compras do Pagseguro no Webnode

Celso Lemes — Mon, 29 Aug 2011 12:00:44 +0000

Se você tem um site desenvolvido no Webnode e gostaria de vender produtos utilizando o sistema de pagamentos oferecido pelo Pagseguro com direito ao carrinho de compras que permite que os clientes comprem mais de um produto por vez, confira o tutorial abaixo que mostra um passo a passo de como proceder.

Gerar o código dos botões

A primeira coisa que você deve fazer é gerar o código dos botões de cada produto que você deseja vender em seu site. Para fazer isso acesse o painel de controle do Pagseguro e clique em “Para seu negócio“, em “Ferramentas” e na nova página clique sobre “Botões de Pagamento“.

Em seguida insira os dados referentes ao produto que você deseja vender e clique em “Gerar código fonte“. Confira um exemplo na imagem abaixo.

Inserir o botão no Webnode

Agora que você já tem o código do botão, acesse o painel de controle de seu site no Webnode e navegue até a página em que se encontra o produto. Clique em “Editar conteúdo” para abrir o editor de textos.

No editor, clique sobre o sinal <> que aparece do lado direito para mudar para o modo HTML e cole o código do botão e salve a alteração.

Lembre-se de que você deverá gerar um novo botão e adicioná-lo em cada produto que você pretenda vender.

Inserir carrinho de compra

Agora que você já adicionou os botões de cada um dos produtos que você pretende vender, chegou a hora de adicionar o carrinho de compras do Pagseguro.

Para fazer isso, adicione um novo campo de texto ao seu menu de navegação. Clique sobre o botão “Texto e Imagens” que aparece na barra superior, segure o botão e arraste até o menu de navegação no campo que está escrito “Pode arrastar e soltar um novo conteúdo aqui ou mover um já existente“.

No novo campo, clique sobre “Editar conteúdo“, altere para o modo HTML (que foi explicado acima) e cole o seguinte código:

Agora salve as alterações para que seu site esteja funcionando como uma loja virtual e você possa começar a vender seus produtos.

Gostou deste tutorial? Então divulgue nas redes sociais e/ou deixe um comentário abaixo.

Mais Artigos que você pode estar interessado

Receba pagamentos em seu site com o PagSeguro

Celso Lemes — Thu, 02 Apr 2009 15:17:21 +0000

O PagSeguro é um sistema de pagamentos online que permite enviar e receber dinheiro pela internet. Sua grande vantagem para nós Webmasters é a capacidade de ser implantado em websites permitindo receber dinheiro de uma forma segura e prática tanto para o webmaster quanto para o visitante.

Com ele você pode implantar desde botões simples para compra de produtos separados, até sistemas de loja virtual completa, com carrinho de compras e tudo (é claro que isso exige um bom conhecimento sobre códigos para conseguir instalar o sistema no site).

Esta é uma excelente alternativa para quem deseja iniciar seu E-commerce, mas não dispõe de recursos para receber dinheiro diretamente por meio de cartões de crédito (você tem que pagar altas taxas e enfrentar uma burocracia muito grande) ou boleto (precisa de firma aberta).

Formas de pagamento
Seus visitantes poderão pagar seus produtos de diversas maneiras que são elas:

- Boleto Bancário
- Transferência Eletrônica: Bradesco, Itaú, Unibanco, Banco do Brasil, Banco Real, entre outros.
- Cartões de Crédito: Visa, MasterCard, Diners, Hipercard, American Express e Aura.

Como recebe
Você recebe em conta bancária após o prazo de pagamento (que varia dependendo do modo que o cliente pagou).

Cadastro
É rápido, fácil e sem taxas de abertura ou mensalidades.

Só será cobrado uma taxa sobre as vendas realizadas por meio do PagSeguro que serão descontadas sobre o valor que receber.

>> Abra sua conta no PagSeguro e comece seu Negócio Online <<