File "orderable-pro-page.php"

Full Path: /home/romayxjt/public_html/wp-content/plugins/orderable/templates/admin/orderable-pro-page.php
File size: 13.65 KB
MIME-type: text/plain
Charset: utf-8

<link rel="stylesheet" href="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/admin/css/upgrade-pro.css">

<div class="ordpro-upgrade-wrap">
	<div class="ordpro-upgrade__header">
		<div class="ordpro-upgrade__header-logo">
			<img class='ordpro-upgrade__header-logo-icon' src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/orderable-logo.png">
			<div class="ordpro-upgrade__header-logo-right">
				<div class="ordpro-upgrade__header-logo-text">
					<img class='ordpro-upgrade__header-logo-text-img' src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/orderable-logo-text.png">
				</div>
				<span class='ordpro-upgrade-badge'><?php echo esc_html( $feature ); ?></span>
			</div>
		</div>

		<img class='ordpro-upgrade__header-delivery-img' src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/header-delivery.png" alt="">
	</div>
	<div class="ordpro-upgrade__body">

		<div class="ordpro-upgrade-features">
			<div class="ordpro-upgrade-features__left">
				<h3 class="ordpro-upgrade-features__left-heading">
					Are you ready to take online ordering to the next level?
				</h3 class="ordpro-upgrade-features__left-heading-badge">
				<div>
					<span class="ordpro-upgrade-badge-addons">Pro Features</span>
				</div>

				<div class="ordpro-upgrade-features__left-features">

					<div class="ordpro-upgrade-features__left-features-item">
						<div class="ordpro-upgrade-features__left-features-item-icon">
							<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/Icon-addons.png">
						</div>
						<div class="ordpro-upgrade-features__left-features-item-text">
							<h3 class='ordpro-upgrade-features__left-features-item-text-heading'>Product Add-ons</h3>
							<p class='ordpro-upgrade-features__left-features-item-text-text'>Allow customers to customize their order.</p>
						</div>
					</div>

					<div class="ordpro-upgrade-features__left-features-item">
						<div class="ordpro-upgrade-features__left-features-item-icon">
							<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/Icon-bump.png">
						</div>
						<div class="ordpro-upgrade-features__left-features-item-text">
							<h3 class='ordpro-upgrade-features__left-features-item-text-heading'>Order Bumps</h3>
							<p class='ordpro-upgrade-features__left-features-item-text-text'>Suggest additional items to increase your average order.</p>
						</div>
					</div>

					<div class="ordpro-upgrade-features__left-features-item">
						<div class="ordpro-upgrade-features__left-features-item-icon">
							<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/Icon-timeslots.png">
						</div>
						<div class="ordpro-upgrade-features__left-features-item-text">
							<h3 class='ordpro-upgrade-features__left-features-item-text-heading'>Time Slots</h3>
							<p class='ordpro-upgrade-features__left-features-item-text-text'>Set when you’re available to deliver or accept orders.</p>
						</div>
					</div>

					<div class="ordpro-upgrade-features__left-features-item">
						<div class="ordpro-upgrade-features__left-features-item-icon">
							<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/icon-table-ordering.png">
						</div>
						<div class="ordpro-upgrade-features__left-features-item-text">
							<h3 class='ordpro-upgrade-features__left-features-item-text-heading'>Table Ordering</h3>
							<p class='ordpro-upgrade-features__left-features-item-text-text'>Use QR codes to automatically assign table numbers to orders.</p>
						</div>
					</div>

					<div class="ordpro-upgrade-features__left-features-item">
						<div class="ordpro-upgrade-features__left-features-item-icon">
							<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/Icon-custom-checkout.png">
						</div>
						<div class="ordpro-upgrade-features__left-features-item-text">
							<h3 class='ordpro-upgrade-features__left-features-item-text-heading'>Custom Checkout</h3>
							<p class='ordpro-upgrade-features__left-features-item-text-text'>Optimized for quickly processing local delivery and pickup orders.</p>
						</div>
					</div>

					<div class="ordpro-upgrade-features__left-features-item">
						<div class="ordpro-upgrade-features__left-features-item-icon">
							<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/Icon-tipping.png">
						</div>
						<div class="ordpro-upgrade-features__left-features-item-text">
							<h3 class='ordpro-upgrade-features__left-features-item-text-heading'>Checkout Tipping</h3>
							<p class='ordpro-upgrade-features__left-features-item-text-text'>Add tip prompts to your checkout to boost revenue.</p>
						</div>
					</div>

					<div class="ordpro-upgrade-features__left-features-item">
						<div class="ordpro-upgrade-features__left-features-item-icon">
							<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/icon-timed-products.png">
						</div>
						<div class="ordpro-upgrade-features__left-features-item-text">
							<h3 class='ordpro-upgrade-features__left-features-item-text-heading'>Timed Products</h3>
							<p class='ordpro-upgrade-features__left-features-item-text-text'>Control when products are visible in your location.</p>
						</div>
					</div>

					<div class="ordpro-upgrade-features__left-features-item">
						<div class="ordpro-upgrade-features__left-features-item-icon">
							<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/Icon-whatsapp.png">
						</div>
						<div class="ordpro-upgrade-features__left-features-item-text">
							<!-- <div class="ordpro-upgrade-comming-soon-badge">Coming Soon!</div> -->
							<h3 class='ordpro-upgrade-features__left-features-item-text-heading'>SMS & WhatsApp</h3>
							<p class='ordpro-upgrade-features__left-features-item-text-text'>Notify customers when their order is on the way.</p>
						</div>
					</div>					

				</div> <!-- ordpro-upgrade-features__left-features -->
				<a class="ordpro-upgrade-features__left-view-all" target="_blank" href="https://orderable.com/?utm_source=Orderable&utm_medium=Plugin&utm_campaign=<?php echo esc_html( $utm_campaign ); ?>">
					View all Features →
				</a>
			</div>

			<div class="ordpro-upgrade-box">
				<div class="ordpro-upgrade-box__star">
					<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/star-large.png">	
				</div>
				<h3 class='ordpro-upgrade-box__heading'>Orderable Pro</h3>
				<p class='ordpro-upgrade-box__text'>Take online ordering to the next level with our revenue-boosting pro features.</p>
				<a target="_blank" href="http://orderable.com/?utm_source=Orderable&utm_medium=Plugin&utm_campaign=<?php echo esc_html( $utm_campaign ); ?>" class="ordpro-upgrade-button ordpro-upgrade-button--rightbox">
					<span class='ordpro-upgrade-button__text'>Upgrade to Pro!</span>
					<span class='ordpro-upgrade-button__arrow'>→</span>
				</a>
				<p class='ordpro-upgrade-box__includes'>— INCLUDES —</p>
				<p class='ordpro-upgrade-box__includes-text'>Updates & Support for one year</p>
			</div>
		</div>

		<div class="ordpro-upgrade-faqs">
			<div class="ordpro-upgrade-faqs__header">
				<h3>
					<img src="<?php echo esc_attr( ORDERABLE_ASSETS_URL ); ?>/img/upgrade-to-pro/icon-question.png">
					Frequently Asked Questions
				</h3>
			</div>
			<div class="ordpro-upgrade-faqs__body">

				<div class="ordpro-upgrade-faqs__body-faq">
					<div class="ordpro-upgrade-faqs__body-faq-header">
						<div class="ordpro-upgrade-faqs__body-faq-header-question">
							<h4>Does Orderable charge a percentage of each order?</h4>
						</div>
						<div class="ordpro-upgrade-faqs__body-faq-header-icon">
							<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M9 1V17M17 9H1" stroke="#0B2135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</div>
					</div>	
					<div class="ordpro-upgrade-faqs__body-faq-content">
						<p>One of the benefits of using Orderable is you are not charged additional fees on each transaction, unlike other ordering systems.</p>
					</div>	
				</div>

				<div class="ordpro-upgrade-faqs__body-faq">
					<div class="ordpro-upgrade-faqs__body-faq-header">
						<div class="ordpro-upgrade-faqs__body-faq-header-question">
							<h4>Do you offer refunds?</h4>
						</div>
						<div class="ordpro-upgrade-faqs__body-faq-header-icon">
							<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M9 1V17M17 9H1" stroke="#0B2135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</div>
					</div>	
					<div class="ordpro-upgrade-faqs__body-faq-content">
						<p>If you're truly not happy and you're sure there's nothing we can do to help, then you can request a full refund within 30 days of purchasing.</p>
					</div>	
				</div>

				<div class="ordpro-upgrade-faqs__body-faq">
					<div class="ordpro-upgrade-faqs__body-faq-header">
						<div class="ordpro-upgrade-faqs__body-faq-header-question">
							<h4>Is this an annual subscription?</h4>
						</div>
						<div class="ordpro-upgrade-faqs__body-faq-header-icon">
							<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M9 1V17M17 9H1" stroke="#0B2135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</div>
					</div>	
					<div class="ordpro-upgrade-faqs__body-faq-content">
						<p>Yes, it will renew each year. You can cancel your subscription and the plugin will continue to work when your license expires, however, you will no longer receive updates or support.</p>
					</div>	
				</div>
				<div class="ordpro-upgrade-faqs__body-faq">
					<div class="ordpro-upgrade-faqs__body-faq-header">
						<div class="ordpro-upgrade-faqs__body-faq-header-question">
							<h4>Are discounts applied to annual renewals?</h4>
						</div>
						<div class="ordpro-upgrade-faqs__body-faq-header-icon">
							<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M9 1V17M17 9H1" stroke="#0B2135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</div>
					</div>	
					<div class="ordpro-upgrade-faqs__body-faq-content">
						<p>No, discounts on annual licenses apply to the first year only.</p>
					</div>	
				</div>
				<div class="ordpro-upgrade-faqs__body-faq">
					<div class="ordpro-upgrade-faqs__body-faq-header">
						<div class="ordpro-upgrade-faqs__body-faq-header-question">
							<h4>Do you offer lifetime licenses?</h4>
						</div>
						<div class="ordpro-upgrade-faqs__body-faq-header-icon">
							<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M9 1V17M17 9H1" stroke="#0B2135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</div>
					</div>	
					<div class="ordpro-upgrade-faqs__body-faq-content">
						<p>No, we do not offer any lifetime options for Orderable Pro.</p>
					</div>	
				</div>	
				<div class="ordpro-upgrade-faqs__body-faq">
					<div class="ordpro-upgrade-faqs__body-faq-header">
						<div class="ordpro-upgrade-faqs__body-faq-header-question">
							<h4>Can I install Orderable on my client's websites?</h4>
						</div>
						<div class="ordpro-upgrade-faqs__body-faq-header-icon">
							<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M9 1V17M17 9H1" stroke="#0B2135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</div>
					</div>	
					<div class="ordpro-upgrade-faqs__body-faq-content">
						<p>Yes, you certainly can, however, your client won't have direct access to our support. All support requests would need to come from you as the license purchaser.</p>
					</div>	
				</div>	
				<div class="ordpro-upgrade-faqs__body-faq">
					<div class="ordpro-upgrade-faqs__body-faq-header">
						<div class="ordpro-upgrade-faqs__body-faq-header-question">
							<h4>Do you have a public roadmap so I can see what you are planning?</h4>
						</div>
						<div class="ordpro-upgrade-faqs__body-faq-header-icon">
							<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M9 1V17M17 9H1" stroke="#0B2135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</div>
					</div>	
					<div class="ordpro-upgrade-faqs__body-faq-content">
						<p>You can access our roadmap and feature request board via the account area after purchasing. We don't currently have a public-facing roadmap.</p>

						<p>To be clear, there are no extra charges for anything listed above and we won't ever add a feature to Orderable that you don't get access to as a Pro customer.</p>
					</div>	
				</div>																	
			</div> <!-- ordpro-upgrade-faqs__body -->

			<a target="_blank" href='https://orderable.com/?utm_source=Orderable&utm_medium=Plugin&utm_campaign=<?php echo esc_html( $utm_campaign ); ?>#kt-layout-id_8a3d43-6c' class="ordpro-upgrade-faqs-view-all">View all Questions  →</a>
		</div>

	</div>
</div>
<script>
	jQuery( '.ordpro-upgrade-faqs__body-faq-header' ).click( function() {
		var $faq = jQuery(this).closest( '.ordpro-upgrade-faqs__body-faq' );
		var is_open = $faq.hasClass('ordpro-upgrade-faqs__body-faq--open');
		if ( is_open ) {
			$faq.find('.ordpro-upgrade-faqs__body-faq-content').slideUp();
			$faq.removeClass('ordpro-upgrade-faqs__body-faq--open');
		} else {
			$faq.find('.ordpro-upgrade-faqs__body-faq-content').slideDown();
			$faq.addClass('ordpro-upgrade-faqs__body-faq--open');
		}
	} );
</script>