Pular para o conteúdo

Como adicionar um CSS personalizado ao widget

Personalizar o seu widget TicketingHub com CSS faz com que ele pareça parte integrante do seu site.

Veja como fazer isso em algumas etapas simples:

Exemplos de widgets personalizados

Abaixo, são apresentadas imagens que mostram como um CSS personalizado pode alterar a aparência do seu widget. Observe como a personalização harmoniza o design do widget com a estética do site.

Exemplo n.º 1

Exemplo de personalização do widget 1

Exemplo n.º 2

Exemplo de personalização do widget 2

Adicionar CSS personalizado ao widget

1. Crie e carregue o seu CSS

Crie um arquivo CSS com os estilos que deseja aplicar ao seu widget. Quando estiver pronto, carregue esse arquivo no seu servidor.

2. No painel da TicketingHub, clique em Widgets

Clique em Widgets no painel

3. Clique em Canais

Clique em Canais

4. Clique em Integrações web do widget que deseja editar

Clique em Integrações web

5. Clique no widget do tour

Clique no widget do tour

6. Acesse Configurações

Acesse Configurações

7. Localize o campo URL do CSS personalizado e cole a URL do seu CSS

Cole a URL do CSS

8. Visualize e ajuste

Visualize as suas alterações

9. Quando terminar, clique em Publicar alterações

Clique em Publicar alterações

10. Clique em Confirmar para finalizar as alterações

Clique em Confirmar