hellobar / views / options.php

options.php in Hello Bar Popup Builder trunk, at views/options.php

52 lines 4.4 KB

Raw Download Zip

1	<?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
2	<form action="" method="post" id="helloBarAdmin">
3	<?php wp_nonce_field($namespace."_options", $namespace.'_update_wpnonce'); ?>
4	<input type="hidden" name="form_action" value="update_options">
5	<div class="wrap" style="margin:0">
6	<header><a href="javascript:void(0)" id="helloBasLogo"><img src="<?php echo esc_url( $plugin_path . 'images/logo.png' ); ?>"></a><br><br><span class="hbhdrTitle"><b>Convert</b> visitors into customers with Hello Bar</span></header>
7	<div class="tool-box">
8	<p><a class="helloBarSiteLink" target="new" href="https://www.hellobar.com">Visit Site to Learn More or Sign Up</a></p>
9	<p class="helloBarHiLight"><?php
10	if ($hellobar_code) {
11	?>Congratulations! Hello Bar is now installed on your site.<?php
12	} else {
13	?>Thanks for the install! Glad to have you in the Hello Bar community!<br><br>You’re just a hop and a skip away from converting your site visitors into customers.<br><br>To get Hello Bar live on your WordPress site, you’ll just do a quick and easy “copy and paste” to install the site snippet.<br><br><a href="<?php echo esc_url( $plugin_path . 'images/demo.png' ); ?>" class="hellobardemoanc open-lightbox"><img class="hellobardemoimg" src="<?php echo esc_url( $plugin_path . 'images/demo.png' ); ?>"></a><span class="hellobarInstruct">Here’s how:<br><br>1. Log in to HelloBar.com<br>2. Click on your email address at the top right corner of the screen<br>3. Select “Installation Instructions” from the drop down menu<br>4. Select “I use Wordpress” then click the green “Copy” button.<br><br> Now, your site snipped will be saved and ready to paste into WordPress directly, down below!<br><br>And with that, you’re ready to collect emails, drive traffic, and grow your social community! Kiss those one-time visitors goodbye and say hello to your new conversions with Hello Bar!</span><?php
14	} ?></p><?php
15	if ($hellobar_code) {
16	?><input type="hidden" name="hellobar_code" value=""><?php
17	} else {
18	?>
19	<div class="hellobarLable">
20	<div class="hbarLl"></div>
21	<div class="hbarLr"><a href="javascript:void(0)" class="hbarqtip1 hasTooltip">Locate my site snippet
22	<img src="<?php echo esc_url( $plugin_path . 'images/q.png' ); ?>"></a>
23	<div class="hbarqtiptext1">Not quite sure how to follow the yellow brick road to Hello Bar installation? No worries, we’ve got your back! Just click your ruby red slippers together three times and shoot us a message at support@hellobar.com, and we’ll work our magic to take you from confusion to conversion!</div>
24	</div>
25	</div>
26	<textarea rows="3" name="hellobar_code" placeholder="Enter Hello Bar Site Snippet" ><?php echo esc_textarea(html_entity_decode($hellobar_code, ENT_QUOTES, 'UTF-8')); ?></textarea>
27	<input id="<?php echo esc_attr($namespace); ?>-load-code-in-header" type="checkbox" name="load_hellobar_in" value="header"<?php echo $load_hellobar_in == 'header' ? ' checked="checked"' : ''; ?> /><label for="<?php echo esc_attr($namespace); ?>-load-code-in-header">Load the Hello Bar code in your site's Header (before </head>)</label>
28	<?php
29	}
30	if ($hellobar_code) {
31	?><p class="helloBarSubmit"><input type="submit" name="Submit" class="helloBarSubmitBtn" value="<?php esc_attr_e('Start Over', 'hellobar') ?>"/></p><?php
32	} else {
33	?><p class="helloBarSubmit"><input type="submit" name="Submit" class="helloBarSubmitBtn" value="<?php esc_attr_e('Activate Hello Bar', 'hellobar') ?>"/></p><?php
34	}
35	?>
36	</div>
37	</div>
38	</form>
39	<?php
40	if (HelloBarForWordPress::is_script()!=false) {
41	HelloBarForWordPress::reset_old_api(HelloBarForWordPress::is_script());
42	}
43	?>
44	<script type="text/javascript">jQuery(document).ready(function($){(function($){
45	$(document).on('click','.hellobardemoanc',function(e){
46	var image=$(this).attr('href');$('html').addClass('no-scroll');
47	$('body').append('<div class="lightbox-opened"><img src="'+image+'"></div>');return false});
48	$('body').on('click','.lightbox-opened',function(){$('html').removeClass('no-scroll');$('.lightbox-opened').remove();
49	});
50	$('.hbarqtip1').each(function(){$(this).qtip({position:{my:'top left',at:'bottom left',target:'.hbarqtip1'},content:{text:$('.hbarqtiptext1')},style:{classes:'hbarqtipcss1'}})});
51	}(jQuery))});</script>
52