@ -11,111 +11,103 @@
< i class = "fa fa-check mr-1" > < / i > Community
< / 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">
< i class = "fa fa-check mr-1" > < / i > Enterprise
< / 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;"
< 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;"
class="mr-2">
< i class = "fa fa-check mr-1" > < / i > Odoo.sh
< / div >
< / div >
< / div >
< div class = "container" style = "padding: 0rem 1.5rem 4rem !important" >
< div class = "row" style = "height: 900px !important;" >
< div class = "container" >
< div class = "row" >
< 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
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
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"
width="100%" height="auto"/>
< / 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 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 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 >
< / 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 class = "col-md-6" >
< a href = "#features"
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;">
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 >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / 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 class = "col-sm-12 col-md-6 my-3" >
< a href = "#features" >
< 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 >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / div >
< div class = "col-md-6" >
< a href = "#screenshots"
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;">
Screenshots< / h3 >
< 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 class = "col-sm-12 col-md-6 my-3" >
< a href = "#screenshots" >
< 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;" > Screenshots< / span >
< span style = "color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;" > View
screenshots for this
module< / span >
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / 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 class = "row" id = "overview" >
< div class = "col-md-12"
style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
< h2
< h2 class = "mt-2"
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 >
< / 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
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
@ -124,18 +116,25 @@
< / p >
< / div >
< / div >
< div class = "row" id = "features" >
< 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;">
< i class = "fa fa-star mr-2" > < / i > Features
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="features">
< 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/features.png" / >
< / div >
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Features
< / h2 >
< / 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 >
< h4
@ -144,11 +143,10 @@
Users .< / h4 >
< / div >
< / div >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< / div >
< div >
< 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" / >
< h4
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
@ -156,11 +154,10 @@
Users.< / h4 >
< / div >
< / div >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< / div >
< div >
< 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" / >
< h4
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
@ -168,348 +165,349 @@
< / div >
< / div >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< / div >
< div >
< 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" / >
< h4
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 >
< / div >
< / div >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< / div >
< div >
< 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" / >
< h4
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 >
< / 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 class = "row" id = "screenshots" >
< 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;">
< i class = "fa fa-image mr-2" > < / i > Screenshots
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="screenshots">
< 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/pictures.png" / >
< / div >
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Screenshots
< / h2 >
< / div >
< div class = "col-lg-12 my-2" >
< 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 >
< 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 = "https://www.twilio.com/" > https://www.twilio.com/< / a > < br / >
< div class = "row" >
< div class = "col-sm-12" >
< div style = "display: block; margin: 30px auto;" >
< 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
already have an Account, you can Log In Instead.< / p >
< img src = "assets/screenshots/a.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;" >
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;">
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.
Click on the "Get a Trial Number" button to obtain a Phone
Number for Testing< / p >
Click
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;" >
In the Settings page, you will find your Account SID (a unique
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.
< / p >
< img src = "assets/screenshots/a1.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;" >
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"/>
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;" >
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 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;" >
< div style = "display: block; margin: 30px auto;" >
< h4 class = "mt-2"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Cloud 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
account. Go to the< a href = "https://developers.facebook.com" >
https://developers.facebook.com< / a >
account. Go to the
https://developers.facebook.com website, and you can sign up
your developer facebook account using the
facebook account and whatsapp business account. < / p >
< img src = "assets/screenshots/c1.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;" >
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;">
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;" >
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"
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 >
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;" >
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"
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 >
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;" >
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"
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 >
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;" >
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"
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 >
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;" >
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;" >
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"
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 >
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;" >
There has API set up option menu under Whatsapp on the left
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"
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 >
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;" >
We can Choose a mobile number from 'To' option, can send
message to the number by clicking the 'Send
Message' button.< / p >
Message' button.
< / p >
< img src = "assets/screenshots/c9.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;" > It will send a demonstration message like shown below< / p >
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
< img src = "assets/screenshots/c10.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
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;" > Whatsapp Cloud API 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
Whatsapp Cloud API Credentials.< / p >
< img src = "assets/screenshots/cr2.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
< div style = "display: block; margin: 30px auto;" >
< h4 class = "mt-2"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Configuration of Credentials < / 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 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 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 >
< 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;">
Sales -> Quotation ->Click on the Button "SEND BY
WHATSAPP" < / h4 >
< 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 Cloud WhatsApp< / h4 >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" >
Choose 'Cloud WhatsApp' as the Send Using method, We have Two
options Using , Text and Document. Choose one and click Send.< / p >
< img src = "assets/screenshots/1.1.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/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 >
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;">
Choose One Method to Send Message (Twilio or Web or Cloud) and
also we
can
See the Sample of Whatsapp Message.
< / p >
< img src = "assets/screenshots/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;" > < / 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 >
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/4.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
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 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 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 Purchase Module< / h4 >
< 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
< 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;">
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 >
< img src = "assets/screenshots/10.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 Invoicing Module< / h4 >
< 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"< / 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 >
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;">
Inventory -> Transfer ->Click on the Button "SEND BY
WHATSAPP"
< / p >
< img src = "assets/screenshots/11.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
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;" > WhatsApp Message Through Livechat< / h4 >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" >
First add the Number to the related partner of the user.
Make sure do not include the spaces.< / p >
< 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 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"
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;" >
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;">
We can receive realtime whatsapp messages to the Business
whatsapp number through Live Chat. For that
first we need to configure Webhooks from facebook developer
account. There has 'Configuration' menu
under Whatsapp on left side, from there we configure webhook
for the realtime message chat.< / p >
< img src = "assets/screenshots/cr4.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;" >
for the realtime message chat.
< / p >
< img src = "assets/screenshots/c12.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;">
We add Call back url for the webhook here. It will trigger a
response while we receive whatsapp message
to the Business whatsapp. Also need to provide a verification
token to connect it, click on 'Verify and Save' Button.
The Webhook format is "ip_address/whatsapp_message".< / p >
< img src = "assets/screenshots/cr5.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 Webhook format is "ip_address/whatsapp_message".
< / p >
< img src = "assets/screenshots/t88.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;">
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"
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;" > Message Through Livechat< / h4 >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" >
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;">
We get the realtime whatsapp chats of business whatsapp through
the Live Chat.< / p >
the Live Chat.
< / p >
< img src = "assets/screenshots/c16.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;" >
We can also send messages through the LiveChat.< / p >
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;">
We can also send messages through the LiveChat.
< / p >
< img src = "assets/screenshots/c17.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;" > WhatsApp View< / h4 >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" >
The portal users view will be as shown< / p >
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 portal user can get the message through whatsapp that we
sent by Live Chat
< / p >
< img src = "assets/screenshots/c18.png"
class="img-responsive img-thumbnail border"
width="100%" height="auto"/>
class="img-responsive img-thumbnail border" width="100%"
height="auto"/>
< / div >
< / div >
< / div >
<!-- RELATED PRODUCTS -->
@ -526,8 +524,10 @@
< / h2 >
< / div >
< div class = "row" >
< 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 -->
< div class = "carousel-inner" style = "padding: 30px;" >
< 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 = "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;">
< img src = "assets/icons/consultation.png"
class="img-responsive" height="48px" width="48px">
< img src = "assets/icons/consultation.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
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"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/trading-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Trading
< / h5 >
@ -788,8 +787,7 @@
< 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;">
< img src = "assets/icons/pos-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
POS
< / h5 >
@ -804,8 +802,7 @@
< 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;">
< img src = "assets/icons/education-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Education
< / h5 >
@ -819,8 +816,7 @@
< 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;">
< img src = "assets/icons/manufacturing-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Manufacturing
< / h5 >
@ -834,8 +830,7 @@
< 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;">
< img src = "assets/icons/ecom-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
E-commerce & Website
< / h5 >
@ -850,8 +845,7 @@
< 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;">
< img src = "assets/icons/service-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Service Management
< / h5 >
@ -865,8 +859,7 @@
< 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;">
< img src = "assets/icons/restaurant-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Restaurant
< / h5 >
@ -880,8 +873,7 @@
< 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;">
< img src = "assets/icons/hotel-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Hotel Management
< / h5 >
@ -914,13 +906,13 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; 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;">
< img src = "assets/misc/support.png" height = "48"
width="48" style="width: 42px; height: 42px;"/>
< img src = "assets/misc/support.png" height = "48" width = "48"
style="width: 42px; height: 42px;"/>
< / div >
< div >
< h4 > Need Help?< / h4 >
< p style = "line-height: 100%;" > Got questions or need
help? Get in touch.< / p >
< p style = "line-height: 100%;" > Got questions or need help?
Get in touch.< / p >
< a href = "mailto:odoo@cybrosys.com" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
odoo@cybrosys.com< / p >
@ -932,13 +924,12 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; 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;">
< img src = "assets/misc/whatsapp.png" height = "52"
width="52" style="width: 52px; height: 52px;"/>
< img src = "assets/misc/whatsapp.png" height = "52" width = "52"
style="width: 52px; height: 52px;"/>
< / div >
< div >
< h4 > WhatsApp< / h4 >
< p style = "line-height: 100%;" > Say hi to us on
WhatsApp!< / p >
< p style = "line-height: 100%;" > Say hi to us on WhatsApp!< / p >
< a href = "https://api.whatsapp.com/send?phone=918606827707" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
+91 86068
@ -956,4 +947,3 @@
< / div >
< / div >
<!-- END OF SUPPORT -->
< / div >
RisvanaCybro
2 years ago
