279 lines
8.3 KiB
PHP
279 lines
8.3 KiB
PHP
<?php
|
||
/**
|
||
* Email Signup Form
|
||
*
|
||
* @author : Premio <contact@premio.io>
|
||
* @license : GPL2
|
||
* */
|
||
|
||
if (defined('ABSPATH') === false) {
|
||
exit;
|
||
}
|
||
?>
|
||
<style>
|
||
body {
|
||
background: #ffffff !important;
|
||
}
|
||
</style>
|
||
<div class="starts-testimonials-updates-form">
|
||
<div class="updates-form-form-left">
|
||
<div class="updates-form-form-left-text">premio</div>
|
||
<img src="<?php echo CHT_PLUGIN_URL ?>admin/assets/images/wcupdate_email.svg" style="width: 230px;margin: 60px 0px 20px 0px;" />
|
||
<p><?php esc_html_e('Grow your WordPress or Shopify websites with our plugins', 'chaty'); ?></p>
|
||
</div>
|
||
<div class="updates-form-form-right">
|
||
<div class="update-title"><?php esc_html_e('Be the first to know product updates, tips & discounts', 'chaty'); ?></div>
|
||
<p><?php esc_html_e('Be among the first to know about our latest features & what we’re working on. Plus insider offer & flash sales', 'chaty'); ?></p>
|
||
<div class="updates-form">
|
||
<div class="update-form-input">
|
||
<div class="mail-icon">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="4" width="20" height="16">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6ZM20 6L12 11L4 6H20ZM12 13L4 8V18H20V8L12 13Z" fill="white"/>
|
||
</mask>
|
||
<g mask="url(#mask0)">
|
||
<rect width="24" height="24" fill="#94A3B8"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<input id="starts_testimonials_update_email" autocomplete="off" value="<?php echo get_option('admin_email') ?>" placeholder="Email address">
|
||
<button href="javascript:;" class="button button-primary form-submit-btn yes befirst-btn"><?php esc_html_e('Sign Up', 'chaty'); ?></button>
|
||
</div>
|
||
<!--div class="update-form-skip-button">
|
||
<button href="javascript:;" class="button button-secondary form-cancel-btn no">Skip</button>
|
||
</div-->
|
||
</div>
|
||
<div class="update-notice-latter">
|
||
<span><a href="javascript:;" class="form-cancel-btn no"><?php esc_html_e('No, I will do it later', 'chaty'); ?></a></span>
|
||
</div>
|
||
<div class="update-notice">
|
||
<?php esc_html_e('You can remove yourself from the list whenever you want, no strings attached', 'chaty'); ?>
|
||
</div>
|
||
<input type="hidden" id="sticky_element_update_nonce" value="<?php echo wp_create_nonce("my_sticky_elements_update_nonce") ?>">
|
||
</div>
|
||
</div>
|
||
<div id="mystickyelement-update-email-overlay" class="stickyelement-overlay" style="display:block;" data-id="0" data-from="widget-status"></div>
|
||
<style>
|
||
|
||
@font-face {
|
||
font-family: 'Lato';
|
||
src: url('<?php echo CHT_PLUGIN_URL."admin/assets/fonts/Lato-Regular.woff";?>');
|
||
}
|
||
|
||
#wpwrap{
|
||
background: url('<?php echo CHT_PLUGIN_URL;?>admin/assets/images/update-bg.jpg');
|
||
background-position: bottom center;
|
||
background-size: cover;
|
||
}
|
||
|
||
.starts-testimonials-updates-form {
|
||
width: 768px;
|
||
padding: 0px 30px 0px 0px;
|
||
box-shadow: 0px 20px 25px rgb(0 0 0 / 10%), 0px 10px 10px rgb(0 0 0 / 4%);
|
||
display: flex;
|
||
margin: 100px auto 0;
|
||
font-family: Lato, sans-serif;
|
||
border-radius: 18.42px 0px 0px 18.419px;
|
||
background:#fff;
|
||
}
|
||
.update-title {
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
font-size: 30px;
|
||
align-items: center;
|
||
color: #334155;
|
||
position: relative;
|
||
line-height: 36px;
|
||
font-family:Lato;
|
||
}
|
||
|
||
.update-title:after{
|
||
content: '';
|
||
background: #605DEC;
|
||
width: 19%;
|
||
height: 2px;
|
||
position: absolute;
|
||
bottom: -16px;
|
||
left: 0;
|
||
}
|
||
|
||
.updates-form-form-left {
|
||
padding: 25px 0px 50px 0px;
|
||
background: linear-gradient(180deg, #3C139A 25.79%, #2A0D76 72.72%);
|
||
border-radius: 14.42px 0px 0px 14.419px;
|
||
text-align:center;
|
||
width: 70%;
|
||
}
|
||
|
||
.updates-form-form-left p{
|
||
font-size: 16px;
|
||
line-height: 1.5;
|
||
margin: 0;
|
||
color: #fff;
|
||
padding: 0px 36px;
|
||
font-family:Lato;
|
||
}
|
||
|
||
.updates-form-form-left span{
|
||
color: #fff;
|
||
margin-left: 0px;
|
||
margin-top: 0px;
|
||
position: absolute;
|
||
font-size: 20px;
|
||
line-height: 0.5;
|
||
font-family:Lato;
|
||
}
|
||
|
||
.updates-form-form-left-text{
|
||
color: #fff;
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
text-align: left;
|
||
padding-left: 30px;
|
||
font-family:Lato;
|
||
}
|
||
.updates-form-form-right{
|
||
margin-left: 16px;
|
||
padding: 70px 47px 70px 45px;
|
||
}
|
||
.updates-form-form-right p {
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
line-height: 150%;
|
||
position: relative;
|
||
color: #475569;
|
||
margin: 32px 0px 20px 0px;
|
||
font-family:Lato;
|
||
|
||
}
|
||
/*.updates-form-form-right p:after {
|
||
content: "";
|
||
border: 1px solid #3C85F7;
|
||
position: absolute;
|
||
bottom: 5px;
|
||
left: 0;
|
||
width: 90px;
|
||
|
||
}*/
|
||
.updates-form {
|
||
/*display: flex;*/
|
||
}
|
||
.update-form-input {
|
||
position: relative;
|
||
}
|
||
.update-form-input input {
|
||
width: 385px;
|
||
background: #F4F4F5;
|
||
border: 1px solid #F4F4F5;
|
||
box-sizing: border-box;
|
||
border-radius: 8px;
|
||
height: 42px;
|
||
line-height: 40px;
|
||
padding: 0 50px 0 40px;
|
||
font-size: 13px;
|
||
box-sizing: border-box;
|
||
color: #334155;
|
||
}
|
||
.update-form-input .form-submit-btn {
|
||
background: #5A00F0;
|
||
border-radius: 8px;
|
||
border: none;
|
||
color: #fff;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
font-size: 13px;
|
||
line-height: 150%;
|
||
height: 36px;
|
||
padding: 0 10px;
|
||
position: absolute;
|
||
right: 3px;
|
||
top: 3px;
|
||
width: 100px;
|
||
font-family:Lato;
|
||
}
|
||
.update-form-input #starts_testimonials_update_email:hover{
|
||
border-bottom: 1px solid #5A00F0;
|
||
border-radius: 8px 8px 0px 0px;
|
||
}
|
||
|
||
.update-form-input #starts_testimonials_update_email:focus-visible{
|
||
border :1px solid #5A00F0 !important;
|
||
outline: 1px !important;
|
||
border-radius: 8px;
|
||
}
|
||
|
||
.update-form-input .form-submit-btn:hover{
|
||
background: #5A00F0;
|
||
}
|
||
|
||
.updates-form .form-cancel-btn.no {
|
||
margin: 0 0 0 3px;
|
||
background: transparent;
|
||
border: none;
|
||
color: #64748B;
|
||
font-size: 13px;
|
||
line-height: 40px;
|
||
padding: 0 0 0 5px;
|
||
}
|
||
|
||
.updates-form .form-cancel-btn.no:hover {
|
||
color: #334155;
|
||
}
|
||
|
||
.mail-icon {
|
||
position: absolute;
|
||
top: 8px;
|
||
left: 10px;
|
||
}
|
||
|
||
.update-notice {
|
||
margin: 50px 22px 0 0px;
|
||
font-size: 16px;
|
||
line-height: 150%;
|
||
color: #28375A;
|
||
text-align:center;
|
||
font-family:Lato;
|
||
padding: 0;
|
||
}
|
||
|
||
.update-notice-latter{
|
||
margin: 20px 0px;
|
||
width: 100%;
|
||
text-align: center;
|
||
color:#28375A;
|
||
}
|
||
|
||
.update-notice-latter span a{
|
||
text-decoration: underline;
|
||
cursor: pointer;
|
||
color:#28375A;
|
||
}
|
||
</style>
|
||
|
||
<script>
|
||
jQuery(document).ready(function($) {
|
||
jQuery(document).on("click", ".updates-form button, a.form-cancel-btn", function () {
|
||
var updateStatus = 0;
|
||
if (jQuery(this).hasClass("yes")) {
|
||
updateStatus = 1;
|
||
}
|
||
$(".updates-form button").attr("disabled", true);
|
||
$.ajax({
|
||
url: ajaxurl,
|
||
data: {
|
||
action: "chaty_update_status",
|
||
status: updateStatus,
|
||
nonce: '<?php echo wp_create_nonce("chaty_update_status") ?>',
|
||
email: jQuery("#starts_testimonials_update_email").val()
|
||
},
|
||
type: 'post',
|
||
cache: false,
|
||
success: function () {
|
||
window.location.reload();
|
||
}
|
||
})
|
||
});
|
||
});
|
||
</script>
|