')}.swal-close-button-outside i.icon-close{background-image:url('data:image/svg+xml;charset=utf-8, ')}.swal-label-required{display:inline-block;position:relative;right:9999px;margin-left:10px}.swal-label-required:after{position:absolute;font-size:14px;right:-9999px;font-family:FontAwesome;content:"\f05d";display:inline-block;color:#f85c49;top:0;font-weight:100}.swal-popup-animation{opacity:0;visibility:hidden}.theme4 .swal-icon-block{margin-bottom:10px}.social-networks{margin-right:10px;float:left;width:100%}.swal-login-networks{margin-bottom:0}.swal-icon-block.icon-amazon,.swal-icon-block.icon-facebook,.swal-icon-block.icon-google,.swal-icon-block.icon-linkedin,.swal-icon-block.icon-twitter{border-radius:3px;color:#fff;font-size:14px;line-height:26px;height:40px!important;padding:8px 0;vertical-align:middle;display:inline-block;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.3);box-shadow:0 1px 1px 0 rgba(0,0,0,.3)}.theme4 .swal-icon-block.icon-amazon,.theme4 .swal-icon-block.icon-facebook,.theme4 .swal-icon-block.icon-google,.theme4 .swal-icon-block.icon-linkedin,.theme4 .swal-icon-block.icon-twitter{padding:7px 15px;height:auto}.theme4 .swal-icon-block.icon-amazon,.theme4 .swal-icon-block.icon-facebook,.theme4 .swal-icon-block.icon-google,.theme4 .swal-icon-block.icon-linkedin,.theme4 .swal-icon-block.icon-twitter{border-radius:3px}.swal-icon-block.icon-facebook{background:#48629b}.swal-icon-block.icon-twitter{background:#1fccff}.swal-icon-block.icon-google{background:#fff;color:rgba(0,0,0,.54);font-family:Roboto,sans-serif;font-weight:500}.signin-google{background-color:#fff;background-image:url('/wp-content/plugins/sw-ajax-login/assets/img/google_light_normal@2x.png');background-size:18px auto;background-repeat:no-repeat;background-position:0 3px;width:18px;height:24px;line-height:24px;margin-top:-2px;vertical-align:middle!important}.swal-icon-block.icon-linkedin{background:#0077b5}.swal-icon-block.icon-amazon{color:#000;background:#f8cf5f}.ajax-auth .fa.fa-amazon,.ajax-auth .fa.fa-facebook,.ajax-auth .fa.fa-linkedin,.ajax-auth .fa.fa-twitter,.ajax-auth .signin-google{font-size:19px;padding-top:2px;vertical-align:top;display:inline-block}.theme4 .fa.fa-amazon,.theme4 .fa.fa-facebook,.theme4 .fa.fa-linkedin,.theme4 .fa.fa-twitter,.theme4 .signin-google{margin-right:15px!important}.swal-icon-block{width:100%}.amazon-login-button,.fb-login-button,.google-login-button,.linkedin-login-button,.twitter-login-button{text-align:center}@media only screen and (max-width:480px){#popup-wrapper-ajax-auth{left:0;margin-left:0}.inner-text-ajax-forms{width:100%;float:right;height:auto;min-height:120px;position:relative;padding:20px 15px;color:#fff}.inner-form-ajax-forms{width:100%;float:left}.ajax-auth h4:after{width:80px}.ajax-auth h4:before{width:80px}}@-ms-viewport{}.icon-arrow-up,.icon-close,.icon-basket,.icon-magnifier,.icon-social-facebook,.icon-social-instagram{font-family:'simple-line-icons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow-up:before{content:"\e607"}.icon-close:before{content:"\e082"}.icon-basket:before{content:"\e04e"}.icon-magnifier:before{content:"\e090"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.gc{margin-left:-15px}.span-1-2{width:50%}@media only screen and (max-width:480px){.mobile-1{width:100%}}.gc{zoom:1}.gc:before,.gc:after{content:" ";display:table}.gc:after{clear:both}p{margin:0 0 20px!important}#wrapper ol,#wrapper ul{margin-bottom:20px!important}html .menu-item a{font-size:14px}.sh-header-mobile-navigation .header-logo img{max-width:100%}input[type=text],input[type=password],input[type=email]{border:1px solid #d5d5d5;color:gray}input[type=text],input[type=password],input[type=email]{line-height:40px!important}.ajax-auth input[type=text],.ajax-auth input[type=password],.ajax-auth input[type=email]{padding-top:0!important;line-height:40px!important;height:40px!important}.checkboxStyle label{left:0}.field-icon{right:10px}.sh-back-to-top{bottom:100px}@media screen{.ajax-auth{max-width:320px}#popup-wrapper-ajax-auth{background-color:#fff;color:#333}.ajax-auth a.text-link,.ajax-auth h4{color:#b2b0b0}.ajax-auth h4:after{background-color:#b2b0b0}.ajax-auth h4:before{background-color:#b2b0b0}.login_overlay{background-color:rgba(0,0,0,.5)}.ajax-auth h3 a{color:#e25c4c}.ajax-auth .submit_button{background:-moz-linear-gradient(top,#e25c4c,#d85242);background:linear-gradient(to bottom,#e25c4c,#d85242);background-color:#e25c4c;border-color:#c43e2e;box-shadow:0 1px 0 #ff7a6a inset}.inner-text-ajax-forms{color:#fff}.ajax-auth h3{color:#333}#popup-wrapper-ajax-auth .sw-ajax-login-overlay-wrapper,.sw-ajax-login-overlay-wrapper{background:rgba(0,0,0,.3)}#popup-wrapper-ajax-auth{max-width:960px;margin-left:-480px}@media only screen and (max-width:960px){#popup-wrapper-ajax-auth{height:auto;min-height:80px;margin:0;margin-top:60px;margin-bottom:40px;left:0}}}.hentry .entry-header h1{margin-bottom:45px}#page-container .sh-titlebar{display:none}
Popup opening - Best StranoWeb Ajax Login WordPress Plugin
Home
Docs
Plugin Documentation Popup opening Popup opening You can open the popup by clicking on any HTML element containing one of the following CSS classes.
Note: all the classes open logout popup if the user is logged in.
Example: <div class=”sw-open-login”>Open Popup</div>
Simple!
Open by querystring paramenter Additionally you can automatically open the popup by adding the querystring parameter swal=
to the URL (this option must be enabled on Advanced settings).
Click on these links to reload this page, the popups will automatically open.
Read more about ajaxlogin
Doc navigation ← Hooks Reference Troubleshooting →
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
The technical storage or access that is used exclusively for statistical purposes.
The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage consent