TipBar

A TipBar é a área onde você pode estar destacando as principais vantagens de comprar em sua loja para os clientes que a visitar.

ATENÇÃO! Para editar o conteúdo dessa área é importante saber se a estrutura foi feita com a mesma estrutura do amazing menu para utilizar os passos que serão mostrados a seguir, pois dependendo do seu projeto pode ocorrer de outra estrutura ter sido utilizada.

Como Editar?

1. Para editar o conteúdo da TipBar vá em CMS > Customs Elements e procure por tipbar na lista de controles já criados, assim que encontrar basta clicar em cima e quando o fundo ficar na cor azul clique em "Update" na caixa de ferramentas acima.

2. Clique no ícone de lápis a esquerda da página dentro da área "Content" da tela que se abriu e verá que um popup irá se abrir com o conteúdo para editar.

3. Em HTML, copie o conteúdo existente e importe o conteúdo dentro da ferramenta de edição de amazing menu, clique aqui para acessar.

4. Existem dois elementos a serem editados em cada tópico de sua tipbar, a imagem e o texto.

4.1 Imagem:

O primeiro passo é subir as imagens/ícones no admin do portal de sua loja em Files Manager > images e ao acessar essa página clique em "Add" no menu superior de ferramentas. Veja a imagem abaixo.

      • Lembrando que seu navegador precisa estar com permissão para abrir Flash ou estar com a extensão QD admin Tools
      • Após subir as imagens você irá precisar da URL dessa imagem para inserir na TipBar, é simples, a URL da imagem é NomeDaSuaLoja.vteximg.com.br/arquivos/nomedaimagem.jpg (A extensão da imagem nesse link é apenas de exemplo, você pode utilizar .jpg ou .png)
      • Em seguida iremos inserir essa imagem no link. Copie a URL da imagem e você irá colar após escrever o seguinte trecho ao lado do link desejado:
@code: <img src="" />@
      • E em seguida cole a URL da imagem dentro de src="" ficando da seguinte forma:
@code: <img src="https://puramagia.vteximg.com.br/arquivos/img-exemplo.png" />@

4.3 Texto:

  • Basta digitar o conteúdo desejado, recomendado uma frase curta e de fácil entendimento, além de chamar a atenção do cliente.
  • Após isso basta gerar o código, copiar e colar novamente na área de HTML no admin, salvando assim as alterações em sua loja.