+
+
+ {event.thumbnailImage ? 
: null}
+
+
+
+
+
+ {event.title} {event.soon ? `(${MailPoet.I18n.t('soon').toLowerCase()})` : ''}
+ {event.badge ? ( + + {event.badge.text} + + ) : '' + } +{event.description}
+
+ {action}
+
+ -
+ {events}
+
+
+ );
+ }
+}
+
+module.exports = AutomaticEmailsEventsList;
diff --git a/assets/js/src/newsletters/types/woocommerce.jsx b/assets/js/src/newsletters/types/woocommerce.jsx
new file mode 100644
index 0000000000..c2d19f4d1e
--- /dev/null
+++ b/assets/js/src/newsletters/types/woocommerce.jsx
@@ -0,0 +1,161 @@
+define(
+ [
+ 'react',
+ 'mailpoet',
+ 'wp-js-hooks',
+ 'react-router',
+ 'newsletters/breadcrumb.jsx',
+ ],
+ (
+ React,
+ MailPoet,
+ Hooks,
+ Router,
+ Breadcrumb
+ ) => {
+ const WooCommerceAutomaticEmail = React.createClass({
+ contextTypes: {
+ router: React.PropTypes.object.isRequired,
+ },
+ setupNewsletter: function (type) {
+ if (type !== undefined) {
+ this.context.router.push(`/new/${type}`);
+ MailPoet.trackEvent('Emails > Type selected', {
+ 'MailPoet Free version': window.mailpoet_version,
+ 'Email type': type,
+ });
+ }
+ },
+ createNewsletter: function (type) {
+ MailPoet.trackEvent('Emails > Type selected', {
+ 'MailPoet Free version': window.mailpoet_version,
+ 'Email type': type,
+ });
+ MailPoet.Ajax.post({
+ api_version: window.mailpoet_api_version,
+ endpoint: 'newsletters',
+ action: 'create',
+ data: {
+ type: type,
+ subject: MailPoet.I18n.t('draftNewsletterTitle'),
+ },
+ }).done((response) => {
+ this.context.router.push(`/template/${response.data.id}`);
+ }).fail((response) => {
+ if (response.errors.length > 0) {
+ MailPoet.Notice.error(
+ response.errors.map(error => error.message),
+ { scroll: true }
+ );
+ }
+ });
+ },
+ render: function () {
+ const types = [
+ {
+ id: 'woocommerce',
+ title: MailPoet.I18n.t('wooCommerceEventAbandonedCartTitle'),
+ description: MailPoet.I18n.t('wooCommerceEventAbandonedCartDescription'),
+ badge: {
+ text: MailPoet.I18n.t('wooCommerceEventAbandonedCartBadge'),
+ style: 'red',
+ },
+ },
+ {
+ id: 'woocommerce',
+ title: MailPoet.I18n.t('wooCommerceEventFirstPurchaseTitle'),
+ description: MailPoet.I18n.t('wooCommerceEventFirstPurchaseDescription'),
+ badge: {
+ text: MailPoet.I18n.t('wooCommerceEventFirstPurchaseBadge'),
+ style: 'yellow',
+ },
+ },
+ {
+ id: 'woocommerce',
+ title: MailPoet.I18n.t('wooCommerceEventPurchasedProductTitle'),
+ description: MailPoet.I18n.t('wooCommerceEventPurchasedProductDescription'),
+ },
+ {
+ id: 'woocommerce',
+ title: MailPoet.I18n.t('wooCommerceEventPurchasedInCategoryTitle'),
+ description: MailPoet.I18n.t('wooCommerceEventPurchasedInCategoryDescription'),
+ soon: true,
+ },
+ {
+ id: 'woocommerce',
+ title: MailPoet.I18n.t('wooCommerceEventBigSpenderTitle'),
+ description: MailPoet.I18n.t('wooCommerceEventBigSpenderDescription'),
+ soon: true,
+ badge: {
+ text: MailPoet.I18n.t('wooCommerceEventSmartToHaveBadge'),
+ style: 'teal',
+ },
+ },
+ ];
+
+ const steps = [
+ {
+ name: 'type',
+ label: MailPoet.I18n.t('selectType'),
+ link: '/new',
+ },
+ {
+ name: 'events',
+ label: MailPoet.I18n.t('wooCommerceBreadcrumbsEvents'),
+ },
+ {
+ name: 'conditions',
+ label: MailPoet.I18n.t('wooCommerceBreadcrumbsConditions'),
+ },
+ {
+ name: 'template',
+ label: MailPoet.I18n.t('template'),
+ },
+ {
+ name: 'editor',
+ label: MailPoet.I18n.t('designer'),
+ },
+ {
+ name: 'send',
+ label: MailPoet.I18n.t('send'),
+ },
+ ];
+
+ return (
+ + {heading} ({MailPoet.I18n.t('beta').toLowerCase()}) +
+ +
+
+ );
+ },
+ });
+
+ return WooCommerceAutomaticEmail;
+ }
+);
diff --git a/lib/Config/Menu.php b/lib/Config/Menu.php
index 6534ab17f5..74c4a9933b 100644
--- a/lib/Config/Menu.php
+++ b/lib/Config/Menu.php
@@ -573,6 +573,56 @@ class Menu {
$data['tracking_enabled'] = Setting::getValue('tracking.enabled');
$data['premium_plugin_active'] = License::getLicense();
+ $data['automatic_emails'] = array(
+ array(
+ 'id' => 'woocommerce',
+ 'premium' => true,
+ 'title' => __('WooCommerce Automatic Emails', 'mailpoet'),
+ 'description' => __("Put your store's email marketing on autopilot.", 'mailpoet'),
+ 'events' => array(
+ array(
+ 'id' => 'woocommerce',
+ 'title' => __('Abandoned Shopping Cart', 'mailpoet'),
+ 'description' => __('Send an email to logged-in visitors who have items in their shopping carts but left your website without checking out. Can convert up to 5% of abandoned carts.', 'mailpoet'),
+ 'badge' => array(
+ 'text' => __('Must-have', 'mailpoet'),
+ 'style' => 'red'
+ )
+ ),
+ array(
+ 'id' => 'woocommerce',
+ 'title' => __('First Purchase', 'mailpoet'),
+ 'description' => __('Send an email automatically to customers who have purchased for the first time.', 'mailpoet'),
+ 'badge' => array(
+ 'text' => __('Recommended', 'mailpoet'),
+ 'style' => 'yellow'
+ )
+ ),
+ array(
+ 'id' => 'woocommerce',
+ 'title' => __('Purchased This Product', 'mailpoet'),
+ 'description' => __('Let MailPoet send an email to customers who purchase a specific product.', 'mailpoet'),
+ ),
+ array(
+ 'id' => 'woocommerce',
+ 'title' => __('Purchased In This Category', 'mailpoet'),
+ 'description' => __('Let MailPoet send an email to customers who purchase a product from a specific category.', 'mailpoet'),
+ 'soon' => true
+ ),
+ array(
+ 'id' => 'woocommerce',
+ 'title' => __('Big Spender', 'mailpoet'),
+ 'description' => __('Let MailPoet send an email to customers who have spent a certain amount to thank them, possibly with a coupon.', 'mailpoet'),
+ 'soon' => true,
+ 'badge' => array(
+ 'text' => __('Smart to have', 'mailpoet'),
+ 'style' => 'teal'
+ )
+ )
+ )
+ )
+ );
+
wp_enqueue_script('jquery-ui');
wp_enqueue_script('jquery-ui-datepicker');
diff --git a/views/newsletters.html b/views/newsletters.html
index de28b3177c..b4cc597b8f 100644
--- a/views/newsletters.html
+++ b/views/newsletters.html
@@ -16,6 +16,7 @@
var mailpoet_date_storage_format = "Y-m-d";
var mailpoet_tracking_enabled = <%= json_encode(tracking_enabled) %>;
var mailpoet_premium_active = <%= json_encode(premium_plugin_active) %>;
+ var mailpoet_automatic_emails = <%= json_encode(automatic_emails) %>;
<% endblock %>
@@ -55,6 +56,8 @@
'numberOfItemsMultiple': __('%$1d items'),
'selectType': __('Select type'),
+ 'events': __('Events'),
+ 'conditions': _x('Conditions', 'Configuration options for automatic email events'),
'template': __('Template'),
'designer': __('Designer'),
'send': __('Send'),
@@ -125,7 +128,7 @@
'create': __('Create'),
'welcomeNewsletterTypeTitle': __('Welcome Email'),
'welcomeNewsletterTypeDescription': __('Automatically send an email (or series of emails) to new subscribers or WordPress users. Send a day, a week, or a month after they sign up.'),
- 'getPremiumVersion': __('Get premium version!'),
+ 'premiumFeatureLink': __('This is a Premium feature'),
'setUp': __('Set up'),
'postNotificationNewsletterTypeTitle': __('Latest Post Notifications'),
'postNotificationNewsletterTypeDescription': __('Let MailPoet email your subscribers with your latest content. You can send daily, weekly, monthly, or even immediately after publication.'),
@@ -272,7 +275,10 @@
'sample': _x('Sample', 'Sample newsletters templates category'),
'noTemplates': __('This category does not contain any template yet!'),
- 'errorWhileTakingScreenshot': __('An error occured while saving the template in "Recently sent"')
+ 'soon': __('Soon'),
+ 'beta': __('Beta'),
+ 'errorWhileTakingScreenshot': __('An error occured while saving the template in "Recently sent"'),
+ 'selectAutomaticEmailsEventsHeading': __('Select %1s events'),
}) %>
<% endblock %>
diff --git a/webpack.config.js b/webpack.config.js
index c0245ec09b..2eccd90c36 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -129,6 +129,14 @@ var baseConfig = {
include: path.resolve(__dirname, 'assets/js/src/newsletters/breadcrumb.jsx'),
loader: 'expose-loader?' + globalPrefix + '.NewsletterCreationBreadcrumb!babel-loader',
},
+ {
+ include: path.resolve(__dirname, 'assets/js/src/newsletters/types/automatic_emails/events_list.jsx'),
+ loader: 'expose-loader?' + globalPrefix + '.AutomaticEmailsEventsList!babel-loader',
+ },
+ {
+ include: path.resolve(__dirname, 'assets/js/src/newsletters/types/automatic_emails/breadcrumb.jsx'),
+ loader: 'expose-loader?' + globalPrefix + '.AutomaticEmailsBreadcrumb!babel-loader',
+ },
{
include: /Blob.js$/,
loader: 'exports-loader?window.Blob',
@@ -185,6 +193,8 @@ var adminConfig = {
'form/form.jsx',
'newsletters/badges/stats.jsx',
'newsletters/breadcrumb.jsx',
+ 'newsletters/types/automatic_emails/events_list.jsx',
+ 'newsletters/types/automatic_emails/breadcrumb.jsx',
'newsletters/types/welcome/scheduling.jsx',
'history',
],
{MailPoet.I18n.t('wooCommerceSelectEventHeading')}
+ +-
+ {types.map((type, index) => (
+
-
+ +++ {type.thumbnailImage ?+
: null} +
++ + +++{type.title} {type.soon ? `(${MailPoet.I18n.t('wooCommerceEventTitleSoon')})` : ''}
+ {type.badge ? {type.badge.text} : ''} +{type.description}
+
+ ), this)}
+