thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Jan 24 : [UPDT] Index file Updated 'all_in_one_whatsapp_integration'

pull/302/head
RisvanaCybro 2 years ago
parent
17caceed3b
commit
ba4a61372c
11 changed files with 956 additions and 965 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      all_in_one_whatsapp_integration/README.rst
  2. 1
      all_in_one_whatsapp_integration/__init__.py
  3. 8
      all_in_one_whatsapp_integration/__manifest__.py
  4. BIN
      all_in_one_whatsapp_integration/static/description/assets/screenshots/cr1.png
  5. BIN
      all_in_one_whatsapp_integration/static/description/assets/screenshots/cr2.png
  6. BIN
      all_in_one_whatsapp_integration/static/description/assets/screenshots/cr3.png
  7. BIN
      all_in_one_whatsapp_integration/static/description/assets/screenshots/cr4.png
  8. BIN
      all_in_one_whatsapp_integration/static/description/assets/screenshots/cr5.png
  9. BIN
      all_in_one_whatsapp_integration/static/description/banner.png
  10. BIN
      all_in_one_whatsapp_integration/static/description/icon.png
  11. 748
      all_in_one_whatsapp_integration/static/description/index.html

4
all_in_one_whatsapp_integration/README.rst
View File

@ -2,8 +2,8 @@
:target: https://www.gnu.org/licenses/agpl-3.0-standalone.html :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
:alt: License: AGPL-3 :alt: License: AGPL-3
All in one WhatsApp Integration Odoo16 All in one Whatsapp
====================================== ===================
This module helps you to send a whatsapp message to your partners that are in sale order, This module helps you to send a whatsapp message to your partners that are in sale order,
purchase order, invoice and bills, and deliver orders. purchase order, invoice and bills, and deliver orders.

1
all_in_one_whatsapp_integration/__init__.py
View File

@ -19,7 +19,6 @@
# If not, see <http://www.gnu.org/licenses/>. # If not, see <http://www.gnu.org/licenses/>.
# #
############################################################################### ###############################################################################
from . import controllers from . import controllers
from . import models from . import models
from . import wizard from . import wizard

8
all_in_one_whatsapp_integration/__manifest__.py
View File

@ -20,11 +20,13 @@
# #
############################################################################### ###############################################################################
{ {
'name': "All in one WhatsApp Integration Odoo16", 'name': "All in one Whatsapp",
'version': '16.0.1.0.0', 'version': '16.0.1.0.0',
'category': 'Extra Tools', 'category': 'Extra Tools',
'summary': """WhatsApp Integration In Sale Order, Purchase Order, Delivery Order with Twilio and CloudAPI""", 'summary': """Send whatsapp messages to the partner""",
'description': """WhatsApp, WhatsApp Odoo, whatsapp, WhatsApp Integration In Sale Order, Purchase Order, Delivery Order with Twilio and CloudAPI""", 'description': """ This module helps you to send a whatsapp message to your
partners that are in sale order, purchase order, invoice and bills, and
deliver orders.""",
'author': 'Cybrosys Techno Solutions', 'author': 'Cybrosys Techno Solutions',
'company': 'Cybrosys Techno Solutions', 'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions', 'maintainer': 'Cybrosys Techno Solutions',

BIN
all_in_one_whatsapp_integration/static/description/assets/screenshots/cr1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 130 KiB

BIN
all_in_one_whatsapp_integration/static/description/assets/screenshots/cr2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 126 KiB

BIN
all_in_one_whatsapp_integration/static/description/assets/screenshots/cr3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 153 KiB

BIN
all_in_one_whatsapp_integration/static/description/assets/screenshots/cr4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 128 KiB

BIN
all_in_one_whatsapp_integration/static/description/assets/screenshots/cr5.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 126 KiB

BIN
all_in_one_whatsapp_integration/static/description/banner.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 79 KiB

BIN
all_in_one_whatsapp_integration/static/description/icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 13 KiB

748
all_in_one_whatsapp_integration/static/description/index.html
View File

@ -11,111 +11,103 @@
<i class="fa fa-check mr-1"></i>Community <i class="fa fa-check mr-1"></i>Community
</div> </div>
<div <div
style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;" style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2"> class="mr-2">
<i class="fa fa-check mr-1"></i>Enterprise <i class="fa fa-check mr-1"></i>Enterprise
</div> </div>
<div <div style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2"> class="mr-2">
<i class="fa fa-check mr-1"></i>Odoo.sh <i class="fa fa-check mr-1"></i>Odoo.sh
</div> </div>
</div> </div>
</div> </div>
<div class="container" style="padding: 0rem 1.5rem 4rem !important"> <div class="container">
<div class="row" style="height: 900px !important;"> <div class="row">
<div class="col-sm-12 col-md-12 col-lg-12" <div class="col-sm-12 col-md-12 col-lg-12"
style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;"> >
<h1 <h1
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important; font-size: 3.5rem !important; text-align: center !important;"> style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important; font-size: 3.5rem !important; text-align: center !important;">
All In One WhatsApp Integration Odoo16</h1> All In One Whatsapp</h1>
<p <p
style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important; font-size: 1.4rem !important; text-align: center !important;"> style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important; font-size: 1.4rem !important; text-align: center !important;">
WhatsApp Integration In Sale Order, Purchase Order, Delivery Order with Twilio and CloudAPI</p> Send Whatsapp Messages to the Partner </p>
<img src="assets/screenshots/hero.gif" class="img-responsive" <img src="assets/screenshots/hero.gif" class="img-responsive"
width="100%" height="auto"/> width="100%" height="auto"/>
</div> </div>
</div> </div>
<div class="row">
<div class="col-md-12"
style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
<h2
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
<i class="fa fa-compass mr-2"></i>Explore this module
</h2>
<div class="row">
<div class="col-md-6">
<a href="#overview"
style="text-decoration: none !important;">
<div class="row"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
<div class="col-8">
<h3
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
Overview</h3>
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
Learn more about this module</p>
</div> </div>
<div class="col-4 text-right d-flex justify-content-end align-items-center">
<i class="fa fa-chevron-right"
style="color: #714B67 !important;"></i>
</div> </div>
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/compass.png"/>
</div> </div>
</a> <h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Explore This
Module</h2>
</div>
<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
<div class="col-sm-12 col-md-6 my-3">
<a href="#overview">
<div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">Learn
more about this
module</span>
</div> </div>
<div class="col-md-6"> <img src="assets/misc/right-arrow.png" width="36" height="36"/>
<a href="#features" </div>
style="text-decoration: none !important;"> </a>
<div class="row"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
<div class="col-8">
<h3
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
Features</h3>
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
View features of this module</p>
</div> </div>
<div class="col-4 text-right d-flex justify-content-end align-items-center"> <div class="col-sm-12 col-md-6 my-3">
<i class="fa fa-chevron-right" <a href="#features">
style="color: #714B67 !important;"></i> <div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
features of this
module</span>
</div> </div>
<img src="assets/misc/right-arrow.png" width="36" height="36"/>
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-6"> <div class="col-sm-12 col-md-6 my-3">
<a href="#screenshots" <a href="#screenshots">
style="text-decoration: none !important;"> <div class="d-flex justify-content-between align-items-center"
<div class="row" style="background-color: #f5f5f5; padding: 30px; width: 100%;">
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;"> <div>
<div class="col-8"> <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
<h3 <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;"> screenshots for this
Screenshots</h3> module</span>
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
See key screenshots of this module</p>
</div>
<div class="col-4 text-right d-flex justify-content-end align-items-center">
<i class="fa fa-chevron-right"
style="color: #714B67 !important;"></i>
</div> </div>
<img src="assets/misc/right-arrow.png" width="36" height="36"/>
</div> </div>
</a> </a>
</div> </div>
</div> </div>
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="overview">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pie-chart.png"/>
</div> </div>
</div> <h2 class="mt-2"
<div class="row" id="overview">
<div class="col-md-12"
style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
<h2
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
<i class="fa fa-pie-chart mr-2"></i>Overview Overview
</h2> </h2>
</div> </div>
<div class="col-mg-12 pl-3">
<div class="row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
<div class="col-sm-12 py-4">
<p <p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;"> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
This Module Helps you to Send a Whatsapp Message to your This Module Helps you to Send a Whatsapp Message to your
@ -124,18 +116,25 @@
</p> </p>
</div> </div>
</div> </div>
<div class="row" id="features"> <div class="d-flex align-items-center"
<div class="col-md-12" style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important"> id="features">
<h2 <div class="d-flex justify-content-center align-items-center mr-2"
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<i class="fa fa-star mr-2"></i>Features <img src="assets/misc/features.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Features
</h2> </h2>
</div> </div>
<div class="row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
<div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<div class="col-md-6 pl-3 py-3 d-flex">
<div>
<img src="assets/icons/check.png">
</div> </div>
<div> <div>
<h4 <h4
@ -144,11 +143,10 @@
Users .</h4> Users .</h4>
</div> </div>
</div> </div>
<div class="col-md-6 pl-3 py-3 d-flex"> <div class="col-sm-12 col-md-6">
<div> <div class="d-flex align-items-center"
<img src="assets/icons/check.png"> style="margin-top: 30px; margin-bottom: 30px">
</div> <img src="assets/misc/check-box.png" class="mr-2"/>
<div>
<h4 <h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Send Purchase Order Details and Bill Through WhatsApp Send Purchase Order Details and Bill Through WhatsApp
@ -156,11 +154,10 @@
Users.</h4> Users.</h4>
</div> </div>
</div> </div>
<div class="col-md-6 pl-3 py-3 d-flex"> <div class="col-sm-12 col-md-6">
<div> <div class="d-flex align-items-center"
<img src="assets/icons/check.png"> style="margin-top: 30px; margin-bottom: 30px">
</div> <img src="assets/misc/check-box.png" class="mr-2"/>
<div>
<h4 <h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Send Delivery Details and Receipt Through WhatsApp to Send Delivery Details and Receipt Through WhatsApp to
@ -168,348 +165,349 @@
</div> </div>
</div> </div>
<div class="col-md-6 pl-3 py-3 d-flex"> <div class="col-sm-12 col-md-6">
<div> <div class="d-flex align-items-center"
<img src="assets/icons/check.png"> style="margin-top: 30px; margin-bottom: 30px">
</div> <img src="assets/misc/check-box.png" class="mr-2"/>
<div>
<h4 <h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Send WhatsApp Message by Twilio Method</h4> Send WhatsApp Message by Twilio Method</h4>
</div> </div>
</div> </div>
<div class="col-md-6 pl-3 py-3 d-flex"> <div class="col-sm-12 col-md-6">
<div> <div class="d-flex align-items-center"
<img src="assets/icons/check.png"> style="margin-top: 30px; margin-bottom: 30px">
</div> <img src="assets/misc/check-box.png" class="mr-2"/>
<div>
<h4 <h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Send WhatsApp Message by WhatsApp Web Method</h4> Send WhatsApp Message by WhatsApp Web Method</h4>
</div> </div>
</div> </div>
<div class="col-md-6 pl-3 py-3 d-flex">
<div>
<img src="assets/icons/check.png">
</div>
<div>
<h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Send WhatsApp Message through Livechat</h4>
</div>
</div>
</div>
</div> </div>
<div class="row" id="screenshots">
<div class="col-md-12" <div class="d-flex align-items-center"
style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important"> style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
<h2 id="screenshots">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> <div class="d-flex justify-content-center align-items-center mr-2"
<i class="fa fa-image mr-2"></i>Screenshots style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pictures.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Screenshots
</h2> </h2>
</div> </div>
<div class="col-lg-12 my-2"> <div class="row">
<h4 class="mt-2" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Get Twilio Credentials</h4> <div class="col-sm-12">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <div style="display: block; margin: 30px auto;">
Go to the Twilio website at <a href="https://www.twilio.com/">https://www.twilio.com/</a><br/> <h4 class="mt-2"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Twilio Credentials </h4>
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Go to the Twilio website at <a href="ttps://www.twilio.com/">ttps://www.twilio.com/</a><br/>
Click on the "Sign Up" Button to Create a new Account. If you Click on the "Sign Up" Button to Create a new Account. If you
already have an Account, you can Log In Instead.</p> already have an Account, you can Log In Instead.</p>
<img src="assets/screenshots/a.png" <img src="assets/screenshots/a.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div> <p
<div class="col-lg-12 my-3"> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
After Logging in, Navigate to the Twilio Console. You can find After Logging in, Navigate to the Twilio Console. You can find
the Link to the Console in the top right Corner of the Website. the
Link to the Console in the top right Corner of the Website.
In the Twilio Console, you will see a Sidebar on the left. In the Twilio Console, you will see a Sidebar on the left.
Click on the "Get a Trial Number" button to obtain a Phone Click
Number for Testing</p> on
the "Get a Trial Number" button to obtain a Phone Number for
Testing
</p>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
In the Settings page, you will find your Account SID (a unique In the Settings page, you will find your Account SID (a unique
identifier for your Twilio account) and your Auth Token (used identifier for your Twilio account) and your Auth Token (used
for authentication). These Credentials will be Required to make API for
authentication). These Credentials will be Required to make API
Requests. Requests.
</p> </p>
<img src="assets/screenshots/a1.png" <img src="assets/screenshots/a1.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Twilio Configuration in Odoo</h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Go to Settings and add the credentials under the
Twilio Credentials for Whatsapp.</p>
<img src="assets/screenshots/cr1.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
</div> </div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4> <div style="display: block; margin: 30px auto;">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <h4 class="mt-2"
Add whatsapp mobile number to the sale order partner.</p> style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
<img src="assets/screenshots/2.1.png" Cloud Credentials </h4>
class="img-responsive img-thumbnail border" <p
width="100%" height="auto"/> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send Quotation through whatsapp</h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Go to Sales -> Quotation ->Click on the Button "SEND BY
WHATSAPP"</p>
<img src="assets/screenshots/2.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Using Twilio</h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Choose 'Twilio' as the 'Send Using' method and click send</p>
<img src="assets/screenshots/5.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
The message will be sent as shown below.</p>
<img src="assets/screenshots/6.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Get Cloud API WhatsApp Credentials</h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
To get cloud API whatsapp credential first you need a facebook To get cloud API whatsapp credential first you need a facebook
account. Go to the<a href="https://developers.facebook.com"> account. Go to the
https://developers.facebook.com</a> website, and you can sign up https://developers.facebook.com website, and you can sign up
your developer facebook account using the your developer facebook account using the
facebook account and whatsapp business account. </p> facebook account and whatsapp business account. </p>
<img src="assets/screenshots/c1.png" <img src="assets/screenshots/c1.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div> <p
<div class="col-lg-12 my-3"> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
After Logging in, there has an option 'My Apps', from here we After Logging in, there has an option 'My Apps', from here we
can access all your apps in the facebook developer account.</p> can access all your apps in the facebook
developer account
</p>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
From there we need to create new app for the whatsapp cloud From there we need to create new app for the whatsapp cloud
integration. There has 'Create App' option to create a new app.</p> integration. There has 'Create App' option
to create a new app.
</p>
<img src="assets/screenshots/c2.png" <img src="assets/screenshots/c2.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
It opens a new window, here there some option to choose, select It opens a new window, here there some option to choose, select
'Other' and click on 'Next' button.</p> 'Other' and click on 'Next' button.
</p>
<img src="assets/screenshots/c3.png" <img src="assets/screenshots/c3.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Select app type 'Business' and click on 'Next' button.</p> Select app type 'Business' and click on 'Next' button.
</p>
<img src="assets/screenshots/c4.png" <img src="assets/screenshots/c4.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Provide App name and App contact email, select Business account Provide App name and App contact email, select Business account
as 'Test Business', click on Create App.</p> as 'Test Business', click on Create App.
</p>
<img src="assets/screenshots/c5.png" <img src="assets/screenshots/c5.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4> Need to enter your password here.
</p>
<img src="assets/screenshots/c6.png"
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Then after we need to integrate the Whatsapp with our app that Then after we need to integrate the Whatsapp with our app that
we created by clicking on 'Set up'.</p> we created by clicking on 'Set up'.
</p>
<img src="assets/screenshots/c7.png" <img src="assets/screenshots/c7.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
There has API set up option menu under Whatsapp on the left There has API set up option menu under Whatsapp on the left
side,from there we can access our Temporary side,from there we can access our Temporary
Access Token, Phone Number ID and Whatsapp Business Account ID.</p> Access Token, Phone Number ID and Whatsapp Business Account ID.
</p>
<img src="assets/screenshots/c8.png" <img src="assets/screenshots/c8.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
We can Choose a mobile number from 'To' option, can send We can Choose a mobile number from 'To' option, can send
message to the number by clicking the 'Send message to the number by clicking the 'Send
Message' button.</p> Message' button.
</p>
<img src="assets/screenshots/c9.png" <img src="assets/screenshots/c9.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">It will send a demonstration message like shown below</p>
<img src="assets/screenshots/c10.png" <img src="assets/screenshots/c10.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div> </div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Whatsapp Cloud API Configuration in Odoo</h4> <div style="display: block; margin: 30px auto;">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <h4 class="mt-2"
Go to Settings and add the credentials under the style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Whatsapp Cloud API Credentials.</p> Configuration of Credentials </h4>
<img src="assets/screenshots/cr2.png" <p
class="img-responsive img-thumbnail border" style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
width="100%" height="auto"/> Go to Settings and add Twilio Account
Credentials and Cloud Whatsapp Credentials.</p>
<img src="assets/screenshots/1.png"
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
</div>
<div style="display: block; margin: 30px auto;">
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Add whatsapp mobile number to the sale order partner.</p>
<img src="assets/screenshots/2.1.png"
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
</div> </div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send Quotation through whatsapp</h4> <div style="display: block; margin: 30px auto;">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <h4 class="mt-3"
Go to Sales -> Quotation ->Click on the Button "SEND BY style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
WHATSAPP"</p> Sales -> Quotation ->Click on the Button "SEND BY
WHATSAPP" </h4>
<img src="assets/screenshots/2.png" <img src="assets/screenshots/2.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div> <p
<div class="col-lg-12 my-3"> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Using Cloud WhatsApp</h4> Choose One Method to Send Message (Twilio or Web or Cloud) and
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> also we
Choose 'Cloud WhatsApp' as the Send Using method, We have Two can
options Using , Text and Document. Choose one and click Send.</p> See the Sample of Whatsapp Message.
<img src="assets/screenshots/1.1.png" </p>
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
The message will be sent as shown below.</p>
<img src="assets/screenshots/1.3.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Using WhatsApp Web</h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Choose 'WhatsApp Web' as the Send Using method. It will redirect
you to WhatsApp Web and you can send message through it.</p>
<img src="assets/screenshots/3.png" <img src="assets/screenshots/3.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div> <p
<div class="col-lg-12 my-3"> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4> The message shown as:
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> </p>
The message will be sent as shown below.</p>
<img src="assets/screenshots/4.png" <img src="assets/screenshots/4.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
<h4 class="mt-3"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Using Twilio
</h4>
<img src="assets/screenshots/5.png"
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
The message shown as:
</p>
<img src="assets/screenshots/6.png"
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
<h4 class="mt-3"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Using Cloud Whatsapp , We have Two options Using , Text and
Document.Choose one.
</h4>
<img src="assets/screenshots/1.1.png"
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
The message shown as:
</p>
<img src="assets/screenshots/1.3.png"
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
</div> </div>
<div class="col-lg-12 my-3"> <div style="display: block; margin: 30px auto;">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send By WhatsApp in Purchase Module</h4> <p
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">Go to Purchase -> RFQ ->Click on the Button "SEND BY style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
We can send whatsapp message in Sales , Purchase and in
Transfer.
</p>
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Purchase -> RFQ ->Click on the Button "SEND BY
WHATSAPP" </p> WHATSAPP" </p>
<img src="assets/screenshots/10.png" <img src="assets/screenshots/10.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div> <p
<div class="col-lg-12 my-3"> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send By WhatsApp in Invoicing Module</h4> Inventory -> Transfer ->Click on the Button "SEND BY
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">Go to Invoicing -> Customers -> Invoice ->Click on the Button "SEND BY WHATSAPP"
WHATSAPP"</p> </p>
<img src="assets/screenshots/cr3.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
</div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send By WhatsApp in Inventory Module</h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">Got to Inventory -> Transfer ->Click on the Button "SEND BY
WHATSAPP"</p>
<img src="assets/screenshots/11.png" <img src="assets/screenshots/11.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div> </div>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">WhatsApp Message Through Livechat</h4> <div style="display: block; margin: 30px auto;">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> <h4 class="mt-3"
First add the Number to the related partner of the user. style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Make sure do not include the spaces.</p> Send and Receive whatsapp message through Livechat </h4>
<p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
There has option to send and receive whatsapp message through
Livechat. For that first we need to set
the Whatsapp Business whatsapp number to the related partner of
the user.
</p>
<img src="assets/screenshots/c11.png" <img src="assets/screenshots/c11.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div> <p
<div class="col-lg-12 my-3"> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
We can receive realtime whatsapp messages to the Business We can receive realtime whatsapp messages to the Business
whatsapp number through Live Chat. For that whatsapp number through Live Chat. For that
first we need to configure Webhooks from facebook developer first we need to configure Webhooks from facebook developer
account. There has 'Configuration' menu account. There has 'Configuration' menu
under Whatsapp on left side, from there we configure webhook under Whatsapp on left side, from there we configure webhook
for the realtime message chat.</p> for the realtime message chat.
<img src="assets/screenshots/cr4.png" </p>
class="img-responsive img-thumbnail border" <img src="assets/screenshots/c12.png"
width="100%" height="auto"/> class="img-responsive img-thumbnail border" width="100%"
</div> height="auto"/>
<div class="col-lg-12 my-3"> <p
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
We add Call back url for the webhook here. It will trigger a We add Call back url for the webhook here. It will trigger a
response while we receive whatsapp message response while we receive whatsapp message
to the Business whatsapp. Also need to provide a verification to the Business whatsapp. Also need to provide a verification
token to connect it, click on 'Verify and Save' Button. token to connect it, click on 'Verify and Save' Button.
The Webhook format is "ip_address/whatsapp_message".</p> The Webhook format is "ip_address/whatsapp_message".
<img src="assets/screenshots/cr5.png" </p>
class="img-responsive img-thumbnail border" <img src="assets/screenshots/t88.png"
width="100%" height="auto"/> class="img-responsive img-thumbnail border" width="100%"
</div> height="auto"/>
<div class="col-lg-12 my-3">
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4> <p
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Then after we need to choose 'message' as webhook field by Then after we need to choose 'message' as webhook field by
clicking the manage button. Enable the messages option and click Done</p> clicking the manage button.
</p>
<img src="assets/screenshots/c14.png" <img src="assets/screenshots/c14.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3"> <p
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Message Through Livechat</h4> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
We get the realtime whatsapp chats of business whatsapp through We get the realtime whatsapp chats of business whatsapp through
the Live Chat.</p> the Live Chat.
</p>
<img src="assets/screenshots/c16.png" <img src="assets/screenshots/c16.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3"> <p
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> We can also send messages through the LiveChat.
We can also send messages through the LiveChat.</p>
</p>
<img src="assets/screenshots/c17.png" <img src="assets/screenshots/c17.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
<div class="col-lg-12 my-3"> <p
<h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">WhatsApp View</h4> style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> The portal user can get the message through whatsapp that we
The portal users view will be as shown</p> sent by Live Chat
</p>
<img src="assets/screenshots/c18.png" <img src="assets/screenshots/c18.png"
class="img-responsive img-thumbnail border" class="img-responsive img-thumbnail border" width="100%"
width="100%" height="auto"/> height="auto"/>
</div>
</div> </div>
</div> </div>
<!-- RELATED PRODUCTS --> <!-- RELATED PRODUCTS -->
@ -526,8 +524,10 @@
</h2> </h2>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div id="demo1" class="row carousel slide" data-ride="carousel"> <div id="demo1" class="row carousel slide"
data-ride="carousel">
<!-- The slideshow --> <!-- The slideshow -->
<div class="carousel-inner" style="padding: 30px;"> <div class="carousel-inner" style="padding: 30px;">
<div class="carousel-item" style="min-height: 198.656px;"> <div class="carousel-item" style="min-height: 198.656px;">
@ -713,8 +713,8 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/consultation.png" <img src="assets/icons/consultation.png" class="img-responsive"
class="img-responsive" height="48px" width="48px"> height="48px" width="48px">
</div> </div>
<h6 class="text-center" <h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -772,8 +772,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/trading-black.png" <img src="assets/icons/trading-black.png"
class="img-responsive mb-3" height="48px" class="img-responsive mb-3" height="48px" width="48px">
width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Trading Trading
</h5> </h5>
@ -788,8 +787,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/pos-black.png" <img src="assets/icons/pos-black.png"
class="img-responsive mb-3" height="48px" class="img-responsive mb-3" height="48px" width="48px">
width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
POS POS
</h5> </h5>
@ -804,8 +802,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/education-black.png" <img src="assets/icons/education-black.png"
class="img-responsive mb-3" height="48px" class="img-responsive mb-3" height="48px" width="48px">
width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Education Education
</h5> </h5>
@ -819,8 +816,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/manufacturing-black.png" <img src="assets/icons/manufacturing-black.png"
class="img-responsive mb-3" height="48px" class="img-responsive mb-3" height="48px" width="48px">
width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Manufacturing Manufacturing
</h5> </h5>
@ -834,8 +830,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/ecom-black.png" <img src="assets/icons/ecom-black.png"
class="img-responsive mb-3" height="48px" class="img-responsive mb-3" height="48px" width="48px">
width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
E-commerce &amp; Website E-commerce &amp; Website
</h5> </h5>
@ -850,8 +845,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/service-black.png" <img src="assets/icons/service-black.png"
class="img-responsive mb-3" height="48px" class="img-responsive mb-3" height="48px" width="48px">
width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Service Management Service Management
</h5> </h5>
@ -865,8 +859,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/restaurant-black.png" <img src="assets/icons/restaurant-black.png"
class="img-responsive mb-3" height="48px" class="img-responsive mb-3" height="48px" width="48px">
width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Restaurant Restaurant
</h5> </h5>
@ -880,8 +873,7 @@
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/hotel-black.png" <img src="assets/icons/hotel-black.png"
class="img-responsive mb-3" height="48px" class="img-responsive mb-3" height="48px" width="48px">
width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;"> <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Hotel Management Hotel Management
</h5> </h5>
@ -914,13 +906,13 @@
<div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;"> <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
<div class="mr-4 d-flex justify-content-center align-items-center" <div class="mr-4 d-flex justify-content-center align-items-center"
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;"> style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
<img src="assets/misc/support.png" height="48" <img src="assets/misc/support.png" height="48" width="48"
width="48" style="width: 42px; height: 42px;"/> style="width: 42px; height: 42px;"/>
</div> </div>
<div> <div>
<h4>Need Help?</h4> <h4>Need Help?</h4>
<p style="line-height: 100%;">Got questions or need <p style="line-height: 100%;">Got questions or need help?
help? Get in touch.</p> Get in touch.</p>
<a href="mailto:odoo@cybrosys.com"> <a href="mailto:odoo@cybrosys.com">
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;"> <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
odoo@cybrosys.com</p> odoo@cybrosys.com</p>
@ -932,13 +924,12 @@
<div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;"> <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
<div class="mr-4 d-flex justify-content-center align-items-center" <div class="mr-4 d-flex justify-content-center align-items-center"
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;"> style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
<img src="assets/misc/whatsapp.png" height="52" <img src="assets/misc/whatsapp.png" height="52" width="52"
width="52" style="width: 52px; height: 52px;"/> style="width: 52px; height: 52px;"/>
</div> </div>
<div> <div>
<h4>WhatsApp</h4> <h4>WhatsApp</h4>
<p style="line-height: 100%;">Say hi to us on <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
WhatsApp!</p>
<a href="https://api.whatsapp.com/send?phone=918606827707"> <a href="https://api.whatsapp.com/send?phone=918606827707">
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;"> <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+91 86068 +91 86068
@ -956,4 +947,3 @@
</div> </div>
</div> </div>
<!-- END OF SUPPORT --> <!-- END OF SUPPORT -->
</div>
Write Preview
Loading…
Cancel
Save