function poptin_render_html in Website Popups, Email Popup, Exit-Intent Popup, and Contact Forms – Poptin 8
Same name and namespace in other branches
- 7 includes/poptin.inc \poptin_render_html()
Implements poptin_render_html().
File
- includes/
poptin.inc, line 11 - Creating HTML for admin part, where user can signup or login for poptin.
Code
function poptin_render_html() {
poptin_redirect_link();
$str = '';
global $base_url;
$token = drupal_get_token();
$deactivate_url = $base_url . '/poptindeactivate?token=' . $token;
$generateloginlink = $base_url . '/generateloginlink?token=' . $token;
$module_img_dir = $base_url . '/' . drupal_get_path('module', 'poptin') . '/images/';
$semi_str = '';
if (!poptin_is_user()) {
$regclass = '';
$dashclass = 'hidediv';
}
else {
$regclass = 'hidediv';
$dashclass = '';
}
$semi_str = '<script> var cccToken="' . $token . '"; </script><div class="poptin_forms poptin_registration ' . $regclass . '">
<div class="pforms_wrap register_form">
<div class="pforms_wrap_inner">
<div class="pforms_head">
<ul>
<li>
<h3>Sign up for free</h3>
</li>
<li><a href="#" id="login_form">Already have an account?</a></li>
</ul>
</div>
<!--/pforms_head-->
<div class="form_box">
<input type="text" id="popin_email" class="input_box" name="email" placeholder="Enter your email">
<div class="bottom_form">
<input type="submit" value="Sign Up" class="ppsubmit">
</div>
</div>
</div>
<!--/pforms_wrap_inner-->
</div>
<!--/register_form-->
<div class="pforms_wrap login_form" style="display:none;">
<div class="pforms_wrap_inner">
<div class="pforms_head">
<ul>
<li>
<h3>Enter your user ID</h3>
</li>
<li><a href="#" id="register_form">Sign up for free</a></li>
</ul>
</div>
<!--/pforms_head-->
<div class="form_box">
<input type="text" class="input_box" id="pop_up_id" placeholder="Enter your User ID" />
<div class="bottom_form">
<a class="wheremyid " href="javascript:void(0)" data-toggle="modal" >Where is my user ID? </a>
<input type="submit" value="Connect" class="pplogin" />
</div>
</div>
</div>
<!--/pforms_wrap_inner-->
</div>
<!--/register_form-->
</div>
<div class="poptin_logged ' . $dashclass . '">
<div class="poptin_logged_box">
<h2>You\'re all set!</h2>
<div class="tinyborder"></div>
<span class="everythinglooks">Click on the button below<br>to manage your poptins</span>
<img src="' . $module_img_dir . 'vicon.png" alt="">
<a href="' . $generateloginlink . '" target="_blank" class="ppcontrolpanel goto_dashboard_button_pp_updatable with_token">Go to Dashboard</a>
<a href="javascript:void(0)" class="pplogout">Deactivate Poptin</a>
</div>
<!--/poptin_logged_box-->
</div>';
$str = '<input id="baseurl" type="hidden" value="' . $base_url . '" /><div class="poptin-overlay" style="display: none;"></div><div id="poptin_main">
<div class="poptinLogo"><img src="' . $module_img_dir . 'poptinlogo.png" alt="" > </div>
<!--/logo-->
' . $semi_str . '
<!--/poptin_forms-->
<div class="poptin_content <?php echo $sh_status; ?> poptin_registration">
<h2>Create your first poptin with ease</h2>
<div class="tinyborder"></div>
<div class="pvideo_box">
<div class="pvideo_box_in"> <div style="width:100%;height:100%;width: 905px; height: 509px; float: none; clear: both; margin: 2px auto;"> <embed src="https://www.youtube.com/v/R_B8L3abt7Q?version=3&hl=en_US&rel=0&showinfo=0" wmode="transparent" type="application/x-shockwave-flash" width="100%" height="100%" allowfullscreen="true" title="Adobe Flash Player"> </div>
</div>
<!--/pvideo_box_in--->
</div>
<!--/pvideo_box-->
</div>
<!--/poptin_content-->
<div class="poptin_content whychoose_sec <?php echo $sh_status; ?> poptin_registration">
<h2>Here\'s What Poptin Can Do For You</h2>
<div class="tinyborder"></div>
<div class="pcontent_in">
<div class="whychoose_list">
<ul>
<li>
<div class="box boxEnv">
<div class="boxIcon"><img src="' . $module_img_dir . 'envelope.png" alt="" /></div>
<h4>Get more email subscribers</h4>
</div>
</li>
<li>
<div class="box boxLeads">
<div class="boxIcon"><img src="' . $module_img_dir . 'fanel.png" alt="" /></div>
<h4>Get more leads and sales</h4>
</div>
</li>
<li>
<div class="box boxCart">
<div class="boxIcon"><img src="' . $module_img_dir . 'wheel.png" alt="" /></div>
<h4>Reduce shopping cart abandonment</h4>
</div>
</li>
<li>
<div class="box boxHeart">
<div class="boxIcon"><img src="' . $module_img_dir . 'heart.png" alt="" /></div>
<h4>Increase visitors\' engagement</h4>
</div>
</li>
</ul>
</div>
<!--/whychoose_list-->
</div>
<!--/pcontent_in-->
</div>
<!--/poptin_content-->
<div class="poptin_content digital_marketers <?php echo $sh_status; ?> poptin_registration">
<h2>Digital Marketers ♥ Poptin</h2>
<div class="tinyborder"></div>
<div class="pcontent_in">
<div class="cfedbak_list">
<ul>
<li>
<div class="box client1">
<div class="box_head">
<img src="' . $module_img_dir . 'profile1.png" alt="" />
</div>
<!--head-->
<div class="clientboxtext">
<h4>Michael Kamleitner</h4>
<h6>CEO, Walls.io</h6>
<p>Getting started with poptin was a breeze – we\'ve implemented the widget and connected it to our newsletter within minutes. Our conversion rate skyrocketed! </p>
</div>
</div>
</li>
<li>
<div class="box client2">
<div class="box_head">
<img src="' . $module_img_dir . 'profile2.png" alt="" />
</div>
<!--head-->
<div class="clientboxtext">
<h4>Deepak Shukla</h4>
<h6>CEO, Purr Traffic</h6>
<p>Been v.impressed with Poptin and the team behind it so far. Great responses times from support. The roadmap looks great. I highly recommend. </p>
</div>
</div>
</li>
<li>
<div class="box client3">
<div class="box_head">
<img src="' . $module_img_dir . 'profile3.png" alt="" />
</div>
<!--head-->
<div class="clientboxtext">
<h4>Michael Voiskoun</h4>
<h6>Marketing manager, Engie</h6>
<p>It\'s super easy to use, doesn\'t require any prior coding skill. The team at Poptin is really helpful, providing great support, and adding always more features! </p>
</div>
</div>
</li>
</ul>
</div>
<!--/whychoose_list-->
</div>
<!--/pcontent_in-->
</div>
<!--/poptin_content-->
<div class="poptin_content clients_feedback">
<h2>Let us know what you think <img class="emoji" src="' . $module_img_dir . '1f642.png" alt="" /></h2>
<div class="tinyborder"></div>
<div class="reviewbox">
<div class="reviewtitle">If Poptin already helped you to grow your business, please click on the button below and leave a positive review <img class="emoji" src="' . $module_img_dir . '1f642.png" alt="" /></div>
<div class="reviewstars"><img src="' . $module_img_dir . 'stars.png" alt="" /></div>
<div class="reviewlink"><a href="https://www.drupal.org/project/poptin" target="_blank">Write a Review</a></div>
</div>
<!--/reviewbox-->
</div>
<!--/poptin_content-->
<div class="poptin_footer">
<div class="poptin_footer_img">
<img class="normal_img parrot" src="' . $module_img_dir . 'parrot.png" alt="" />
<img class="hover_img parrot" src="' . $module_img_dir . 'parrot.gif" alt="" />
</div>
<h6>Visit us at <a href="https://www.poptin.com/?utm_source=drupal7" target="_blank">poptin.com</a></h6>
</div>
<div class="modal fade whereis_myid hidediv " tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content ">
<h4>Where is my user ID?</h4>
<div class="myid_list">
<div class="row">
<div class="col-sm-4">
<div class="id_box">
<div class="id_box_img"><img src="' . $module_img_dir . 'where-is-my-id-01.png" alt="" /></div>
<p><strong>1.</strong> Go to your dashboard, in the top bar click on "Settings"</p>
</div>
<!--/id_box-->
</div>
<!--/col-4-->
<div class="col-sm-4">
<div class="id_box">
<div class="id_box_img"><img src="' . $module_img_dir . 'where-is-my-id-02.png" alt="" /></div>
<p><strong>2.</strong> Click on Profile </p>
</div>
<!--/id_box-->
</div>
<!--/col-4-->
<div class="col-sm-4">
<div class="id_box">
<div class="id_box_img"><img src="' . $module_img_dir . 'where-is-my-id-03.png" alt="" /></div>
<p><strong>3.</strong> Copy your user ID </p>
</div>
<!--/id_box-->
</div>
<!--/col-4-->
</div>
</div>
<!--/myid_list-->
<div class="popup_down">
<div class="poptup_button"><a href="javascript:void(0)" class="close_where" data-dismiss="modal" aria-label="Close">Close</a></div>
</div>
</div>
</div>
</div>
<!--/whereis_myid-->
<div class="modal fade lookfamiliar hidediv" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<img class="poptin-parrot-makingsure-image" src="' . $module_img_dir . 'parrot-familiar.png">
<h4>You look familiar</h4>
<p>You already have a Poptin account with this email address. </p>
<div class="popup_down">
<div class="poptup_button"><a href="https://app.popt.in/overview" target="_blank">Login</a></div>
<a href="javascript:void(0)" class="close_lookfamiliar" data-dismiss="modal" aria-label="Close">I\'ll stay</a>
</div>
</div>
</div>
</div>
<!--/lookfamiliar-->
<div class="modal fade hidediv oopsiewrongemailid" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<img class="poptin-parrot-makingsure-image" src="' . $module_img_dir . 'parrot-oopsie.png">
<h4>Oopsie... wrong Email</h4>
<p>Please enter a valid Email Address. </p>
<div class="popup_down">
<div class="poptup_button"><a href="javascript:void(0)" class="close_oopsiewrongemailid" data-dismiss="modal" aria-label="Close">Try again</a></div>
</div>
</div>
</div>
</div>
<!--/oopsiewrongid-->
<div class="modal fade hidediv oopsiewrongid" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<img class="poptin-parrot-makingsure-image" src="' . $module_img_dir . 'parrot-oopsie.png">
<h4>Oopsie... wrong ID</h4>
<p><a href="javascript:void(0)" class="poptin-lightbox-atag where-is-my-id-inside-lb wheremyid" data-toggle="modal">Where is my user ID?</a></p>
<div class="popup_down">
<div class="poptup_button"><a href="javascript:void(0)" class="close_oopsiewrongid" data-dismiss="modal" aria-label="Close">Try again</a></div>
</div>
</div>
</div>
</div>
<!--/oopsiewrongid-->
<div class="modal fade hidediv " id="deactivate_poptin_popup" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<img class="poptin-parrot-makingsure-image" src="' . $module_img_dir . 'parrot-making-sure.png">
<h4>Just making sure</h4>
<p>Are you sure you want to <br /> remove Poptin? </p>
<div class="popup_down">
<span id="deactivate_url" class="hidediv">' . $deactivate_url . '</span>
<div class="poptup_button"><a href="javascript:void(0)" class="pplogout1" >Yes</a></div>
<a href="javascript:void(0)" data-dismiss="modal" aria-label="Close" class="close_confirm">I\'ll stay</a>
</div>
</div>
</div>
</div>
<!--a href="' . $base_url . '/poptinbye/js" class="ppbye ctools-use-modal hidediv">Bye Bye</a>
<a href="' . $base_url . '/poptinacctexists/js" class="ppexists ctools-use-modal hidediv">exists</a-->
<!--/deactivate_poptin_popup-->
<div class="modal hidediv fade byebyeModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<img class="poptin-parrot-byebye-image" src="' . $module_img_dir . 'parrot-bye-bye.png">
<h4>Bye Bye</h4>
<p>Poptin snippet has been <br /> removed. See you around. </p>
<div class="popup_down">
<div class="poptup_button"><a href="javascript:void(0)" class="close_bybye" data-dismiss="modal" aria-label="Close">Close</a></div>
</div>
</div>
</div>
</div>
<!--/byebyeModal-->
</div>
<div class="swal-overlay swal_d_display swal-overlay--show-modal" tabindex="-1">
<div class="swal-modal" role="dialog" aria-modal="true">
<div class="swal-icon swal-icon--error">
<div class="swal-icon--error__x-mark">
<span class="swal-icon--error__line swal-icon--error__line--left"></span>
<span class="swal-icon--error__line swal-icon--error__line--right"></span>
</div>
</div>
<div class="swal-title">Error</div>
<div class="swal-text">The email must be a valid email address.</div>
<div class="swal-footer">
<div class="swal-button-container">
<button class="swal-button swal-button--confirm">OK</button>
<div class="swal-button__loader">
</div>
</div>
</div>
</div>
</div>';
return $str;
}