New Articles

  1. Melhorando o carregamento do CSS

    O CSS pode ser um fator chave na hora de "adiantar conteúdo" para que os usuários possam olhar alguma coisa enquanto o resto do site é carregado, ao invés de uma tela em branco que não diz nada. Se ainda não sabe bem como medir a velocidade do seu s...
  2. 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...
  3. 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...
  4. 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 %} ...
  5. 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...
  6. 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 ...
  7. 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...
  8. 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 ...
  9. 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 %} ...
  10. 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ã...