You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1364 lines
63 KiB
1364 lines
63 KiB
<div class="row"
|
|
style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">
|
|
<a href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png"
|
|
style=" width: 293px; padding: 1rem 0rem; margin: auto"
|
|
alt="cybrosys-logo"></a></div>
|
|
<div class="row"
|
|
style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
|
|
<div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
|
|
<div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
|
|
<h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Mass Mailing With SendGrid</h1>
|
|
<h3 style="font-size: 21px;margin-top: 8px;position: relative;">
|
|
Mass Mailing using SendGrid API
|
|
</h3>
|
|
</div>
|
|
<h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
|
|
<ul style=" padding: 0 1px; list-style: none; ">
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Mass Mailing option using SendGrid API
|
|
</li>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
SendGrid Send Emails submenu in Email Marketing Reporting menu can be use
|
|
for viewing Mail Details.
|
|
</li>
|
|
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In SendGrid Send Emails Will Show the Error Emails and cause of Error in The Record.
|
|
It also include Mail Bounce Check
|
|
</li>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Bounce Check Button Will show cause of the bounce Email in the page view.
|
|
</li>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Resend Error Emails Button in the action menu can be use for resend the selected
|
|
error emails.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-5 col-sm-12 col-xs-12"><img src="images/addon-highlight.png" class="img-responsive" alt=""></div>
|
|
</div>
|
|
<div>
|
|
<section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
|
|
<div class="row py-4 px-3">
|
|
<div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
|
|
<ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab"
|
|
style="border: none;background: unset;">
|
|
<li class="nav-item mr-1 mb-3"
|
|
style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;">
|
|
<a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab"
|
|
aria-controls="pills-home" aria-selected="true" class="nav-link active show"
|
|
style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;">Overview </a>
|
|
</li>
|
|
<li class="nav-item mr-1 mb-3"
|
|
style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;">
|
|
<a id="pills-home-tab" data-toggle="pill" href="#pills-Configuration" role="tab"
|
|
aria-controls="pills-home" aria-selected="true" class="nav-link "
|
|
style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;">Configuration </a>
|
|
</li>
|
|
|
|
<li class="nav-item mr-1 mb-3"
|
|
style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;">
|
|
<a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab"
|
|
aria-controls="pills-home" aria-selected="true" class="nav-link "
|
|
style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;">Features </a>
|
|
</li>
|
|
|
|
<li class="nav-item mr-1 mb-3"
|
|
style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;">
|
|
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab"
|
|
aria-controls="pills-profile" aria-selected="false"
|
|
style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;">Screenshots </a>
|
|
</li>
|
|
<!-- <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-video" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;-->
|
|
<!-- color: #fff;">Video </a> </li>-->
|
|
</ul>
|
|
<div class="tab-content" id="pills-tabContent"
|
|
style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
|
|
<div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
|
|
pills-home-tab">
|
|
<!-- Overview-->
|
|
<h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
|
|
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
|
|
<h3 class="oe_slogan"
|
|
style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
|
|
The module will help send emails through SendGrid Mailing Service. It could be use full for
|
|
Bulk Mailing. The email templates can create by the user. It work with the API key provided
|
|
by the user.
|
|
</h3>
|
|
</div>
|
|
<div class="px-3 pt-1 tab-pane fade " id="pills-Configuration" role="tabpanel" aria-labelledby="
|
|
pills-home-tab">
|
|
<!-- feature tab-->
|
|
<h2 style="font-weight: 600;text-align: center;width: 100%;">SendGrid Email Service</h2>
|
|
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
|
|
<ul>
|
|
|
|
<li class="mb8"
|
|
style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
You need to get a SendGrid API key To use This module
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
|
|
pills-home-tab">
|
|
<!-- feature tab-->
|
|
<h2 style="font-weight: 600;text-align: center;width: 100%;">SendGrid Email</h2>
|
|
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
|
|
<ul>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
It work with using the API Key. It can be set in the configuration.
|
|
|
|
</li>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
SendGrid Template Details submenu in Email Marketing configuration using to create
|
|
email templates.
|
|
</li>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
SendGrid From Emails submenu in Email Marketing Configuration using for storing
|
|
From Emails.
|
|
|
|
</li>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In Email Marketing Mailing Form contains a page named SendGrid Email.There we can select
|
|
the Sending Template.
|
|
</li>
|
|
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
We could Use Recipients field to sort the recipient emails.
|
|
</li>
|
|
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Mail can be send by using SendGrid Button in Mailing Form.
|
|
</li>
|
|
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
SendGrid Send Emails submenu in Email Marketing Reporting menu can be use
|
|
for viewing Mail Details.
|
|
</li>
|
|
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In SendGrid Send Emails Will Show the Error Emails and cause of Error in The Record.
|
|
It also include Mail Bounce Check
|
|
</li>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Bounce Check Button Will show cause of the bounce Email in the page view.
|
|
</li>
|
|
|
|
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Resend Error Emails Button in the action menu can be use for resend the selected
|
|
error emails.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- Screenshot tab-->
|
|
<div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel"
|
|
aria-labelledby="pills-profile-tab">
|
|
<div class="tab-pane">
|
|
<h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
|
|
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
|
|
<div>
|
|
<section class="oe_container">
|
|
<div id="demo" class="row carousel slide mb32" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In Email Marketing Configuration have a checkbox field SendGrid
|
|
API by checking it, Will show another Text field
|
|
</h3>
|
|
|
|
<div style=""><img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/configuration-check-box.png"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Once the check box checked It will Show A text field.
|
|
|
|
<br><br>
|
|
<p style="line-height: 35px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Here we can set the API key and click save button.
|
|
</p>
|
|
<p style="line-height: 35px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
By pressing save button it will save in the system if you
|
|
again do the same thing Key will be modify.
|
|
</p>
|
|
</h3>
|
|
|
|
|
|
<div style=""><img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/configuration-text-field.png"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In Email Marketing Configuration have a sub menu
|
|
SendGrid Template Details
|
|
</h3>
|
|
|
|
<div style=""><img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/configuration-template-menu.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In Email Template Details show a tree view like
|
|
below
|
|
create new template by clicking Create button
|
|
</h3>
|
|
|
|
<div style=""><img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/template-page-tree.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="mb32 alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; ">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Email template form view is shown in below
|
|
here you can fill all the fields.
|
|
|
|
|
|
<br><br>
|
|
<p style="line-height: 35px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
You can fill the Email subject and content
|
|
in the subject
|
|
field and content box and click the save
|
|
button.
|
|
</p>
|
|
|
|
</h3>
|
|
<div style=""><img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/template-page-form.png"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
This Form view will be fill like below.
|
|
</h3>
|
|
|
|
<div style=""><img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/template-from-filled.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Template create button in using
|
|
for creating the template.
|
|
</h3>
|
|
|
|
<div style=""><img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/template-create-template.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Template create button in using
|
|
for creating the template.
|
|
</h3>
|
|
|
|
<div style=""><img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/template-create-template.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
After clicking template
|
|
create button Template
|
|
ID will be fill.
|
|
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Using Template ID We
|
|
can Write the
|
|
template content by
|
|
clicking Create
|
|
Version button.
|
|
</p>
|
|
</h3>
|
|
|
|
<div style=""><img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/template-create-version.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Mailing Page is
|
|
shown below.
|
|
Here we can set
|
|
the mail
|
|
parameters by
|
|
clicking Create
|
|
button
|
|
</h3>
|
|
|
|
<div style=""><img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-page-kanban.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In
|
|
mailing
|
|
form
|
|
view we
|
|
can see
|
|
a page
|
|
named
|
|
SendGrid
|
|
Email,
|
|
Here we
|
|
configure
|
|
email
|
|
template
|
|
and
|
|
other
|
|
fields.
|
|
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
By
|
|
selecting
|
|
Email
|
|
template
|
|
in
|
|
the
|
|
page
|
|
view,
|
|
It
|
|
will
|
|
be
|
|
fill
|
|
Template
|
|
ID.
|
|
</p>
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-page-form.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Selecting
|
|
Email
|
|
Template
|
|
field
|
|
also
|
|
fill
|
|
the
|
|
mail
|
|
body
|
|
Of
|
|
the
|
|
mailing
|
|
form.
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-mail-body.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Mailing
|
|
Form
|
|
View
|
|
Contains
|
|
Recipient
|
|
field
|
|
it
|
|
help
|
|
to
|
|
select
|
|
recipient
|
|
type.
|
|
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Using
|
|
Domain
|
|
Filter
|
|
user
|
|
can
|
|
sort
|
|
needed
|
|
recipients
|
|
from
|
|
the
|
|
record.
|
|
</p>
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-to-email.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
After
|
|
setting
|
|
Recipients
|
|
and
|
|
Template
|
|
user
|
|
can
|
|
sent
|
|
mail
|
|
by
|
|
clicking
|
|
SendGrid
|
|
button.
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-send-grid.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
By
|
|
clicking
|
|
SendGrid
|
|
button
|
|
it
|
|
will
|
|
show
|
|
a
|
|
confirmation
|
|
wizard.
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In
|
|
confirmation
|
|
wizard
|
|
have
|
|
two
|
|
button
|
|
Ok
|
|
and
|
|
Cancel,
|
|
By
|
|
clicking
|
|
Ok
|
|
button
|
|
the
|
|
mail
|
|
will
|
|
be
|
|
sent.
|
|
</p>
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-confirm.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
If
|
|
the
|
|
mail
|
|
send
|
|
to
|
|
the
|
|
recipient
|
|
then
|
|
the
|
|
draft
|
|
state
|
|
is
|
|
change
|
|
to
|
|
send
|
|
state.
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
User
|
|
can
|
|
see
|
|
which
|
|
recipient
|
|
have
|
|
send
|
|
the
|
|
mails
|
|
in
|
|
sent
|
|
smart
|
|
button
|
|
on
|
|
the
|
|
mailing
|
|
form
|
|
</p>
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-state-send.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In mail user can see a new mail like below image.
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mail-test.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div id="demo"
|
|
class="row carousel slide mb32"
|
|
data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active"
|
|
style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
By
|
|
clicking
|
|
Send
|
|
smart
|
|
button
|
|
it
|
|
will
|
|
show
|
|
a
|
|
tree
|
|
view
|
|
like
|
|
below,
|
|
here
|
|
we
|
|
can
|
|
see
|
|
mailing
|
|
completed
|
|
recipient
|
|
details.
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/smart-button-send.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
In
|
|
Email
|
|
Marketing
|
|
Reporting
|
|
menu
|
|
have
|
|
sub
|
|
menu
|
|
SendGrid
|
|
Send
|
|
Emails,
|
|
Here
|
|
user
|
|
can
|
|
get
|
|
the
|
|
mailing
|
|
details
|
|
done
|
|
by
|
|
SendGrid
|
|
Service.
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-report.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
By
|
|
clicking
|
|
SendGrid
|
|
Send
|
|
Emails
|
|
sub
|
|
menu,
|
|
It
|
|
will
|
|
show
|
|
tree
|
|
view
|
|
like
|
|
below.
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Here
|
|
the
|
|
user
|
|
can
|
|
see
|
|
mailing
|
|
records
|
|
and
|
|
it
|
|
states.
|
|
</p>
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/mailing-report-tree.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Send
|
|
state
|
|
record
|
|
will
|
|
be
|
|
look
|
|
like
|
|
below.
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Here
|
|
we
|
|
can
|
|
see
|
|
a
|
|
button
|
|
Bounce
|
|
Check
|
|
it
|
|
can
|
|
use
|
|
for
|
|
checking
|
|
mail
|
|
Bounce
|
|
status.
|
|
</p>
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/report-page-form.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
By
|
|
clicking
|
|
Bounce
|
|
Check
|
|
button
|
|
it
|
|
will
|
|
show
|
|
bounce
|
|
status
|
|
in
|
|
the
|
|
Message
|
|
page
|
|
in
|
|
the
|
|
form
|
|
view.
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/bounce-status.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Error
|
|
state
|
|
record
|
|
can
|
|
see
|
|
below.
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Here
|
|
user
|
|
can
|
|
see
|
|
the
|
|
error
|
|
cause
|
|
in
|
|
the
|
|
Messages
|
|
page
|
|
in
|
|
the
|
|
form
|
|
view.
|
|
</p>
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/error-status.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
If
|
|
any
|
|
error
|
|
record
|
|
occurred
|
|
it
|
|
can
|
|
be
|
|
resend
|
|
to
|
|
that
|
|
mail.
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Here
|
|
action
|
|
have
|
|
a
|
|
button
|
|
Resend
|
|
Error
|
|
Mails
|
|
,
|
|
it
|
|
will
|
|
be
|
|
resend
|
|
mails
|
|
to
|
|
the
|
|
selected
|
|
error
|
|
records.
|
|
</p>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
If
|
|
the
|
|
error
|
|
record
|
|
sending
|
|
completed,
|
|
The
|
|
state
|
|
will
|
|
be
|
|
change
|
|
to
|
|
Send.
|
|
</p>
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/error-resent.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
Mailing configuration menu have submenu SendGrid From Email it used form storing from email Records.
|
|
<br><br>
|
|
<p style="line-height: 35px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
User can use this from emails on mailing page.
|
|
</p>
|
|
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/from-email-menu.png">
|
|
</div>
|
|
</div>
|
|
</div><div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
|
|
style="float: left;">
|
|
<h3 class="alert"
|
|
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
|
|
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
|
|
User can create new from email record by clicking on create button on the view.
|
|
<br><br>
|
|
|
|
|
|
</h3>
|
|
|
|
<div style="">
|
|
<img
|
|
class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/from-email-page.png">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#demo" data-slide="prev"
|
|
style="left:-25px;width: 35px;color: #000;"> <span
|
|
class="carousel-control-prev-icon"><i class="fa fa-chevron-left"
|
|
style="font-size:24px"></i></span>
|
|
</a> <a class="carousel-control-next" href="#demo" data-slide="next"
|
|
style="right:-25px;width: 35px;color: #000;"> <span
|
|
class="carousel-control-next-icon"><i class="fa fa-chevron-right"
|
|
style="font-size:24px"></i></span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="px-3 pt-1 tab-pane fade" id="pills-video" role="tabpanel" aria-labelledby="-->
|
|
<!-- pills-home-tab">-->
|
|
<!-- <!– Video–>-->
|
|
<!-- <h2 style="font-weight: 600;text-align: center;width: 100%;">Video</h2>-->
|
|
<!-- <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">-->
|
|
<!-- <center>-->
|
|
<!-- <p>Website Maintenance Request Demo</p>-->
|
|
<!-- <!–<a href="https://www.youtube.com/watch?v=57QWXrMYe84&feature=youtu.be" target="_blank"> <img src="addon-youtube.png" style="width:80%;"></a>–>-->
|
|
<!-- <div class="s_panel_video" data-video-id="7PFB7FpMFyM?rel=0" style="cursor:pointer;">-->
|
|
<!-- <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0" src="images/task_timer_youtube.png" alt="Cybrosys Cover Video" style="max-width:100%;">-->
|
|
<!-- </div>-->
|
|
<!-- </center>-->
|
|
<!-- </div>-->
|
|
<!-- faq tab-->
|
|
<div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel"
|
|
aria-labelledby="pills-contact-tab">
|
|
<ul class="list-unstyled">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container" style="padding: 2rem 3rem 1rem;">
|
|
<h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
|
|
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
|
|
<div id="demo1" class="row carousel slide" data-ride="carousel">
|
|
<!-- The slideshow -->
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"><a
|
|
href="https://apps.odoo.com/apps/modules/13.0/custom_gantt_view/" target="_blank">
|
|
<div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
|
|
<img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/module_gantt_view.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/13.0/sms_gateway_msg91/" target="_blank">
|
|
<div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
|
|
<img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/module_sms.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/13.0/digest_cash_bank/" target="_blank">
|
|
<div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
|
|
<img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/module_auto_mail.png"></div>
|
|
</a></div>
|
|
</div>
|
|
<div class="carousel-item" style="min-height: 0px;">
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"><a
|
|
href="https://apps.odoo.com/apps/modules/13.0/accounting_dynamic_reports/" target="_blank">
|
|
<div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
|
|
<img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/module_report.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/13.0/account_reports_xlsx/" target="_blank">
|
|
<div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
|
|
<img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/module_report_account.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/13.0/product_to_quotation/" target="_blank">
|
|
<div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
|
|
<img class="img img-responsive center-block"
|
|
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
|
|
src="images/module_add_multi.png"></div>
|
|
</a></div>
|
|
</div>
|
|
</div>
|
|
<!-- Left and right controls -->
|
|
<a class="carousel-control-prev" href="#demo1" data-slide="prev"
|
|
style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i
|
|
class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next"
|
|
href="#demo1"
|
|
data-slide="next"
|
|
style="right:-25px;width: 35px;color: #000;">
|
|
<span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
<section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
|
|
<h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>
|
|
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
|
|
<div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
|
|
<!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
|
|
href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/odoo-customization.png"
|
|
style="width: 100%;border-radius: 100%;"/> </a></div>
|
|
<h3 class="oe_slogan"
|
|
style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
|
|
<a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
Odoo Customization </a></h3>
|
|
</div>
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
|
|
href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/odoo-erp-implementation.png"
|
|
style="width: 100%;border-radius: 100%;"/> </a></div>
|
|
<h3 class="oe_slogan"
|
|
style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
|
|
<a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
Odoo Implementation </a></h3>
|
|
</div>
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
|
|
href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/odoo-erp-integration.png"
|
|
style="width: 100%;border-radius: 100%;"/> </a></div>
|
|
<h3 class="oe_slogan"
|
|
style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
|
|
<a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
Odoo Integration </a></h3>
|
|
</div>
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
|
|
href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/odoo-erp-support.png"
|
|
style="width: 100%;border-radius: 100%;"/> </a></div>
|
|
<h3 class="oe_slogan"
|
|
style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
|
|
<a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
Odoo Support</a></h3>
|
|
</div>
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
|
|
href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/hire-odoo-developer.png"
|
|
style="width: 100%;border-radius: 100%;"/> </a></div>
|
|
<h3 class="oe_slogan"
|
|
style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
|
|
<a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
Hire Odoo Developers</a></h3>
|
|
</a>
|
|
</div>
|
|
<!-- </div> -->
|
|
</div>
|
|
</section>
|
|
<section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
|
|
<div class="row" style="margin: 0">
|
|
<h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Industries</h2>
|
|
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
|
|
<!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
|
|
<div class="row" style="width: 100%">
|
|
<div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
|
|
<div>
|
|
<div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry"
|
|
style=" border-radius: 100%;width:100%;"/> </a></div>
|
|
</div>
|
|
<div style="width:70%;float:left;">
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;">
|
|
Trading </a></h3>
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
|
|
Easily procure and sell your products. </h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
|
|
<div>
|
|
<div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/"
|
|
target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png"
|
|
alt="Odoo Industry" style=" border-radius: 100%;width:100%;"/>
|
|
</a></div>
|
|
</div>
|
|
<div style="width:70%;float:left;" style=" margin-bottom: 10px; ">
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/"
|
|
target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;">
|
|
Manufacturing</a></h3>
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;">
|
|
Plan, track and schedule your operations. </h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
|
|
<div>
|
|
<div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
|
|
<img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry"
|
|
style=" border-radius: 100%;width:100%;"/> </a></div>
|
|
</div>
|
|
<div style="width:70%;float:left;">
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;">
|
|
Restaurant</a></h3>
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;">
|
|
Run your bar or restaurant methodical. </h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
|
|
<div>
|
|
<div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry"
|
|
style=" border-radius: 100%;width:100%;"/> </a></div>
|
|
</div>
|
|
<div style="width:70%;float:left;">
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;">
|
|
POS</a></h3>
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;">
|
|
Easy configuring and convivial selling. </h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
|
|
<div>
|
|
<div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry"
|
|
style=" border-radius: 100%;width:100%;"/> </a></div>
|
|
</div>
|
|
<div style="width:70%;float:left;">
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
E-commerce & Website</a></h3>
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
|
|
Mobile friendly, awe-inspiring product pages. </h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
|
|
<div>
|
|
<div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
|
|
<img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry"
|
|
style=" border-radius: 100%;width:100%;"/> </a></div>
|
|
</div>
|
|
<div style="width:70%;float:left;">
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
Hotel Management</a></h3>
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
|
|
An all-inclusive hotel management application. </h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
|
|
<div>
|
|
<div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
|
|
<img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry"
|
|
style=" border-radius: 100%;width:100%;"/> </a></div>
|
|
</div>
|
|
<div style="width:70%;float:left;">
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
Education</a></h3>
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
|
|
A Collaborative platform for educational management. </h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
|
|
<div>
|
|
<div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"> <img
|
|
src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry"
|
|
style=" border-radius: 100%;width:100%;"/> </a></div>
|
|
</div>
|
|
<div style="width:70%;float:left;">
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
|
|
<a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"
|
|
style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
|
|
Service Management</a></h3>
|
|
<h3 class="oe_slogan"
|
|
style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
|
|
Keep track of services and invoice accordingly. </h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container" style="padding: 0% 0% 6% 0%;">
|
|
<center>
|
|
<div class="col-md-12" style="margin: auto !important;
|
|
width: 70%;
|
|
padding: 30px;">
|
|
<h2 style="font-weight: 600;text-align: center;width: 100%;">Need Any Help?</h2>
|
|
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
|
|
<h4 style="font-size:16px;"> If you have anything to share with us based on your use of this module, please
|
|
let us know. We are ready to offer our support. </h4>
|
|
<div class="col-md-6" style="float:left; padding:20px;">
|
|
<h4><i class="fa fa-envelope"></i>Email us </h4>
|
|
<p>odoo@cybrosys.com</p>
|
|
</div>
|
|
<div class="col-md-6" style="float:left; padding:20px;">
|
|
<h4><i class="fa fa-phone"></i> Contact Us </h4>
|
|
<a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com</a>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
</section>
|
|
<section class="oe_container" style="padding: 0% 0% 6% 0%;">
|
|
<div class="oe_slogan" style="margin-bottom: 0px;">
|
|
<div style=" display: flex; justify-content: center; flex-wrap: wrap; ">
|
|
</div>
|
|
<br>
|
|
<img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;"
|
|
class="center-block">
|
|
<div style=" display: flex; justify-content: center; flex-wrap: wrap; "><a href="https://twitter.com/cybrosys"
|
|
target="_blank"><i
|
|
class="fa fa-2x fa-twitter"
|
|
style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
|
|
</td>
|
|
<a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i
|
|
class="fa fa-2x fa-linkedin"
|
|
style="color:white;background: #31a3d6;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
|
|
</td>
|
|
<a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook"
|
|
style="color:white;background: #3b5998;width:35px; height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
|
|
</td>
|
|
<a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest"
|
|
style="color:white;background: #ac0f18;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
|
|
</td>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|