[FW][MERGE] digest, various: add or improve digest tips and digest layout

PURPOSE

Review the tips and digest layout design to make sure they have a WOW effect
and increase trial conversion/retention.

SPECIFICATIONS: LAYOUT

Besides changing the tips, a cleaning of digest layout was performed. Emails
were reported to look not neat in Outlook and somewhat random in mail.com or
gmail.com.

Most recent HTML CSS cannot be used to make HTML emails because each email
provider renders emails its own way. This means a given email may renders
differently in gmail.com and outlook.

The layout of the email was composed of several levels of embedded tables
which means huge maintenance effort. So it was totally rewritten with divs
and CSS, but some properties are not taken into account.

A lot of page component improvements were done. It consisted in replacing most
of the style attribute in tags with CSS classes and ids. This step is
especially useful for tip formatting because before, if a style modification
was needed, it had to be performed on each tip individually.

SPECIFICATIONS: TIPS

Add / Improve tips in cmr, purchase, hr_recruitment, website, hr_expense, project,
digest, sale_management, im_livechat, stock, mrp, account.

LINKS

COM PR: odoo/odoo#53580
ENT PR: odoo/enterprise#11394

closes odoo/odoo#55807

Forward-port-of: odoo/odoo#53580
Related: odoo/enterprise#12372
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>

1 files changed, 30 insertions, 6 deletions

diff --git a/addons/website/data/digest_data.xml b/addons/website/data/digest_data.xml
index a3811fd9d6a..9b04de87342 100644
--- a/addons/website/data/digest_data.xml
+++ b/addons/website/data/digest_data.xml
@@ -2,14 +2,38 @@
 <odoo>
     <data>
         <record id="digest_tip_website_0" model="digest.tip">
-            <field name="name">Website: Use SEO to get more visitors</field>
-            <field name="sequence">100</field>
-             <field name="group_id" ref="website.group_website_designer"/>
+            <field name="name">Tip: Engage with visitors to convert them into leads</field>
+            <field name="sequence">400</field>
+            <field name="group_id" ref="website.group_website_publisher" />
             <field name="tip_description" type="html">
 <div>
-    <b class="font-16" style="font-size: 20px;line-height: 30px">Use SEO to get more visitors on your website</b>
-    <p class="font-12" style="color:#888888;font-size: 15px; line-height: 25px; margin-top: 0">Odoo helps you to optimize your website and get a better ranking in search engines like Google.</p>
-    <img src="/digest/static/src/img/tips-website-seo.jpg" style="max-width: 580px" width="100%"/>
+    <p class="tip_title">Tip: Engage with visitors to convert them into leads</p>
+    <p class="tip_content">Monitor your visitors while they are browsing your website with the Odoo Social app. Engage with them in just a click using a live chat request or a push notification. If they have completed one of your forms, you can send them an SMS, or call them right away while they are browsing your website.</p>
+    <img src="/website/static/src/img/website-visitors.gif" class="illustration_border" />
+</div>
+            </field>
+        </record>
+        <record id="digest_tip_website_1" model="digest.tip">
+            <field name="name">Tip: Use royalty-free photos</field>
+            <field name="sequence">1400</field>
+            <field name="group_id" ref="website.group_website_publisher" />
+            <field name="tip_description" type="html">
+<div>
+    <p class="tip_title">Tip: Use royalty-free photos</p>
+    <p class="tip_content">When you need photos to illustrate your website, search in the media dialog. Odoo's integration with Unsplash, millions of royalty free and high quality photos, will help you get the perfect picture in just a few clicks.</p>
+    <img src="/website/static/src/img/image-search.gif" class="illustration_border" />
+</div>
+            </field>
+        </record>
+        <record id="digest_tip_website_2" model="digest.tip">
+            <field name="name">Tip: Search Engine Optimization (SEO)</field>
+            <field name="sequence">1600</field>
+            <field name="group_id" ref="website.group_website_publisher" />
+            <field name="tip_description" type="html">
+<div>
+    <p class="tip_title">Tip: Search Engine Optimization (SEO)</p>
+    <p class="tip_content">To get more visitors, you should target keywords that are often searched in Google. With the built-in SEO tool, once you define a few keywords, Odoo will recommend you the best keywords to target. Then adapt your title and description accordingly to boost your traffic.</p>
+    <img src="/website/static/src/img/SEO-keywords.gif" class="illustration_border" />
 </div>
             </field>
         </record>