# Elemento Bloco HTML

Para aprender a criar e utilizar um elemento HTML em sua loja virtual, siga o tutorial abaixo:

1- Acesse o painel administrativo de sua loja virtual e, no menu lateral esquerdo, clique em **Minha loja** e depois em **Vitrines** >> **Elementos**.

![](/files/vk9a1sYYwfgcGiQUY4BL)

&#x20;2- Na tela **Elementos**, clique em **Novo elemento** para criar um novo elemento para sua vitrine.

![](/files/mpKmxUWkKN268aFnWkab)

&#x20;4- Selecione a opção **Bloco HTML** como o tipo de elemento.

![](/files/5rLYbK8SQTbdYxPFnxO0)

&#x20;5- Ao selecionar a opção **Bloco HTML** , a tela **Novo Elemento de Visualização** será aberta, apresentando um editor de HTML onde você pode inserir códigos personalizados.

6- Clique no botão **Código fonte**.

![](/files/ovAq5tgNLIIc79FGlsRh)

&#x20;7- Em seguida, você poderá **colar o código no editor**.

![](/files/Mz0nfATEYZjp5Xg0JuKU)

&#x20;8- Na área **Referenciamento do elemento** você pode adicionar uma Tag para auxiliar na personalização do seu elemento.

Caso você queira exibir um elemento só em determinado aparelho, é possível utilizar uma tag para fazer isso de forma simples.

Como por exemplo, você quer exibir um elemento apenas para o visitante que está acessando pelo computador, basta adicionar a Tag **desktop** e pronto! Seu elemento não será exibido para mobile.

Além disso, a tag criada irá para o código da sua loja virtual, oferecendo mais liberdade e amplitude para suas personalizações.

![](/files/USsGK3qExX9Oiy9q94RQ)

&#x20;9- Em seguida, selecione a opção de **Template de exibição**.

![](/files/JpmafU3O0gs4MvHrt2Yo)

&#x20;9- Por último, clique em **Inserir**.

![](/files/zaU9LuTyJw0I8gMUqDIn)

&#x20;Ficou com alguma dúvida? Entre em contato com o nosso suporte via chat online.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/vitrines/elemento-bloco-html.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
