New Articles

  1. Introdução aos tutoriais

    Nesta parte da documentação, encontramos tutoriais sobre como adicionar recursos específicos ao seu layout, como, por exemplo, um pop-up para assinatura de newsletter. É importante esclarecer que todos os artigos são baseados no código e na estrutu...
  2. Layout Base

    O layout Base foi pensado como ponto de partida para o desenvolvimento de novos designs na Nuvemshop. Este canvas em branco contempla todas as funcionalidades que um e-commerce deve ter: Slider na página inicial Banners Banners Vídeo Video...
  3. Melhorando o carregamento do Javascript

    Antes de começar, se ainda não tem conhecimento de como medir a velocidade do seu site, o seguinte artigo pode ser de ajuda: Medindo a velocidade do seu site Melhorar o carregamento das imagens vai aumentar muito a velocidade, mas o Javascript e...
  4. 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...
  5. 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...
  6. 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...
  7. 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 %} ...
  8. 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...
  9. 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 ...
  10. 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...