Sendinblue et popup

A voir également:Sendinblue et popupPopup javascript - Conseils pratiques - Javascript Fenetre popup - Conseils pratiques - Web Popup css - Conseils pratiques - CSS Popup pub android ✓ - Forum - Android Popup google chrome en bas a droite ✓ - Forum - Virus / Sécurité

Bonjour,

Dans le cadre d'optimisation de mon site internet je souhaite integrer un formulaire sendinblue à un pop up.
Est ce que quelqu'un peut m'aider?

Merci

Configuration: Windows / Chrome 76.0.3809.132

Forum

A voir également:Sendinblue et popupPopup javascript - Conseils pratiques - Javascript Fenetre popup - Conseils pratiques - Web Popup css - Conseils pratiques - CSS Popup pub android ✓ - Forum - Android Popup google chrome en bas a droite ✓ - Forum - Virus / Sécurité

Web: www.shapebootstrap.net

1 réponse

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Bonjour,

Je ne sais pas si c'est possible avec un formulaire Sendinblue, sur un de mes sites, j'ai intégré un formulaire Google-Forms avec un iframe à une fenêtre modale.

Il faut du CSS :

/* MODAL */ .cf:before, .cf:after {   content:"";   display:table; } .cf:after {   clear:both; } .droite {   float:right; }   .oModal {   position: fixed;   z-index: 99999;   top: 0;   right: 0;   bottom: 0;   left: 0;   background: rgba(0, 0, 0, 0.8);   opacity:0;   -webkit-transition: opacity 400ms ease-in;   -moz-transition: opacity 400ms ease-in;   transition: opacity 400ms ease-in;   pointer-events: none; }   .oModal:target {   opacity:1;   pointer-events: auto; }   .oModal:target > div {   margin: 10% auto;   transition: all 0.4s ease-in-out;   -moz-transition: all 0.4s ease-in-out;   -webkit-transition: all 0.4s ease-in-out; }   .oModal > div {   max-width: 600px;   position: relative;   margin: 1% auto;   padding: 8px 8px 8px 8px;   border-radius: 5px;   background: #eee;   transition: all 0.4s ease-in-out;   -moz-transition: all 0.4s ease-in-out;   -webkit-transition: all 0.4s ease-in-out; }   .oModal > div header,.oModal > div footer {   border-bottom: 1px solid #e7e7e7;   border-radius: 5px 5px 0 0; } .oModal .footer {   border:none;   border-top: 1px solid #e7e7e7;   border-radius: 0 0 5px 5px; }   .oModal > div h2 {   margin:0; }   .oModal > div .btn {   float:right; }   .oModal > div section,.oModal > div > header, .oModal > div > footer {   padding:15px; }  a.bouton_submit { color: #FFFFFF; } /* MODAL */



Puis du HTML :

<div id="formulaire" class="oModal">   <div>     <header>       <a href="#fermer" title="Fermer la fenêtre" class="droite">X</a>        <h3 style="text-align: center;">Formulaire</h3>      </header>      <section> <iframe src="" > </iframe>      </section>      <footer class="cf">       <a href="#fermer" class="btn droite" title="Fermer la fenêtre">Fermer</a>      </footer>   </div> </div>


J'ai oublié, il faut mettre un lien pour afficher la fenêtre :

<a href="#formulaire">Formulaire</a>




Reply
réponses:
  • auteur

  • auteur

  • auteur

  • auteur

  • auteur

  • auteur

  • auteur

  • auteur

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed