Como aplicar desconto por forma de pagamento
8 de junho de 2017
Como alterar texto do e-mail
13 de junho de 2017

Como inserir link ou mudar cor do texto na descrição do produto

Inserir links e mudar a cor do texto na descrição do produto é muito importante quando queremos melhorar a visualização do produto para o cliente e deixar a descrição mais interativa. O processo é muito simples, basta seguir o passo-a-passo desse tutorial!

1. Para realizar os seguintes procedimentos você precisa acessar o painel administrativo do seu site. Se você não sabe como acessá-lo, nós temos um tutorial que ensina como faze-lo, neste link.
2. Depois de efetuar o login, você se encontrará na página inicial de administração do seu site. Agora, no menu lateral esquerdo, você deve acessar a aba Produtos.

3. Agora você está na página onde todos os seus produtos cadastrados aparecem. Basta você procurar o produto que deseja editar e clicar em cima do seu nome. Você pode usar a barra de pesquisa, para encontrar seu produto mais rápido.

4. Agora que você já escolheu seu produto e clicou sobre ele, você está na página de edição do mesmo. Procure a descrição dele nessa página. Ela pode estar na caixa de texto de cima ou na de baixo. No caso está na de baixo.

Alterando a cor da fonte

 

5. Suponhamos que queremos colocar a palavra rosas na cor rosa:

6. Certifique-se de que você está na aba de texto da sua descrição para que tudo dê certo. Para ter certeza, clique em cima dela.

7. Agora, como queremos alterar a palavra “rosa”, vamo inserir o seguinte código antes dela: < span style=”color:pink” > . Lembre-se de tirar o espaço das tags (<>) quando colar na sua descrição, para que fique desse jeito:

8. Agora, depois da palavra, insira < /span >, para que os códigos que inserimos se limite apenas à palavra “rosa”.

9. Feito isso, atualize o seu produto e abra a página dele para ver as alterações.


10. Como pudemos ver, as alterações foram feitas com sucesso.
Algumas informações adicionais: A cor escolhida foi inserida em < span style=”color:pink” >, essa estrutura, além de aceitar os nomes das cores em inglês, também aceita o código hexadecimal delas, que é uma maneira de atingir tons mais detalhados de cores. Código hexadecimal é o código de uma respectiva cor na paleta de cores, nesse site tem várias opções de códigos hexadecimais para que você possa alterar as cores de seu texto.
Para utilizar o código, basta substituir ele no lugar da cor, assim: < span style=”color: #DDA0DD” >

 

Inserindo link

 

11. Para inserir link, certifique-se de que você está na aba Visual clicando sobre ela.

12. Suponhamos que queremos levar o cliente a um produto semelhante:

13. Selecione o texto em que você quer inserir o link:

14. Agora pressione Ctrl + K, ou clique no botão:

15. Feito isso, essa caixa se abrirá. Insira nela o link para que o cliente seja redirecionado ao clicar. E clique na seta azul para confirmar

16. Atualize seu produto e abra a página dele para conferir se o link foi inserido com sucesso.

Nós da DC5 esperamos que com esse tutorial você tenha sanado todas as suas dúvidas e atingido seus objetivos. Caso ainda haja alguma dúvida, entre em contato conosco.

DC5
DC5

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Envie uma mensagem aqui
Enviar via WhatsApp