Saiu a versão 2.0 do Boo-Boxifier. Corre lá pra ver!

O Boo-Boxifier é um plugin da jQuery que exibe anúncios contextuais de produtos encontrados em lojas virtuais.

Ele é um plugin único que permite estilizar os anúncios utilizando CSS.

Como o plugin procura os anúncios?

Ele usa a API JSON do Boo-Box. O Boo-Box é um serviço que procura os produtos que você determinar, em uma determinada loja virtual, e os retorna com seu ID, assim você ganhará uma comissão pelo click ou venda.

Em que lojas o Boo-Boxifier é capaz de procurar?

Amazon, Ebay, Mercado Livre, Buscapé, Jácotei, Shopping.com, Submarino e Americanas.

Onde posso ver um exemplo do Boo-Boxifier?

Abra a página de demonstração e veja o plugin exibindo anúncios de Laptops do Buscapé e Kimonos do Submarino.

Como posso inserir o Boo-Boxifier no meu site?

1º Baixe a versão completa do Boo-Boxifier e envie para seu servidor.

2º Cole o seguinte código antes da tag </body> de seu site:

<script type="text/javascript" src="jquerycomprimida.js"></script></p>

<script type="text/javascript" src="boo-boxifier.js"></script></i>

3º Use esse código para exibir os produtos e não se esqueça de mudar os parâmetros:

<ul class="boo-box Limite-de-Produtos Loja-Virtual Seu-ID / Tags-dos-produtos" ></ul>

Explicação dos parâmetros:

Limite-de-Produtos: Eu consegui exibir até uns 20 produtos por vez. Escolha no máximo 7 produtos porque é pra ser uma vitrine e não um sistema de loja virtual completo.

Loja-Virtual:

  • Amazon ID: amazonid
  • Amazon UK ID:amazonukid
  • Amazon JP ID: amazonjpid
  • Amazon FR ID: amazonfrid
  • Amazon DE ID: amazondeid
  • Ebay ID:ebayid
  • Mercado Livre ID: mercadolivreid
  • Submarino ID: submarinoid
  • Americanas.com ID: americanasid
  • Buscapé ID: buscapeid
  • JáCotei ID: jacoteiid
  • Shopping.com ID: shoppingcomid
Seu-ID: É seu ID de cadastro na loja escolhida. Ele serve para você ganhar a comissão.</p>

Tags-dos-produtos: Escolha os produtos, por exemplo: Laptop Computador.

Hora de um exemplo mostrando 5 laptops ou PCs do Submarino com o ID 123456: <ul class="boo-box 5 submarinoid 123456 / Laptop PC" ></ul>

Posso ver um exemplo de como cada produto fica no HTML?

Essa parte serve para você ver como fica o HTML, podendo assim estilizá-lo usando CSS

Para mudar as cores, eu recomendo setar um ID nos elementos UL. Dê uma olhada no código da página de demonstração.

É, se você não sabe HTML e CSS, tá ferrado.

  • </p>

    <a href="http://boo-box.com/prod/1p6rr/affid:4652329">

    <img title="Acessórios para Videogame" src="http://imagem.buscape.com.br/bp5/categorias/2425.jpg">

    </a>

    </li></i>

    É possível inserir mais de um bloco de anúncios por página? Como?

    Sim, quantos você quiser, mas use com moderação. Basta inserir outra tag UL com dados diferentes.

    É possível fazer a busca em mais de uma loja por bloco?

    Não.

    Tem como mostrar o nome do produto em texto e o preço?

    No Internet Explorer, está dando um bug com a jQuery. Na próxima versão, tudo estará ok.

    De onde você tirou essa idéia, Pedro?

    Do Mercado Livre Vitrine Contextual, um plugin para WordPress criado pelo Thiago Mobilon.

    Perguntas

    Achou algum bug? Tem alguma sugestão, dúvida ou os dois? Deixe um comentário. :)

    Obs: O Boo-Boxifier está no diretório de plugins da jQuery. Dê sua nota para o plugin.

    Agora só falta o Interney me ensinar a Receita do Sucesso para eu viver Lucrando na Rede.