[IMP] website: add new digest tips

PURPOSE

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

SPECIFICATIONS

“Engage with visitors to convert them into leads”
“Use royalty-free photos”
“Search Engine Optimization (SEO)”

See code for specifications.

LINKS

Task ID-2274264
COM PR: odoo/odoo#53580
ENT PR: odoo/enterprise#1139

X-original-commit: b78921d41ca1af3e56a4d874381c30d766c986fc

6 files changed, 31 insertions, 6 deletions

diff --git a/addons/website/__manifest__.py b/addons/website/__manifest__.py
index 73977678dc8..656b89deb1b 100644
--- a/addons/website/__manifest__.py
+++ b/addons/website/__manifest__.py
@@ -23,6 +23,7 @@
         'data/website_visitor_cron.xml',
         'security/website_security.xml',
         'security/ir.model.access.csv',
+        'data/digest_data.xml',
         'views/assets.xml',
         'views/website_templates.xml',
         'views/website_navbar_templates.xml',
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>
diff --git a/addons/website/static/src/img/SEO-keywords.gif b/addons/website/static/src/img/SEO-keywords.gif
new file mode 100644
index 00000000000..86b26d12321
--- /dev/null
+++ b/addons/website/static/src/img/SEO-keywords.gif
diff --git a/addons/website/static/src/img/image-search.gif b/addons/website/static/src/img/image-search.gif
new file mode 100644
index 00000000000..530264a6d95
--- /dev/null
+++ b/addons/website/static/src/img/image-search.gif
diff --git a/addons/website/static/src/img/tips-website-seo.jpg b/addons/website/static/src/img/tips-website-seo.jpg
deleted file mode 100644
index 305ccdde911..00000000000
--- a/addons/website/static/src/img/tips-website-seo.jpg
+++ /dev/null
diff --git a/addons/website/static/src/img/website-visitors.gif b/addons/website/static/src/img/website-visitors.gif
new file mode 100644
index 00000000000..5d4aed82991
--- /dev/null
+++ b/addons/website/static/src/img/website-visitors.gif