Adicionando Hello Bar em um projeto

Provavelmente você já percebeu em algum site uma barra no topo chamando para uma ação, ou uma janela modal se abrindo quando rola a barra lateral para baixo. Hello Bar faz isso para o site com muita facilidade. Nesse tutorial vamos escrever como criar uma conta no Hello Bar, integrar o script no seu projeto Sitebin.biz e ver o resultado.

Um exemplo do resultado final:

Exemplo barra hellobar

Iniciando…

Passo 1) Criando uma conta e gerando o script

O primeiro passo que deve fazer é criar uma conta no site Hello Bar para o seu site. E em seguida configurar as opções como cores e posicionamento ao seu gosto. Crie uma conta no site usando o login do Google e siga o passo a passo da ferramenta, escolhendo o tipo de engajamento.

Site hellobar.com

Após fazer todas as configurações será gerado uma página com um script personalizado para cadastrar no site. Essa linha você deve copiar e cadastrar no projeto do Sitebin.biz, acompanhe mais abaixo para fazer a segunda etapa.

Hellobar script

Copie todo o script da página.

Passo 2) Cadastrando o script no projeto Sitebin

Agora é hora de acessar seu projeto Sitebin e ir na parte de configurações, como imagem abaixo.

Sitebin projetos configuração

Em seguida, clique no menu Scripts globais, e cole o código no campo “Código de cabeçalho” e grave a alteração no final. Pronto, seu projeto já vai carregar o engajamento Hello Bar da forma que configurou na ferramenta. Esse script pode ser adicionado em vários projeto.

Sitebin scripts globais

Observação:
O Hello Bar não aparece na edição do projeto, é visivel apenas quando prever ou publica um projeto.

Compartilhe esse post!
Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on Tumblr

Classifique este artigo

(42 de of 148 pessoas acharam esse artigo útil)

Deixe um comentário

Resolva a charada *