New Articles

  1. Medindo a velocidade do seu site

    Comprender como seu site fica em termos de velocidade, é muito importante para saber onde pode aplicar mudanças. Na Nuvem Shop usamos duas ferramentas do Google para medir a velocidade: PageSpeed e Lighthouse . As duas retornam resultados com...
  2. Melhorando o carregamento das imagens e SVGs

    O primeiro e mais importante passo para melhorar a velocidade de carregamento de um site são as imagens. Se você ainda não sabe como medir a velocidade do seu site, o seguinte artigo pode te ajudar: Medindo a velocidade do seu site Se já trabal...
  3. Adicione o Google Avaliações do Consumidor

    Neste tutorial veremos como adicionar o selo de pesquisas do Google em sua loja. HTML 1. Na pasta static/js , adicionamos o arquivo google-survey.js.tpl : {# Google survey JS for Tiendanube /#} {% if store.google_merchant_id %} ...
  4. Postagens do Instagram

    Neste tutorial vamos adicionar o componente que mostra na página inicial as últimas publicações de uma conta do instagram. HTML A primeira coisa que vamos fazer é criar a pasta home dentro da pasta snipplets . 1.  Dentro da pasta criada, a...
  5. Vídeo na página inicial

    Neste tutorial, criaremos uma opção para mostrar um vídeo na home page da loja. Esta funcionalidade suporta links do YouTube e do Vimeo. HTML 2.  Dentro da pasta snipplets , crie um novo arquivo chamado video-item.tpl , que usaremos para ...
  6. Banners

    Neste tutorial vamos ver como podemos adicionar banners com as seguintes particularidades: Imagem Título Descrição Texto do botão Link Alinhamento Para o layout Base, criamos um componente exclusivo para os banners que, dependendo de onde o...
  7. Quantidade de produtos por página

    1. Insira o seguinte código em settings.txt dentro de “Opções gerais”: title title = Productos en el listado dropdown name = category_quantity_products description = Cantidad de productos por página ...
  8. Botão de contato por meio do WhatsApp

    Neste tutorial, te ensinamos a implementar o botão que possibilita o contato com o administrador da loja, pelo WhatsApp: HTML 1. Crie o arquivo whatsapp-chat.tpl dentro da pasta snipplets com o seguinte conteúdo: {% if store.whatsapp %} ...
  9. Campos personalizados no carrinho

    Neste tutorial, veremos como adicionar campos personalizados dentro do carrinho de compras. Pode servir, por exemplo, para produtos em que é necessário uma dedicatória ou esclarecer informações adicionais sobre a remessa. Essas informações sã...
  10. Selectores ID

    Como o nome já diz, os IDs servem para associar elementos únicos em um documento HTML que podem ser manipulados, por exemplo, com JavaScript . Por ser um elemento único, é mais rápido para browser encontrar e  manipular tags com esse atributo...