| 1 |
<?php |
| 2 |
/** |
| 3 |
* Admin View: Dashboard |
| 4 |
* |
| 5 |
* @package Notifier |
| 6 |
*/ |
| 7 |
|
| 8 |
if ( ! defined( 'ABSPATH' ) ) { |
| 9 |
exit; |
| 10 |
} |
| 11 |
$api_key = get_option(NOTIFIER_PREFIX . 'api_key'); |
| 12 |
?> |
| 13 |
<div class="wrap notifier"> |
| 14 |
<div class="notifier-wrapper"> |
| 15 |
<?php if (!Notifier::is_api_active()) : ?> |
| 16 |
<div class="dashboard-boxes"> |
| 17 |
<div class="col w-70"> |
| 18 |
<div class="dashboard-box"> |
| 19 |
<div class="dashboard-box-head"> |
| 20 |
<h3>Let's get started</h3> |
| 21 |
</div> |
| 22 |
<div class="dashboard-box-body"> |
| 23 |
<p><a href="https://wanotifier.com/" target="_blank">WA Notifier</a> is a SaaS tool that allows you to send bulk WhatsApp marketing and transactional messages to your customers using the <b>WhatsApp's official Cloud APIs</b>.</p> |
| 24 |
<p>This plugin is an extension to our SaaS platform that allows you to <b>trigger WhatsApp message notifications</b> from your WordPress website.</p> |
| 25 |
<p>To use this plugin you'll need to <b>create an account with us</b> and connect it with this plugin.</p> |
| 26 |
<p>Following are the instructions to do the setup.</p> |
| 27 |
<ol> |
| 28 |
<li>Create a <b>FREE account</b> on WANotifier.com by <a href="https://app.wanotifier.com/create-account/" target="_blank">clicking here</a>.</li> |
| 29 |
<li>Go through the on-boarding steps to setup your <b>WhatsApp Cloud API account</b> and integrate that with WANotifier.</li> |
| 30 |
<li>After setup is done, you'll land on the <b>Dashboard</b> page. From there, go to the <a href="https://app.wanotifier.com/settings/api/" target="_blank">Settings > API</a> page and scroll to the bottom to get your <b>WANotifier.com API Key</b>.</li> |
| 31 |
<li>Copy and paste that key in the text box below and click on <b>Save and Validate</b> to continue.</li> |
| 32 |
</ol> |
| 33 |
<p>The whole process might take <b>15 - 30 min</b> depending on your pace.</p> |
| 34 |
<hr> |
| 35 |
<p><b>Need help?</b> We can help you setup your account and this plugin for FREE. Just <a href="https://wanotifier.com/support/" target="_blank">get in touch</a> with us and we'll do it for you.</p> |
| 36 |
<hr style="margin-bottom: 20px;"> |
| 37 |
<form method="POST" action="" enctype="multipart/form-data"> |
| 38 |
<input type="text" name="notifier_api_key" id="wa-notifier-api-key" placeholder="Enter your API key here" value="<?php echo $api_key; ?>" /> |
| 39 |
<button name="webhook_validation" class="button-primary" type="submit" value="">Submit and validate</button> |
| 40 |
<?php wp_nonce_field( NOTIFIER_NAME . '-webhook-validation' ); ?> |
| 41 |
</form> |
| 42 |
</div> |
| 43 |
</div> |
| 44 |
</div> |
| 45 |
<div class="col w-30"> |
| 46 |
<div class="dashboard-box"> |
| 47 |
<div class="dashboard-box-head"> |
| 48 |
<h3>Customer testimonials</h3> |
| 49 |
</div> |
| 50 |
<div class="dashboard-box-body"> |
| 51 |
<em><p>I have been <strong>using WANotifier for the past 1 month</strong> for my eCommerce store. I am able to add/import/manage contacts, create message templates, segment users, connect with third party APIs, reply to messages all within the same dashboard. The UI is <strong>simple and friendly</strong>. The instructions are clear. <strong>Definitely recommended</strong>!</p></em> |
| 52 |
<p><strong>Gopi Kanna<br> |
| 53 |
</strong>Co-founder, <a href="https://domaincoasters.com/" target="_blank" rel="noopener nofollow">Domain Coasters</a></p> |
| 54 |
<hr> |
| 55 |
<em><p>We have been using WANotifier for past two months. <strong>Nice product</strong>! A quick and automated response brings in a feeling of completeness to online purchase experience for our customers. We have processed multiple orders after installing this utility and <strong>it just works perfectly every time</strong>.</p></em> |
| 56 |
<p><strong>Avinash Pendse<br> |
| 57 |
</strong>Founder, <a href="https://grahakshahi.com/" target="_blank" rel="noopener nofollow">Grahak Shahi</a></p> |
| 58 |
<hr> |
| 59 |
<em><p>Very good plugin for <b>WhatsApp Woocommerce integration for free</b>. Easily work without any issues. Simple to use.Tutorials also found on YouTube. Thanks to the WANotifier team.</p></em> |
| 60 |
<strong>hashimsamnan</strong><br> |
| 61 |
<a href="https://wordpress.org/support/topic/best-plugin-for-whatsapp-woocommerce-integration/" target="_blank" rel="noopener nofollow">Woocommerce user</a> |
| 62 |
</div> |
| 63 |
</div> |
| 64 |
</div> |
| 65 |
</div> |
| 66 |
<?php |
| 67 |
else : |
| 68 |
$available_triggers = Notifier_Notification_Triggers::get_notification_triggers(); |
| 69 |
$enabled_triggers = get_option('notifier_enabled_triggers'); |
| 70 |
$enabled_triggers = (!empty($enabled_triggers)) ? $enabled_triggers : array(); |
| 71 |
?> |
| 72 |
<div class="dashboard-boxes"> |
| 73 |
<div class="col w-70"> |
| 74 |
<div class="dashboard-box"> |
| 75 |
<div class="dashboard-box-head"> |
| 76 |
<h3>How to use this plugin?</h3> |
| 77 |
</div> |
| 78 |
<div class="dashboard-box-body"> |
| 79 |
<p>Follow the instructions below to setup your <b>Triggers</b> that'll fire WhatsApp notification messages:</p> |
| 80 |
<p><b>On this site</b></p> |
| 81 |
<ol> |
| 82 |
<li><a href="<?php echo admin_url('post-new.php?post_type=wa_notifier_trigger'); ?>" target="_blank">Click here</a> to add a new Trigger and select the <b>Trigger</b> from the dropdown when you want the notification to be fired.</li> |
| 83 |
<li>Enable the <b>Data fields</b> and <b>Recipient fields</b> that you want to send to WANotifier when notification is fired. The fields you enable here will be available for you to use when you create a notification.</li> |
| 84 |
<li>Then save and enable this trigger.</li> |
| 85 |
</ol> |
| 86 |
<p><b>On WANotifier portal</b></p> |
| 87 |
<ol start="4"> |
| 88 |
<li>Create a new <b>Message Template</b> by <a href="https://app.wanotifier.com/templates/add/" target="_blank">clicking here</a>. This is the template that will be sent when a notification is triggered. You can create templates with variables (aka merge tags) and map those variables with the <b>Data fields</b> you enabled in step #3.</li> |
| 89 |
<li>Then <a href="https://app.wanotifier.com/notifications/add/" target="_blank">create a new Notification</a>. In the <b>Trigger</b> dropdown, you will see the trigger that you created in step #1. Select that.</li> |
| 90 |
<li>Then add <b>Recipients</b> to whom you want to send this notification. You will find the <b>Recipient fields</b> here that you enabled in step #3.</li> |
| 91 |
<li>Then select the <b>Message Template</b> you created in step #4. If you created this message template with variables, you can map those variables with the available <b>Data fields</b> that you enabled in step #3 from the <b>Assign values to template variables</b> section.</li> |
| 92 |
<li>Click on the <b>Save</b> button to save this notification.</li> |
| 93 |
</ol> |
| 94 |
<p>That's it. Your notification will be sent when it gets triggered from this website!</p> |
| 95 |
<p><em><b>Disclaimer:</b> By enabling the triggers you accept and agree that the associated data and recipient fields will be sent to our server for use with the message template when sending notifications. We do not store any data other than what is required for sending a notification.</em></p> |
| 96 |
<!--<a class="notifier-overview-image" href="<?php echo NOTIFIER_URL; ?>assets/images/notifier-plugin-overview.svg" target="_blank"> |
| 97 |
<img src="<?php echo NOTIFIER_URL; ?>assets/images/notifier-plugin-overview.svg"> |
| 98 |
</a>--> |
| 99 |
</div> |
| 100 |
</div> |
| 101 |
</div> |
| 102 |
<div class="col w-30"> |
| 103 |
<div class="dashboard-box"> |
| 104 |
<div class="dashboard-box-head"> |
| 105 |
<h3>Want more control?</h3> |
| 106 |
</div> |
| 107 |
<div class="dashboard-box-body"> |
| 108 |
<p>This plugin provides you with simple triggers with a basic set of data fields to trigger notifications. If want more control over triggering your notifications, we suggest using <b>Webhooks</b> instead.</p> |
| 109 |
<p>With webhooks you can <b>add Contacts</b> and <b>trigger Notifications</b> from WordPress using action hooks or using 3rd party sites like Zapier, Pabbly, IFTTT etc!</p> |
| 110 |
<p><a href="https://app.wanotifier.com/contacts/import/" target="_blank">Click here</a> to view the webhook URL to <b>add contacts</b>. To trigger notification using webhook, <a href="https://app.wanotifier.com/notifications/add/" target="_blank">create a new Notification</a> and select <b>Trigger</b> option as <b>Via a Webhook URL</b>.</p> |
| 111 |
</div> |
| 112 |
</div> |
| 113 |
<div class="dashboard-box"> |
| 114 |
<div class="dashboard-box-head"> |
| 115 |
<h3>Quick links</h3> |
| 116 |
</div> |
| 117 |
<div class="dashboard-box-body"> |
| 118 |
<ul> |
| 119 |
<li><a href="https://app.wanotifier.com/template/" target="_blank">Message Templates</a> - Create / edit message templates.</li> |
| 120 |
<li><a href="https://app.wanotifier.com/contacts/" target="_blank">Contacts</a> - Manage your contacts.</li> |
| 121 |
<li><a href="https://app.wanotifier.com/notifications/" target="_blank">Notifications</a> - See the notification delivery stats and much more.</li> |
| 122 |
<li><a href="https://app.wanotifier.com/inbox/" target="_blank">Inbox</a> - See customer replies to your notifications and message them back.</li> |
| 123 |
</ul> |
| 124 |
</div> |
| 125 |
</div> |
| 126 |
</div> |
| 127 |
</div> |
| 128 |
<?php endif; ?> |
| 129 |
|
| 130 |
</div> |
| 131 |
</div> |
| 132 |
|
