• Documentação
  • Embedded
  • CSS

Embedded Cortecloud

Uma forma rápida e fácil de adicionar o botão do Cortecloud em seu site.

Com o embedded é possível que seus clientes entrem no Cortecloud já vinculados a sua central, basta adicionar o botão do Cortecloud em seu site, veja como é fácil.

1. Informe o link do seu convite

O link do convite está disponível no acesso do Diretor. Acesse sua conta de diretor.

2. Customize seu botão

Nossa equipe de design disponibilizou uma série de modelos do embedded para facilitar a implementação.

Veja os modelos disponíveis abaixo e estilize como desejar.

Cores
Tamanho
Modelo
Você não adicionou o link do seu convite.

Disponibilizamos também o código separado em HTML e CSS para uma maior customização, clique aqui para conferir.

3. Implemente o código em sua página

Para implementar o botão em sua página é necessário adicionar o HTML do botão e o CSS que adiciona o estilo do botão conforme representado no exemplo.

Escolha o modelo de sua preferência e copie os códigos para implementar em sua página.

Exemplos

Disponibilizamos um repositório e um pen para facilitar.

Problemas na implementação?

Caso você encontre problemas na implementação, pedimos para que crie uma issue no github para podermos ajudar.

Criar Issue

Documentação de estilo Cortecloud

Caso queira customizar a implantação do botão Cortecloud, abaixo estão as especificações de identidade de marca e códigos de estilo disponíveis para serem implementados em seu site.

Logo Cortecloud

Use a logo do Cortecloud.

A propriedade responsável pela cor do svg é a `fill` ex: fill="#000", para editar a cor pelo CSS, use fill="currentColor" e estilize pela propriedade `color`

Cores Cortecloud

Use as cores do Cortecloud.

Exemplo de gradiente:

background: #1A7A97; /* Callback */
background: linear-gradient(to right, #1A7A97, #63BEAF);

Edição de estilo

Aconselhamos os desenvolvedores usarem essas diretrizes para a estilização.
  • Background: Cor do fundo do botão
  • Color: Cor da fonte do botão
  • Border-radius: Grau de curvatura das bordas
  • Font-size: Tamanho da fonte
  • Padding: Distância que define o tamanho do botão, 1º valor é a distância vertical, e o 2º valor a distância horizontal

                          
                          
                        
                          
                        
                      

Exemplos

Disponibilizamos um repositório e um pen para facilitar.

Problemas na implementação?

Caso você encontre problemas na implementação, pedimos para que crie uma issue no github para podermos ajudar.

Criar Issue