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

Sep 16 [UPDT] Updated 'all_in_one_whatsapp_integration'

pull/332/merge
AjmalCybro 7 months ago
parent
908a4b215b
commit
a8b7d16b68
1 changed files with 160 additions and 155 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. 315
      all_in_one_whatsapp_integration/static/description/index.html

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

@ -24,7 +24,7 @@
<div class="container"> <div class="container">
<div class="row"> <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"
> >
<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</h1> All In One Whatsapp</h1>
@ -37,7 +37,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;"> style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
@ -92,31 +92,31 @@
</a> </a>
</div> </div>
</div> </div>
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;" style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="overview"> id="overview">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pie-chart.png"/> <img src="assets/misc/pie-chart.png"/>
</div> </div>
<h2 class="mt-2" <h2 class="mt-2"
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;">
Overview Overview
</h2> </h2>
</div> </div>
<div class="row" <div class="row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;"> style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
<div class="col-sm-12 py-4"> <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
Partners that are in Sale Order, Purchase Order, Invoice Partners that are in Sale Order, Purchase Order, Invoice
and Bills, and Deliver Orders. and Bills, and Deliver Orders.
</p> </p>
</div> </div>
</div> </div>
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;" style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="features"> id="features">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
@ -128,65 +128,65 @@
Features Features
</h2> </h2>
</div> </div>
<div class="row" <div class="row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;"> 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="col-sm-12 col-md-6">
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px"> style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/> <img src="assets/misc/check-box.png" class="mr-2"/>
</div> </div>
<div> <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 Sale Order Details and Invoice Through WhatsApp to Send Sale Order Details and Invoice Through WhatsApp to
Users .</h4> Users .</h4>
</div> </div>
</div> </div>
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px"> style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/> <img src="assets/misc/check-box.png" class="mr-2"/>
<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
to to
Users.</h4> Users.</h4>
</div> </div>
</div> </div>
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px"> style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/> <img src="assets/misc/check-box.png" class="mr-2"/>
<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
Users.</h4> Users.</h4>
</div> </div>
</div> </div>
<div class="col-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px"> style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/> <img src="assets/misc/check-box.png" class="mr-2"/>
<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-sm-12 col-md-6"> <div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px"> style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/> <img src="assets/misc/check-box.png" class="mr-2"/>
<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>
</div>
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;" style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="screenshots"> id="screenshots">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
@ -200,8 +200,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h4 class="mt-2" <h4 class="mt-2"
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;">
Twilio Credentials </h4> Twilio Credentials </h4>
@ -236,7 +236,7 @@
height="auto"/> height="auto"/>
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h4 class="mt-2" <h4 class="mt-2"
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;">
Cloud Credentials </h4> Cloud Credentials </h4>
@ -321,12 +321,17 @@
class="img-responsive img-thumbnail border" width="100%" class="img-responsive img-thumbnail border" width="100%"
height="auto"/> height="auto"/>
<p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
To receive WhatsApp messages when connected with Odoo, you need
to reply to the initial message first.
</p>
<img src="assets/screenshots/c10.png" <img src="assets/screenshots/c10.png"
class="img-responsive img-thumbnail border" width="100%" class="img-responsive img-thumbnail border" width="100%"
height="auto"/> height="auto"/>
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h4 class="mt-2" <h4 class="mt-2"
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;">
Configuration of Credentials </h4> Configuration of Credentials </h4>
@ -338,7 +343,7 @@
class="img-responsive img-thumbnail border" width="100%" class="img-responsive img-thumbnail border" width="100%"
height="auto"/> height="auto"/>
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<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;">
Add whatsapp mobile number to the sale order partner.</p> Add whatsapp mobile number to the sale order partner.</p>
@ -347,7 +352,7 @@
height="auto"/> height="auto"/>
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h4 class="mt-3" <h4 class="mt-3"
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;">
Sales -> Quotation ->Click on the Button "SEND BY Sales -> Quotation ->Click on the Button "SEND BY
@ -403,7 +408,7 @@
class="img-responsive img-thumbnail border" width="100%" class="img-responsive img-thumbnail border" width="100%"
height="auto"/> height="auto"/>
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<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;">
We can send whatsapp message in Sales , Purchase and in We can send whatsapp message in Sales , Purchase and in
@ -426,7 +431,7 @@
height="auto"/> height="auto"/>
</div> </div>
<div style="display: block; margin: 30px auto;"> <div style="display: block; margin: 30px auto;">
<h4 class="mt-3" <h4 class="mt-3"
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 and Receive whatsapp message through Livechat </h4> Send and Receive whatsapp message through Livechat </h4>
@ -460,7 +465,7 @@
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". The Webhook format is "ip_address/whatsapp_message".
</p> </p>
<img src="assets/screenshots/t88.png" <img src="assets/screenshots/t88.png"
class="img-responsive img-thumbnail border" width="100%" class="img-responsive img-thumbnail border" width="100%"
height="auto"/> height="auto"/>
@ -510,8 +515,8 @@
</div> </div>
</div> </div>
<!-- RELATED PRODUCTS --> <!-- RELATED PRODUCTS -->
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"> style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
@ -525,103 +530,103 @@
</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" <div id="demo1" class="row carousel slide"
data-ride="carousel"> 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;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left"> style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_mail_messaging/" <a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_mail_messaging/"
target="_blank"> target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-radius: 0px;" style="border-radius: 0px;"
src="assets/modules/11.png"> src="assets/modules/11.png">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left"> style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_redirect/" <a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_redirect/"
target="_blank"> target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-radius: 0px;" style="border-radius: 0px;"
src="assets/modules/12.png"> src="assets/modules/12.png">
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left"> style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/insta_feed_snippet/" <a href="https://apps.odoo.com/apps/modules/16.0/insta_feed_snippet/"
target="_blank"> target="_blank">
<div style="border-radius:10px"> <div style="border-radius:10px">
<img class="img img-responsive center-block" <img class="img img-responsive center-block"
style="border-radius: 0px;" style="border-radius: 0px;"
src="assets/modules/13.png"> src="assets/modules/13.png">
</div> </div>
</a> </a>
</div> </div>
</div>
<div class="carousel-item active"
style="min-height: 198.656px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/website_floating_whatsapp_icon/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/14.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_chat_layout/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/15.png">
</div>
</a>
</div> </div>
<div class="carousel-item active" <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="min-height: 198.656px;"> style="float:left">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" <a href="https://apps.odoo.com/apps/modules/16.0/fb_messenger/"
style="float:left"> target="_blank">
<a href="https://apps.odoo.com/apps/modules/16.0/website_floating_whatsapp_icon/" <div style="border-radius:10px">
target="_blank"> <img class="img img-responsive center-block"
<div style="border-radius:10px"> style="border-radius: 0px;"
<img class="img img-responsive center-block" src="assets/modules/16.png">
style="border-radius: 0px;" </div>
src="assets/modules/14.png"> </a>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_chat_layout/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/15.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/fb_messenger/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/16.png">
</div>
</a>
</div>
</div> </div>
</div> </div>
<!-- Left and right controls --> </div>
<a class="carousel-control-prev" href="#demo1" <!-- Left and right controls -->
data-slide="prev" <a class="carousel-control-prev" href="#demo1"
style="width:35px; color:#000"> <span data-slide="prev"
class="carousel-control-prev-icon"><i style="width:35px; color:#000"> <span
class="fa fa-chevron-left" class="carousel-control-prev-icon"><i
style="font-size:24px"></i></span> class="fa fa-chevron-left"
</a> <a class="carousel-control-next" href="#demo1" style="font-size:24px"></i></span>
data-slide="next" style="width:35px; color:#000"> </a> <a class="carousel-control-next" href="#demo1"
data-slide="next" style="width:35px; color:#000">
<span class="carousel-control-next-icon"><i <span class="carousel-control-next-icon"><i
class="fa fa-chevron-right" style="font-size:24px"></i></span> class="fa fa-chevron-right" style="font-size:24px"></i></span>
</a> </a>
</div>
</div> </div>
</div> </div>
<!-- END OF RELATED PRODUCTS --> </div>
<!-- END OF RELATED PRODUCTS -->
<!-- OUR SERVICES --> <!-- OUR SERVICES -->
<div class="d-flex align-items-center" <div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"> style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2" <div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">

Write Preview
Loading…
Cancel
Save