odoo/ext/custom-addons/mailchimp/static/description/index.html

452 lines
26 KiB
HTML

<section class="oe_container">
<div class="mt64 mb64 pt32">
<h3 class="text-center alert"
style="font-family: 'Lato'0, 'Open Sans', 'Helvetica', Sans;font-size: 40px;font-weight: 300;color:#875A7B;">
MailChimp Odoo Integration</h3>
<p class="oe_mt32"
style="font-size: 20px; font-weight: 300;line-height: 150% !important; font-family: 'Lato', 'Open Sans', 'Helvetica', Sans !important; text-align:center;">
Seamless one click integration to synchronize your contact list, campaign, templates between Odoo and
MailChimp. Level up your email marketing, get more sales and happy customers.
</p>
</div>
</section>
<section>
<div class="text-center">
<div class="mt-5 mb-4">
<a class="btn btn-primary"
style="width: auto;font-weight: bold;font-size: 21px;background: linear-gradient(to right, #61455a, #bc088b);box-shadow: 0px 0px 6px 3px #d7e5f1;padding-top: 12px;padding-bottom: 12px;padding-left: 40px;padding-right: 40px;border-radius: 10px; color: white; border: none;"
href="mailto:info@teqstars.com" target="_blank">Request A Demo
</a>
</div>
</div>
</section>
<section>
<div class="text-center">
<div class="s_panel_video" data-video-id="DMnydaAzDGc?rel=0" style="cursor:pointer;">
<img class="s_tooltip_tabs_tooltip_image s_figure_link img-fluid pb0"
src="mailchimp_video.jpg" alt="MailChimp Tutorial" style="max-width:60%;">
</div>
</div>
</section>
<section class="oe_container">
<div id="loempia_tabs" class=""
style="padding:64px 0px;margin: 100px 0px;background-color:#f6f7f9;border-radius: 10px;">
<ul role="tablist" class="nav nav-tabs justify-content-center" data-tabs="tabs" style="
border: none;
background: unset;
">
<li class="nav-item"
style="border-top-right-radius: 6px;border-top-left-radius: 6px;background: linear-gradient(to top, #FFD14F, #ffdc7a);margin-right: 1px;padding-bottom: 2px;">
<a href="#features" data-toggle="tab" aria-expanded="true" class="active"
style="font-family: Roboto;text-transform: uppercase;font-weight: 600;font-size: 15px;letter-spacing: 1px;padding: 10px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000000;">Features
</a>
</li>
<li class="nav-item"
style="border-top-right-radius: 6px;border-top-left-radius: 6px;background: linear-gradient(to top, #FFD14F, #ffdc7a);margin-right: 1px;padding-bottom: 2px;">
<a href="#screenshots" data-toggle="tab" aria-expanded="true" class=""
style="font-family: Roboto;text-transform: uppercase;font-weight: 600;font-size: 15px;letter-spacing: 1px;padding: 10px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000000;">Screenshots
</a>
</li>
<li class="nav-item"
style="border-top-right-radius: 6px;border-top-left-radius: 6px;background: linear-gradient(to top, #FFD14F, #ffdc7a);margin-right: 1px;padding-bottom: 2px;">
<a href="#changelogs" data-toggle="tab" aria-expanded="true" class=""
style="font-family: Roboto;text-transform: uppercase;font-weight: 600;font-size: 15px;letter-spacing: 1px;padding: 10px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000000;">Changelogs
</a>
</li>
<li class="nav-item"
style="border-top-right-radius: 6px;border-top-left-radius: 6px;background: linear-gradient(to top, #FFD14F, #ffdc7a);margin-right: 1px;padding-bottom: 2px;">
<a href="#faqs" data-toggle="tab" aria-expanded="true" class=""
style="font-family: Roboto;text-transform: uppercase;font-weight: 600;font-size: 15px;letter-spacing: 1px;padding: 10px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000000;">FAQs
</a>
</li>
</ul>
<div id="tabs_content" class="tab-content"
style="background: #fff;border-radius: 10px;padding: 2%;margin: 0% 2%;padding-top:4%;">
<!-- Features Tabs -->
<div class="tab-pane active show" id="features">
<div class="container">
<section id="other-legal-references">
<ul style="margin-bottom:8px !important;font-size: 20px;line-height: 200% !important; font-weight: 300; font-family: 'Lato', 'Open Sans', 'Helvetica', Sans;">
<li>
Import <b>Lists/Audiences</b> from MailChimp to Odoo.
</li>
<li>
Import <b>Member/contacts</b> from MailChimp to Odoo.
</li>
<li>
Import <b>Templates</b> from MailChimp to Odoo.
</li>
<li>
Import <b>Campaigns</b> from MailChimp to Odoo.
</li>
<li>
Import <b>Campaign Reports</b> from MailChimp to Odoo.
</li>
<li>
Import <b>Merge Fields</b> from MailChimp to Odoo and map it with Odoo fields.
</li>
<li>
Import <b>Segments</b> from MailChimp to Odoo and that will use to filter recipients while sending Campaign
</li>
<li>
Export/Update <b>Lists/Audiences</b> from Odoo to MailChimp
</li>
<li>
Export/Update <b>Member/contacts</b> from Odoo to MailChimp
</li>
<li>
<b>Create Campaign</b> by using MailChimp Template applying recipients filter using Segments and send it to MailChimp
</li>
<li>
Update record on the fly by setting up <b>Webhook</b>
</li>
<li>
Easy to get <b>Statistics</b> of Campaigns and Audiences.
</li>
<li>
Use <b>Multiple Accounts</b> as well.
</li>
</ul>
</section>
</div>
</div>
<!-- ScreenShots Tabs -->
<div class="tab-pane" id="screenshots">
<section class="oe_container">
<div class="tab__content">
<h2 class="oe_slogan" style="color:#875A7B;">Setup MailChimp account</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/1.png">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">Configure auto member synchronization</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/3.png">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">View available Lists and Campaigns from
Account</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/2.png">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">MailChimp Lists/Audiences</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/4.gif">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">Setting up or change any setting directly in Odoo
and Update it to MailChimp.</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/5.png">
</div>
<div class="oe_mt32">
<img class="img img-responsive" src="img/6.png">
</div>
<div class="oe_mt32">
<img class="img img-responsive" src="img/7.png">
</div>
<div class="oe_mt32">
<img class="img img-responsive" src="img/8.png">
</div>
<div class="oe_mt32">
<img class="img img-responsive" src="img/9.png">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">MailChimp Template</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/11.png">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">Do multiple operation on one click</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/12.png">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">Easy to identify MailChimp list from other
lists</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/13.png">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">Send Campaign with filtering recipients by selecting segments.</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/5.gif">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">Send Campaign by creating mass mailing record and
get statistics back to Odoo</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/14.png">
</div>
<div class="oe_mt32">
<img class="img img-responsive" src="img/15.1.png">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">Quick shoot of export and update process</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/17.gif">
</div>
</section>
<h2 class="oe_slogan" style="color:#875A7B;">Setup Webhook to get real-time information</h2>
<section class="section">
<div class="oe_mt32">
<img class="img img-responsive" src="img/16.png">
</div>
</section>
</div>
</section>
</div>
<div class="tab-pane" id="changelogs" style="margin-bottom:8px !important;font-size: 20px;line-height: 150% !important; font-weight: 300; font-family: 'Lato', 'Open Sans', 'Helvetica', Sans;">
<section class="section" style="padding: 3rem 1.5rem;">
<div class="container is-narrow" style="margin: 0 auto;position: relative;max-width: 900px;">
<div class="content"
style="font-size: medium;font-weight: 300;font-family: 'Lato', 'Open Sans', 'Helvetica', Sans;">
<p>
<h2 style="margin-top: 1.1428em;text-align: left;display: inline;color: #363636;font-weight: 400;line-height: 1.125;font-size: 1.75em;margin-bottom: .5714em;color: #4608ad;font-weight: 300;">
v11.0.3.0 </h2> Released on 17 October 2019 (UTC).
<div class="changelog">
<div class="level" style="align-items: center;justify-content: space-between;">
<div class="level-left"
style="flex-basis: auto; flex-grow: 0; flex-shrink: 0; align-items: center; justify-content: flex-start;">
<span class="tag"
style="font-family: monospace; margin: 0 .5rem; font-size: medium; font-weight: 300;align-items: center; border-radius: 3px;display: inline-flex; font-size: .75rem; height: 2em; justify-content: center; line-height: 1.5; padding-left: .75em; padding-right: .75em; white-space: nowrap; background-color: #6BBE45;color: #fff;">ADD</span>
Allow to Import <b> Merge field (Custom fields)</b> and map it with Odoo field. So, user can configure n no of custom fields to export or update to MailChimp.
</div>
</div>
</div>
<br>
<h2 style="margin-top: 1.1428em;text-align: left;display: inline;color: #363636;font-weight: 400;line-height: 1.125;font-size: 1.75em;margin-bottom: .5714em;color: #4608ad;font-weight: 300;">
v11.0.2.0 </h2> Released on 16 October 2019 (UTC).
<div class="changelog">
<div class="level" style="align-items: center;justify-content: space-between;">
<div class="level-left"
style="flex-basis: auto; flex-grow: 0; flex-shrink: 0; align-items: center; justify-content: flex-start;">
<span class="tag update_fix"
style="font-family: monospace; margin: 0 .5rem; font-size: medium; font-weight: 300;align-items: center; border-radius: 3px;display: inline-flex; font-size: .75rem; height: 2em; justify-content: center; line-height: 1.5; padding-left: .75em; padding-right: .75em; white-space: nowrap; background-color: #E31329;color: #fff;">FIX</span>
Minor bugs and increase speed of import/fetch member process.
</div>
</div>
<div class="level" style="align-items: center;justify-content: space-between;">
<div class="level-left"
style="flex-basis: auto; flex-grow: 0; flex-shrink: 0; align-items: center; justify-content: flex-start;">
<span class="tag"
style="font-family: monospace; margin: 0 .5rem; font-size: medium; font-weight: 300;align-items: center; border-radius: 3px;display: inline-flex; font-size: .75rem; height: 2em; justify-content: center; line-height: 1.5; padding-left: .75em; padding-right: .75em; white-space: nowrap; background-color: #6BBE45;color: #fff;">ADD</span>
Introduced <b>Segments</b> to filter recipients while sending campaign.
</div>
</div>
</div>
<br>
</div>
</div>
</section>
</div>
<!-- FAQs Section -->
<div class="tab-pane" id="faqs">
<section class="oe_container">
<div class="s_faq mt32 mb32" style="background-color: transparent !important;">
<div class="tab__content">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" style="color:#A5187E" data-parent="#accordion"
href="#collapse2">
Whom to contact for Customizations?</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">You can drop mail at <a href="mailto:info@teqstars.com">info@teqstars.com</a>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" style="color:#A5187E" data-parent="#accordion"
href="#collapse3">
Do you provide any support?</a>
</h4>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">Yes, We provide 90 days free support for bugs.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" style="color:#A5187E" data-parent="#accordion"
href="#collapse4">
Does your app support Enterprise Version?</a>
</h4>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">Yes.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<!-- The slideshow -->
<div id="demo" class="row carousel slide mt64 mb32" data-ride="carousel">
<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://www.odoo.com/apps/modules/12.0/fedex_delivery/" 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-radius:10px;"
src="fedex_odoo.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/12.0/nearby_warehouse/" 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-radius:10px;"
src="nearby_warehouse.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/12.0/shipstation_delivery/" 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-radius:10px;"
src="shipstation_odoo.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://www.odoo.com/apps/modules/12.0/web_sticky_list_header/" 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-radius:10px;"
src="sticky_header.jpg">
</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/12.0/ts_dashboard/" 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-radius:10px;"
src="all_in_one_dashboard.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
<a href="https://www.odoo.com/apps/modules/11.0/product_alias/" 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-radius:10px;"
src="product_alias.png">
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<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>
<div style="
border: 0;
height: 4px;
border-top: #ddd 1px solid;
border-bottom: #ddd 1px solid;
text-align: center;
position: relative;
clear: both;"><i class="fa fa-star fa-2x" style="
color: #bbb;
text-align: center;
display: inline-block;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
font-size: 20px;
position: absolute;
top: -25px;
left: 50%;
margin: 0 auto 0 -25px;
z-index:999"></i></div>
<section class="oe_container oe_dark">
<div class="oe_row">
<div class="oe_span12">
<center>
<a href="http://teqstars.com" target="_blank">
<img class="oe_picture" src="img/TeqStars.png" style="height:128px;weight:128px;"/>
</a>
</center>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_mt16 oe_mb16">
<h2 class="oe_slogan" style="color:#875A7B;margin-top: 15px;">Need Any Help?</h2>
<h3 class="oe_slogan" style="font-variant: initial;">Contact us for any problem or request!</h3>
<div class="separator"
style="display: block;width: 60px;height: 5px;margin: 15px auto 15px;background-color: #d3b61c;position: relative; border: 1px solid #d3b61c;"></div>
</div>
<div class="oe_slogan">
<a class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;" href="mailto:info@teqstars.com"><i
class="fa fa-envelope"></i> Want Demo or Need Support? </a>
</div>
</section>