| 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="onboarding"> |
| 17 |
<div class="onboarding-head"> |
| 18 |
<h3>Let's Get Started</h3> |
| 19 |
</div> |
| 20 |
<div class="onboarding-body"> |
| 21 |
<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> |
| 22 |
<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> |
| 23 |
<p>To use this plugin you'll need to <b>create an account with us</b> and connect it with this plugin.</p> |
| 24 |
<p>Following are the instructions to do the setup.</p> |
| 25 |
<ol> |
| 26 |
<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> |
| 27 |
<li>After you create your account, go through the on-boarding steps to the setup up of your <b>test WhatsApp Cloud API account</b>.</li> |
| 28 |
<li>Once the test account is ready, follow further instructions on our website to set up <b>your own phone number</b> with the Cloud API (and get out of <b>Test Mode</b>).</li> |
| 29 |
<li>After that is done, go to the <a href="https://app.wanotifier.com/settings/api/" target="_blank">Settings > API</a> and scroll to the bottom to get your <b>WANotifier.com API Key</b>.</li> |
| 30 |
<li>Copy and paste that key in the text box below and click on <b>Save and Validate</b> to continue.</li> |
| 31 |
</ol> |
| 32 |
<p><b>Setup time:</b> 15 - 30 min (depending on your pace)</p> |
| 33 |
<hr> |
| 34 |
<p><b>Feeling overwhelmed?</b> Don't worry, we can help you setup your account and this plugin for FREE. Just submit a support request <a href="https://wanotifier.com/support/" target="_blank">here</a> or start a chat with us on our <a href="https://wanotifier.com/" target="_blank">website</a> and we'll help you with the setup.</p> |
| 35 |
</div> |
| 36 |
<div class="onboarding-footer"> |
| 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 |
<?php |
| 45 |
else : |
| 46 |
$available_triggers = Notifier_Notification_Triggers::get_notification_triggers(); |
| 47 |
$enabled_triggers = get_option('notifier_enabled_triggers'); |
| 48 |
$enabled_triggers = (!empty($enabled_triggers)) ? $enabled_triggers : array(); |
| 49 |
?> |
| 50 |
<div class="dashboard-boxes"> |
| 51 |
<div class="col w-70"> |
| 52 |
<div class="dashboard-box"> |
| 53 |
<div class="dashboard-box-head"> |
| 54 |
<h3>How to use this plugin?</h3> |
| 55 |
</div> |
| 56 |
<div class="dashboard-box-body"> |
| 57 |
<p>Follow the instructions below to setup your <b>Triggers</b> that'll fire WhatsApp notification messages:</p> |
| 58 |
<p><b>On this site</b></p> |
| 59 |
<ol> |
| 60 |
<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> |
| 61 |
<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> |
| 62 |
<li>Then save and enable this trigger.</li> |
| 63 |
</ol> |
| 64 |
<p><b>On WANotifier portal</b></p> |
| 65 |
<ol start="4"> |
| 66 |
<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> |
| 67 |
<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> |
| 68 |
<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> |
| 69 |
<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> |
| 70 |
<li>Click on the <b>Save</b> button to save this notification.</li> |
| 71 |
</ol> |
| 72 |
<p>That's it. Your notification will be sent when it gets triggered from this website!</p> |
| 73 |
<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> |
| 74 |
<!--<a class="notifier-overview-image" href="<?php echo NOTIFIER_URL; ?>assets/images/notifier-plugin-overview.svg" target="_blank"> |
| 75 |
<img src="<?php echo NOTIFIER_URL; ?>assets/images/notifier-plugin-overview.svg"> |
| 76 |
</a>--> |
| 77 |
</div> |
| 78 |
</div> |
| 79 |
</div> |
| 80 |
<div class="col w-30"> |
| 81 |
<div class="dashboard-box"> |
| 82 |
<div class="dashboard-box-head"> |
| 83 |
<h3>Want more control?</h3> |
| 84 |
</div> |
| 85 |
<div class="dashboard-box-body"> |
| 86 |
<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> |
| 87 |
<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> |
| 88 |
<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> |
| 89 |
</div> |
| 90 |
</div> |
| 91 |
<div class="dashboard-box"> |
| 92 |
<div class="dashboard-box-head"> |
| 93 |
<h3>Quick links</h3> |
| 94 |
</div> |
| 95 |
<div class="dashboard-box-body"> |
| 96 |
<ul> |
| 97 |
<li><a href="https://app.wanotifier.com/inbox/" target="_blank">Inbox</a> - See customer replies to your notifications and message them back.</li> |
| 98 |
<li><a href="https://app.wanotifier.com/notifications/" target="_blank">Notifications</a> - See the notification delivery stats and much more.</li> |
| 99 |
</ul> |
| 100 |
</div> |
| 101 |
</div> |
| 102 |
</div> |
| 103 |
</div> |
| 104 |
<?php endif; ?> |
| 105 |
|
| 106 |
</div> |
| 107 |
</div> |
| 108 |
|
