diff --git a/assets/css/src/box.styl b/assets/css/src/box.styl
index 374e80b5c0..14ef074e16 100644
--- a/assets/css/src/box.styl
+++ b/assets/css/src/box.styl
@@ -30,7 +30,7 @@ $box-description-font-size = $box-description-line-height
margin: 0 0 $box-margin-big
padding: 0
width: 30.5%
-
+
@media screen and (max-width 1178px)
width: 47%
@@ -151,7 +151,6 @@ $box-description-font-size = $box-description-line-height
width: 258px
max-height: $box-description-height
padding-bottom: 0
- overflow: hidden
word-wrap: break-word
overflow-wrap: break-word
diff --git a/assets/css/src/listing/newsletters.styl b/assets/css/src/listing/newsletters.styl
index b5c8b9c144..938ee33ef0 100644
--- a/assets/css/src/listing/newsletters.styl
+++ b/assets/css/src/listing/newsletters.styl
@@ -2,6 +2,7 @@ $excellent-badge-color = #2993ab
$good-badge-color = #f0b849
$bad-badge-color = #d54e21
$green-badge-color = #55bd56
+$cta-badge-color = #46b450
#newsletters_container
h2.nav-tab-wrapper
@@ -51,3 +52,20 @@ $green-badge-color = #55bd56
&_green
background: $green-badge-color
+
+ &_cta
+ background: $cta-badge-color
+ line-height: 5em
+ padding: 7px 6px 7px 6px
+ text-decoration: none
+
+ &:hover, &:active, &:focus
+ color: #FFFFFF
+ background: $green-badge-color
+
+ &_grey
+ background: #c3c3c3
+
+ .dashicons
+ font-size: 14px;
+ line-height: 3.4em;
diff --git a/assets/js/src/newsletters/types.jsx b/assets/js/src/newsletters/types.jsx
index 84cb328afd..54a6892539 100644
--- a/assets/js/src/newsletters/types.jsx
+++ b/assets/js/src/newsletters/types.jsx
@@ -90,6 +90,7 @@ const NewsletterTypes = React.createClass({
slug: 'welcome',
title: MailPoet.I18n.t('welcomeNewsletterTypeTitle'),
description: MailPoet.I18n.t('welcomeNewsletterTypeDescription'),
+ videoGuide: 'https://beta.docs.mailpoet.com/article/254-video-guide-to-welcome-emails',
action: (function action() {
return (
@@ -104,6 +105,7 @@ const NewsletterTypes = React.createClass({
slug: 'notification',
title: MailPoet.I18n.t('postNotificationNewsletterTypeTitle'),
description: MailPoet.I18n.t('postNotificationNewsletterTypeDescription'),
+ videoGuide: 'https://beta.docs.mailpoet.com/article/210-video-guide-to-post-notifications',
action: (function action() {
return (
@@ -138,6 +141,12 @@ const NewsletterTypes = React.createClass({
diff --git a/lib/Config/Menu.php b/lib/Config/Menu.php
index 385f7d6d20..0eaae9fba4 100644
--- a/lib/Config/Menu.php
+++ b/lib/Config/Menu.php
@@ -438,6 +438,13 @@ class Menu {
)
);
+ $data['is_new_user'] = true;
+ if(!empty($data['settings']['installed_at'])) {
+ $installed_at = Carbon::createFromTimestamp(strtotime($data['settings']['installed_at']));
+ $current_time = Carbon::createFromTimestamp(WPFunctions::currentTime('timestamp'));
+ $data['is_new_user'] = $current_time->diffInDays($installed_at) <= 30;
+ }
+
$data = array_merge($data, Installer::getPremiumStatus());
$this->displayPage('settings.html', $data);
@@ -541,6 +548,14 @@ class Menu {
$data['items_per_page'] = $this->getLimitPerPage('forms');
$data['segments'] = Segment::findArray();
+ $data['is_new_user'] = true;
+ $installed_at = Setting::getValue('installed_at');
+ if(!is_null($installed_at)) {
+ $installed_at = Carbon::createFromTimestamp(strtotime($installed_at));
+ $current_time = Carbon::createFromTimestamp(WPFunctions::currentTime('timestamp'));
+ $data['is_new_user'] = $current_time->diffInDays($installed_at) <= 30;
+ }
+
$this->displayPage('forms.html', $data);
}
@@ -579,6 +594,13 @@ class Menu {
$data['automatic_emails'] = array();
+ $data['is_new_user'] = 'true';
+ if(!empty($data['settings']['installed_at'])) {
+ $installed_at = Carbon::createFromTimestamp(strtotime($data['settings']['installed_at']));
+ $current_time = Carbon::createFromTimestamp(WPFunctions::currentTime('timestamp'));
+ $data['is_new_user'] = $current_time->diffInDays($installed_at) <= 30 ? 'true' : 'false';
+ }
+
wp_enqueue_script('jquery-ui');
wp_enqueue_script('jquery-ui-datepicker');
@@ -609,6 +631,15 @@ class Menu {
'month_names' => Block\Date::getMonthNames(),
'sub_menu' => 'mailpoet-subscribers'
));
+
+ $data['is_new_user'] = true;
+ $installed_at = Setting::getValue('installed_at');
+ if(!is_null($installed_at)) {
+ $installed_at = Carbon::createFromTimestamp(strtotime($installed_at));
+ $current_time = Carbon::createFromTimestamp(WPFunctions::currentTime('timestamp'));
+ $data['is_new_user'] = $current_time->diffInDays($installed_at) <= 30;
+ }
+
$this->displayPage('subscribers/importExport/import.html', $data);
}
diff --git a/views/forms.html b/views/forms.html
index 8e51940fa2..2bcf4a42fb 100644
--- a/views/forms.html
+++ b/views/forms.html
@@ -12,6 +12,10 @@
+
+ <%= __('See video guide') %>
+
+
<% endblock %>
@@ -122,6 +123,7 @@
'draftNewsletterTitle': __('Subject'),
'pickCampaignType': __('Select type of email'),
+ 'seeVideoGuide': __('See video guide'),
'regularNewsletterTypeTitle': __('Newsletter'),
'regularNewsletterTypeDescription': __('Send a newsletter with images, buttons, dividers, and social bookmarks. Or, just send a basic text email.'),
'create': __('Create'),
diff --git a/views/settings/mta.html b/views/settings/mta.html
index 712c44008b..a543a39ebb 100644
--- a/views/settings/mta.html
+++ b/views/settings/mta.html
@@ -145,7 +145,11 @@
- <%= __("Need help to pick? [link]Check out the comparison table of sending methods[/link].")
+ <%= __("Need help to pick?") %>
+
+ <%= __('See video guide') %>
+
+ <%= __("[link]or check out the comparison table of sending methods[/link].")
|replaceLinkTags('http://beta.docs.mailpoet.com/article/181-comparison-table-of-sending-methods', {'target' : '_blank'})
|raw
%>
diff --git a/views/subscribers/importExport/import/step1.html b/views/subscribers/importExport/import/step1.html
index 88e8646483..54b557ec9f 100644
--- a/views/subscribers/importExport/import/step1.html
+++ b/views/subscribers/importExport/import/step1.html
@@ -22,6 +22,10 @@
+
+ <%= __('See video guide') %>
+
+