diff --git a/source/API_Reference/Web_API_v3/API_Keys/api_key_permissions_list.html b/source/API_Reference/Web_API_v3/API_Keys/api_key_permissions_list.html index 68e2a53d24..4542f3e865 100644 --- a/source/API_Reference/Web_API_v3/API_Keys/api_key_permissions_list.html +++ b/source/API_Reference/Web_API_v3/API_Keys/api_key_permissions_list.html @@ -86,6 +86,10 @@

Whitelist

] {% endcodeblock %} +{% info %} +As explained in the Classroom, Billing permissions are mutually exclusive from all others. An API Key can *either* have Billing Permissions, or any other set of Permissions. +{% endinfo %} + {% anchor h2 %}Categories{% endanchor %} {% codeblock %} @@ -99,17 +103,6 @@

Whitelist

] {% endcodeblock %} -{% anchor h2 %}Clients{% endanchor %} -{% codeblock %} -"scopes": [ - "clients.desktop.stats.read", - "clients.phone.stats.read", - "clients.stats.read", - "clients.tablet.stats.read", - "clients.webmail.stats.read" -] -{% endcodeblock %} - {% anchor h2 %}Credentials{% endanchor %} {% codeblock %} "scopes": [ @@ -129,7 +122,12 @@

Whitelist

"browsers.stats.read", "devices.stats.read", "geo.stats.read", - "mailbox_providers.stats.read" + "mailbox_providers.stats.read", + "clients.desktop.stats.read", + "clients.phone.stats.read", + "clients.stats.read", + "clients.tablet.stats.read", + "clients.webmail.stats.read" ] {% endcodeblock %} diff --git a/source/Classroom/Deliver/Delivery_Introduction/the_art_of_notifications.md b/source/Classroom/Deliver/Delivery_Introduction/the_art_of_notifications.md index 6140fecc39..e7b3829fdd 100644 --- a/source/Classroom/Deliver/Delivery_Introduction/the_art_of_notifications.md +++ b/source/Classroom/Deliver/Delivery_Introduction/the_art_of_notifications.md @@ -13,20 +13,12 @@ navigation: Excessive notifications can become the needy partner of email. We try to keep up with them but eventually, we give up and toss them to the wolves. We have seen the frequency of spam complaints from a single recipient increasing. Recipients are having their mailboxes flooded with notifications and must resort to selecting all of their notifications then reporting them as spam. This flood of spam complaints then makes the mailbox provider think that sender is spamming and will begin to throttle, filter, or block their messages. Now the sender is having deliverability problems and the recipient wants to have nothing to do with the sender. There are solutions! -** ** - 1. Put the power in the hands of the people. Notifications should be for the people and controlled by the people. Let people set their preferences for frequency and notification type at account creation time. Some people may want your service, but do not want any email notifications. Others may only want certain types of notifications. -** ** - 2. Create a setting where recipients can choose how they would like to be notified. Every time activity happens does not warrant an email. Group notifications in one email daily, weekly or even monthly but make it clear that the recipient can choose the frequency. -** ** - 3. We are now in the age of smart phones. A recent study by [ReturnPath](http://www.returnpath.com/wp-content/uploads/resource/email-mostly-mobile/Return-Path-Email-Mostly-Mobile1.jpg) revealed that the majority of emails are viewed on mobile devices. This means that the space in which people are able to view their emails has decreased. Also, people are checking their email on the go with less time to scroll through their emails. The stakes have risen for each time an email is sent to a recipient. Use your recipients time wisely. -** ** - 4. Caution! For those of our sender’s that also use Facebook as their main platform. Notification frequency is more important than ever. Some of our senders have reported having issues getting blocked by Facebook has been cracking down on their “notification spam”. Read [this article](http://www.huffingtonpost.com/2013/03/11/facebook-apps_n_2850893.html) from Rueters for polemic advice. Facebook notifications should be treated like any other email. Notifications are a great way to maintain contact and establish a relationship with your recipients. Like any relationship, communication is the key to success. Just make sure that when you do communicate, it is to the benefit of both the sender and the recipient. diff --git a/source/User_Guide/Transactional_Templates/create_edit.md b/source/User_Guide/Transactional_Templates/create_edit.md index 2622b94c69..6695d37998 100644 --- a/source/User_Guide/Transactional_Templates/create_edit.md +++ b/source/User_Guide/Transactional_Templates/create_edit.md @@ -8,11 +8,7 @@ navigation: show: true --- - -Creating email templates involves a mix of content writing, HTML, and CSS expertise. Email templates should look good on -different email clients and be responsive for mobile devices. Many non-technical customers will hire a front end or email -template developer to build their templates. We also suggest testing your templates with rendering applications like [Litmus](http://litmus.com) -before sending them to your customers. +Creating email templates involves a mix of content writing, HTML, and CSS expertise. Email templates should look good on different email clients and be responsive for mobile devices. Many non-technical customers will hire a front end or email template developer to build their templates. We also suggest testing your templates with rendering applications like [Litmus](http://litmus.com) before sending them to your customers. {% info %} There is currently a limit of 300 templates and 300 versions that may be created per account. @@ -28,13 +24,21 @@ Create a Template When you first visit the transactional templates page, you will be asked to create your first template. -![](/images/template_engine_17.png "Add a Template") +![](/images/template_engine_4.png "Add a Template") Click “Create Template” and you’ll be asked to add a Template Name. -![](/images/template_engine_7.png "Template Name") +![](/images/template_engine_6.png "Template Name") + +When you hit save, your new template group will be created. + +![](/images/template_engine_7.png "Template Group") + +You can then open the actions dropdown menu to create a new version. + +![](/images/template_engine_8.png "Create Template Version") -When you hit save, you will be taken to the editor. From here, you can change the subject and the body of your email template. +When you click Add Version, you will be taken to the editor. From here, you can change the subject and the body of your email template. The easiest way to get started with a new template is to use one of your previous email templates or a free template from the internet, and then modify it to fit your needs. @@ -48,53 +52,83 @@ Email templates are table-based HTML with inline or header styles, because some To add a template, click the “Code” button in the header. Copy and paste your HTML code into the dark-background code editor, like so: -![](/images/template_engine_8.png "Editing your Template") - -{% warning %} -You MUST have a <%subject%> tag in the subject and a <%body%> tag in your template. -{% endwarning %} - -If you paste in an email template, it is likely that you will overwrite the default and very basic email HTML that is provided in the code editor. When you do this, you will remove the body placeholder tag <%body%>. When you do this, the editor will show the following notification. +![](/images/template_engine_9.png "Editing your Template") -![](/images/template_engine_4.png "required tags for templates") +If you paste in an email template, it is likely that you will overwrite the default and very basic email HTML that is provided in the code editor. -As soon as you add <%body%> back into the content, the warning will go away. +![](/images/template_engine_10.png) -![](/images/template_engine_15.png "The Code Editor for transactional templates") - -When you’re done editing, just hit the save button to keep all your changes. If you have not manually entered your content into the plain text editor, then you will get a notification offering to pull this content from your HTML code. Please double check that the content is formatted the way you want before you send an email using this template. +When you’re done editing, just hit the save button to keep all your changes. Please double check that the content is formatted correctly before you send an email using this template. To get the to the plain text editor, find the text icon in the editor header bar. -![](/images/template_engine_10.png "Design/Code Switch") +![](/images/template_engine_11.png "Design/Code Switch") {% anchor h2 %} -Send a Test +Preview and Test Your Template {% endanchor %} -We suggest that when you’re done making changes with your template and before you activate your template, you should send a test. +We suggest that when you’re done making changes to your template, you preview and test it to ensure that the format and layout look the way you expect. We recommend that you always test your template before activating it. + +
+ +
+ When you select the “Preview” option, a sidebar window will pop out with a preview of the email that you’re going to test, with the option to view the template formatted for both mobile and desktop platforms. +
+
+ You may send a test email using your new template from this window. +
+
+ +
+
+
+ +![](/images/template_engine_13.png "Preview and Test") -![](/images/template_engine_12.png "Send a Test Menu") +If you click the Send Test button, you will be given the option of specifying the recipient, and subject line, of your test email. -When you select the “Send a Test” option, a sidebar window will pop out with a preview of the email that you’re going to test. The test email will be sent to the admin email on your account. Your substitution tags will not be replaced in this test, but you will be able to see the layout and format of your template email in your own email program. +![](/images/template_engine_14.png "Send Test") + +Your substitution tags will not be replaced in this test, but you will be able to confirm the layout and format of your template. {% anchor h2 %} Activate Your Template {% endanchor %} -![](/images/template_engine_11.png "Make Your Template Active") - -A template can only have one active version at a time. If you’ve created a new version with different HTML that you want your customers to start receiving, you’ll need to make that Version “Active.” +
-Select the “Make Active” option from the gear icon menu next to the save button. +
+ A template can only have one active version at a time. If you’ve created a new version with different HTML that you want your customers to start receiving, you’ll need to make that Version “Active.” +
+
+ Select the “Make Active” option from the gear icon menu. +
+
+ +
+
+
{% anchor h2 %} Duplicate a Template {% endanchor %} -![](/images/template_engine_13.png "Duplicate your template") +
+ +
+ +
+ +
+ When you’re ready to create a new version of your template, you can select the “Duplicate” option from the gear icon menu near the save button. +
+
+ This creates a clone, giving it a name including the original version name, the word “clone,” and today’s date. This duplicate version will not be active until you activate it. +
-When you’re ready to create a new version of your template, you can select the “Duplicate” option from the gear icon menu near the save button. This creates a clone, giving it a name including the original version name, the word “clone,” and today’s date. This duplicate version will not be active until you activate it. +
+
{% anchor h2 %} Unsubscribe Substitution Tags diff --git a/source/User_Guide/Transactional_Templates/index.html b/source/User_Guide/Transactional_Templates/index.html index e62e84fef2..849a87c023 100644 --- a/source/User_Guide/Transactional_Templates/index.html +++ b/source/User_Guide/Transactional_Templates/index.html @@ -8,13 +8,8 @@ show: true --- - -

-SendGrid's transactional templates give you unmatched simplicity, flexibility, and -control in the management of your email content and design. Get your templates out of your app and instead let your app -leverage our transactional templates! Transactional templates enable seamless collaboration between marketers, developers, and designers, -allowing each to work within SendGrid's user interface to edit and create email templates for transactional emails. +SendGrid’s transactional templates give you unmatched simplicity, flexibility, and control in the management of your email content and design. Get your templates out of your app and instead let your app leverage our transactional templates! Transactional templates enable seamless collaboration between marketers, developers, and designers, allowing each to work within SendGrid’s user interface to edit and create email templates for transactional emails.

{% info %} @@ -31,30 +26,22 @@

Create and Edit Your Templates

- Templates and versions work together to allow you to easily and quickly iterate. Each version can have its own unique name, content, and subject. You may insert and edit HTML and inline CSS in your transactional templates visually or with a code editor. Plain-text content is supported as well. - - -
- -
- - + Templates and versions work together to allow you to easily and quickly iterate. Each version can have its own unique name, content, and subject. You may insert and edit HTML and inline CSS in your transactional templates visually or with a code editor. Plain-text content is supported as well. -
-
-
-

- Manage Your Templates -

- - Update, add versions, and manage your templates in an easy to use interface. Keep your most recent template versions - active and work on your new versions until they’re ready. +
+

+ Manage Your Templates +

+

+ Update, add versions, and manage your templates in an easy to use interface. Keep your most recent template versions active and work on your new versions until they’re ready. + +

@@ -67,7 +54,7 @@

and our SMTP API docs.

- +
@@ -79,6 +66,5 @@

Start Now! {% endanchor %} -Start using our Transactional Templates now by creating your first Template! - + diff --git a/source/User_Guide/Transactional_Templates/manage.md b/source/User_Guide/Transactional_Templates/manage.md index 22cc75125b..2c91067ad0 100644 --- a/source/User_Guide/Transactional_Templates/manage.md +++ b/source/User_Guide/Transactional_Templates/manage.md @@ -8,25 +8,35 @@ navigation: show: true --- -Each template you create will have a grouping of versions for this template. This allows you to see where you’ve been and create new versions without using them until you make them active. Only one version can be active per template. +Each template you create will have a grouping of versions for this template. This allows you to see where you’ve been and create new versions without using them until you make them active. -{% anchor h2 %} -Changing Your Templates View -{% endanchor %} +Only one version can be active per template. + +When viewing your transactional templates, you may choose to display, or hide, any inactive template versions. -![](/images/template_engine_18.png "Changing your template list view") +![]({{root_url}}/images/transactional_templates_show_versions.png "Show inactive template versions.") + +![]({{root_url}}/images/transactional_templates_hide_versions.png "Hide inactive template versions.") -As you create new templates, you may find that a list view might be more suitable to scrolling through your templates. To switch the view, find the view options next to the “Create Template” button and select the list or box view option. {% anchor h2 %} Managing Templates {% endanchor %} -![](/images/template_engine_14.png "Managing your Templates") +
+
+ From the main template view on each template group, you will see an actions menu. From this menu, you can choose to edit the name of your template, add a version, preview and test, or delete the template. +
+
+ +
+
+
+ +You will also see a gear icon for each template version. Clicking this presents a menu allowing you to preview and test, edit, duplicate, and delete the template version. You can also use the preview modal to send a test. -From the main template view on each template group, you will see a gear icon menu. From this menu, you can choose to edit -the name of your template, [add a version]({{root_url}}/User_Guide/Transactional_Templates/create_edit.html), or delete the template. +![]({{root_url}}/images/template_engine_19.png) {% info %} To delete a template, you must first delete all the versions of your template. -{% endinfo %} \ No newline at end of file +{% endinfo %} diff --git a/source/images/template_engine_1.png b/source/images/template_engine_1.png index 27d1536c18..977f410b26 100644 Binary files a/source/images/template_engine_1.png and b/source/images/template_engine_1.png differ diff --git a/source/images/template_engine_10.png b/source/images/template_engine_10.png index d6761f1788..4f9215a7a4 100644 Binary files a/source/images/template_engine_10.png and b/source/images/template_engine_10.png differ diff --git a/source/images/template_engine_11.png b/source/images/template_engine_11.png index 85a88e73bb..5669363313 100644 Binary files a/source/images/template_engine_11.png and b/source/images/template_engine_11.png differ diff --git a/source/images/template_engine_12.png b/source/images/template_engine_12.png index b8d249f043..2f29443e16 100644 Binary files a/source/images/template_engine_12.png and b/source/images/template_engine_12.png differ diff --git a/source/images/template_engine_13.png b/source/images/template_engine_13.png index ad3e2ea0ae..727abd6ce0 100644 Binary files a/source/images/template_engine_13.png and b/source/images/template_engine_13.png differ diff --git a/source/images/template_engine_14.png b/source/images/template_engine_14.png index feb589362d..6aa3377a5f 100644 Binary files a/source/images/template_engine_14.png and b/source/images/template_engine_14.png differ diff --git a/source/images/template_engine_15.png b/source/images/template_engine_15.png index 5f0e2bb047..df494b1896 100644 Binary files a/source/images/template_engine_15.png and b/source/images/template_engine_15.png differ diff --git a/source/images/template_engine_16.png b/source/images/template_engine_16.png new file mode 100644 index 0000000000..adb91d10f6 Binary files /dev/null and b/source/images/template_engine_16.png differ diff --git a/source/images/template_engine_18.png b/source/images/template_engine_18.png index c3d6064ed0..fdd924562d 100644 Binary files a/source/images/template_engine_18.png and b/source/images/template_engine_18.png differ diff --git a/source/images/template_engine_19.png b/source/images/template_engine_19.png new file mode 100644 index 0000000000..f4d00a6c2e Binary files /dev/null and b/source/images/template_engine_19.png differ diff --git a/source/images/template_engine_4.png b/source/images/template_engine_4.png index c52d31b986..69ecda7e0c 100644 Binary files a/source/images/template_engine_4.png and b/source/images/template_engine_4.png differ diff --git a/source/images/template_engine_5.png b/source/images/template_engine_5.png index 472cea20f3..69ecda7e0c 100644 Binary files a/source/images/template_engine_5.png and b/source/images/template_engine_5.png differ diff --git a/source/images/template_engine_6.png b/source/images/template_engine_6.png index 64b6bcdd6b..022699b265 100644 Binary files a/source/images/template_engine_6.png and b/source/images/template_engine_6.png differ diff --git a/source/images/template_engine_7.png b/source/images/template_engine_7.png index 6eff2882c3..88cded7e55 100644 Binary files a/source/images/template_engine_7.png and b/source/images/template_engine_7.png differ diff --git a/source/images/template_engine_8.png b/source/images/template_engine_8.png index 67567d08c6..7829000de9 100644 Binary files a/source/images/template_engine_8.png and b/source/images/template_engine_8.png differ diff --git a/source/images/template_engine_9.png b/source/images/template_engine_9.png index 977f410b26..ef1f7be2cf 100644 Binary files a/source/images/template_engine_9.png and b/source/images/template_engine_9.png differ diff --git a/source/images/template_make_active.png b/source/images/template_make_active.png new file mode 100644 index 0000000000..df494b1896 Binary files /dev/null and b/source/images/template_make_active.png differ diff --git a/source/images/templates_duplicate_version.png b/source/images/templates_duplicate_version.png new file mode 100644 index 0000000000..adb91d10f6 Binary files /dev/null and b/source/images/templates_duplicate_version.png differ diff --git a/source/images/templates_edit.png b/source/images/templates_edit.png new file mode 100644 index 0000000000..8380099e52 Binary files /dev/null and b/source/images/templates_edit.png differ diff --git a/source/images/templates_preview_and_test.png b/source/images/templates_preview_and_test.png new file mode 100644 index 0000000000..2f29443e16 Binary files /dev/null and b/source/images/templates_preview_and_test.png differ diff --git a/source/images/transactional_templates_2.png b/source/images/transactional_templates_2.png new file mode 100644 index 0000000000..76539c566f Binary files /dev/null and b/source/images/transactional_templates_2.png differ diff --git a/source/images/transactional_templates_hide_versions.png b/source/images/transactional_templates_hide_versions.png new file mode 100644 index 0000000000..8fe8421b8f Binary files /dev/null and b/source/images/transactional_templates_hide_versions.png differ diff --git a/source/images/transactional_templates_show_versions.png b/source/images/transactional_templates_show_versions.png new file mode 100644 index 0000000000..c75c9f5e66 Binary files /dev/null and b/source/images/transactional_templates_show_versions.png differ