Jump to content
4Unknow

Pop-up toda ver que abrir o site.

Recommended Posts

Boa tarde pessoal, como estão?

 

Gostaria de uma ajudinha aqui. A forma mais prática e com um layout bacana, um pop-up toda vez(ou não) que o usuário abrir o site, um informativo que é importante.
Tenho um site que vende algo muito específico e preciso deixar claro sobre meu produto como um informativo. Ou um banner/popup que abre quando o usuário entra no site para deixar claro.

Ou um footer bonito que deixa claro essa informação.

Se alguém tiver uma ideia ou puder ajudar, eu agradeceria.

Share this post


Link to post
Share on other sites

Primeiro um bloco na cara do usuário forçando a ver algo que a primeira mão não o interessa é uma estupidez e só irá poluir desvalorizar/site, provavelmente o usuário irá fechar a janela do seu site sem nem mesmo ler/ver.

Muitos acreditam também que esses blocos são alguma forma de violar a máquina deles por isso saem sem mesmo esperar a página acabar de carregar (E alguns são mesmo).

 

Aconselho você que crie um botão, bem visível para que o usuário possa clicar e ver as informações adicionais sobre o produto.

No geral de uma googlada sobre "modal" ou acesse: https://github.com/Spell-Master/sm-web/tree/master/javascript/ModalShow

 

Por exemplo depois da estrutura HTML do modal (se adicionar o js, o css a sua aplicação ambos contidos no link acima"):

<script>
    var modal = new ModalShow('identificador');
    modal.open('Título do Modal', true); // O modal irá abrir quando a página terminar de carregar e terá um botão para fechar 
    setTimeout(function () { // Mo modal vai fechar sozinho depois de 5 segundos
        modal.close();
    }, 5000);
</script>

 

 

Share this post


Link to post
Share on other sites

Muito Obrigado Omar~ pela dica.
Vou ignorar o popup e adicionar um botão então que seja chamativo para o usuário conferir e ver que tem algo importante ali para ser visto.

Agradeço pela resposta e pela ajuda.
 

Um forte abraço.

Share this post


Link to post
Share on other sites

Pop-up é muito ~2010 hehe

Brincadeiras à parte, como Omar explicou, é horrível, polui e ninguém lê.

Uma opção que eu acho ótima é o sticky sidebar. Eu sempre presto atenção quando entro em algum site porque não é invasivo e está sempre ali na tela, além de fluir com o site naturalmente.

Abraços!

Share this post


Link to post
Share on other sites
Em 10/10/2021 at 10:29, Sherlock02 disse:

Pop-up é muito ~2010 hehe

Brincadeiras à parte, como Omar explicou, é horrível, polui e ninguém lê.

Uma opção que eu acho ótima é o sticky sidebar. Eu sempre presto atenção quando entro em algum site porque não é invasivo e está sempre ali na tela, além de fluir com o site naturalmente.

Abraços!

 

Muito bem amigo, fica bem apresentável mesmo. Achei um aqui responsivo bem clean, obrigado mesmo pela dica a todos.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By vmenezes
      ola galera . tenho uma aplicação com asp  e utilizo javascript para bater foto do cliente . consigo apos a foto batida salvar no pc com o ID do cliente,
      porem gostaria que assim que a foto fosse batida salvasse na raiz do proprio site.
      tem como fazer isso ?
      obg
    • By juliosonic
      Boa noite..
      Estou desenvolvendo um site de Reiki https://reikicuritiba.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica Curitiba
      Tantra em Curitiba

      Obrigado
      Att
      Julio Cezar
       
       
       
    • By kernmatheus
      Boa noite,
       
      Galera, utilizo uma aplicação que me permite inserir arquivos JavaScript customizados em algumas páginas, e por vezes quando realizo alguma alteração considerável no JS, preciso solicitar aos usuários da ferramenta para limparem o cache, evitando que eles fiquem com as regras antigas do JS e gere algum erro.
       
      Existe alguma forma de esporadicamente quando eu realizar alterações no JS, forçar a limpeza de cache nas máquinas clientes? Ou então de não permitir que o navegador salve cache deste JS que eu customizo as regras?
    • By Marcones Borges
      Olá, estou com o seguinte problema, não estou conseguindo alinhar a div a baixo da outra.
       
      Tenho a div linha, div assinatura, div conteúdo.
      A div linha precisa ficar a pós o conteúdo, após o texto linha e assinatura...
       
      porém não fica.
      Veja o css
      #texto1 {     position:absolute;     left: 30px;     top: 310px;     font-size:16px;     letter-spacing: .1rem;     font-family:courier,arial,helvetica;     line-height: 1.5;     text-align: justify;     padding-left: 2%;     padding-right: 5%;     padding-bottom: 2em;     float:right;     height:902px;     z-index: 1;   #linha1{     position:fixed;     left: 70px;     bottom: 80px; } #assinatura {     border-radius: 10%;     left: 435px;     overflow: hidden;     position:absolute; }  
      O html
      <div id="texto1"><?=nl2br($cliente->conteudo)?></div> <div id="linha1"> ___________________________________ </div> <div id="assinatura"> &nbsp;&nbsp;<?=$cliente->secretario?> - <?=$cliente->convencao?><br> &nbsp;&nbsp;&nbsp;<b>SECRETÁRIO(A)</b><br> </div>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.