pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] website,website_sale,crm: improve planner content

Browse Source
This commit is contained in:
Frédéric Gilson
2016-09-12 16:57:15 +02:00
committed by Damien Bouvy
parent aea466ec48
commit bfc3313bd5
4 changed files with 469 additions and 569 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/crm/data/web_planner_data.xml
+36 -57
View File
@@ -474,13 +474,11 @@
<span class="panel-title">
<span class="fa" data-icon="&#xe060;"/>
<strong> Create manually</strong><br/>
<span class="small">Recommended if &lt;100 products</span>
<span class="small">Recommended if &lt;50 items</span>
</span>
</div>
<div class="panel-body">
<ul>
<li><a t-att-href="prepare_backend_url('product.product_template_action', 'form')">Create your products</a></li>
</ul>
<a t-att-href="prepare_backend_url('product.product_template_action', 'form')" target="_blank">Create your product items</a>
</div>
</div>
</div>
@@ -490,51 +488,46 @@
<span class="panel-title">
<span class="fa" data-icon="&#xe040;"/>
<strong>Import a file</strong><br/>
<span class="small">Recommended if &gt;100 products</span>
<span class="small">Recommended if &gt;50 items</span>
</span>
</div>
<div class="panel-body">
<p>
We can handle the whole import process
for you: simply send your Odoo project
manager a CSV file containing all your
products.
</p><p>
If you want to do it yourself:
<a href="/base_import/static/csv/products.xls" target="_blank">Use our import templates to get your catalog ready in no time!</a>
</p>
<ul>
<li>Download the <a href="/base_import/static/csv/products.xls">Excel template</a></li>
<li>Import using the top left button in <a t-att-href="prepare_backend_url('product.product_template_action','list')">the list of products</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-lg"/>
<strong>Tip:</strong>
You can also use our API to load data automatically through scripts: read this <a href="https://www.odoo.com/documentation/9.0/api_integration.html" target="_blank">technical documentation</a>.
</div>
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="well well-lg">
<strong>For complex imports</strong> (&gt;5000 items, product variants, pictures, etc.):
<li>Online users: we do it for you! <a href="https://www.odoo.com/help" target="_blank"><i class="fa fa-envelope-o"/> Ask Our Experts</a></li>
<li>Community &amp; Enterprise users: <a href="https://www.odoo.com/documentation/9.0/api_integration.html" target="_blank">use Odoo API to import through scripts</a></li>
</div>
</div>
</div>
</t>
<t t-call="web_planner.page">
<t t-set="page_title">Prices</t>
<t t-set="page_title">Pricing &amp; Discounts</t>
<p class="text-muted">
In Odoo, there are 3 different ways to manage your products prices.<br/>
In Odoo, there are 3 different ways to manage your prices.<br/>
</p>
<div class="row">
<div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<strong>Unique price</strong>
<strong>Unique Price (default)</strong>
</span>
</div>
<div class="panel-body">
<p>
Each product can only have one price. (but you can change it when doing a quotation)
Each product has only one price.
<br/>
Note: your product needs to be marked as 'Can be Sold' to have a Sale Price.
</p>
</div>
</div>
@@ -543,23 +536,13 @@
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<strong> Price per Customer</strong>
<strong>Specific Price per Audience</strong>
</span>
</div>
<div class="panel-body">
<p>
You may have a different sale price for different
groups of customers:
</p>
<ul>
<li>Consumers</li>
<li>Retailers</li>
<li>Company XYZ</li>
</ul>
<p>
Change the <i>Sale Price</i> option in
<a t-att-href="prepare_backend_url('sales_team.action_sale_config')">Sales Settings</a>
</p>
<li>Basic, Premium</li>
<li>Consumers, Retailers</li>
<li>USD, EUR, GBP</li>
</div>
</div>
</div>
@@ -572,28 +555,24 @@
</div>
<div class="panel-body">
<p>
Prices can be computed using advanced formulas.<br/>
Example: 15% discount when buying more than 3 t-shirts.
</p>
<p>
You can also combine several rules into a sequence.<br/>
Example: additional 10% discount during summer sales
</p>
<p>
Change the <i>Sale Price</i> option in
<a t-att-href="prepare_backend_url('sales_team.action_sale_config')">Sales Settings</a>
Create and combine rules:<br/>
<li>e.g. 15% discount when buying more than 3 t-shirts</li>
<li>additional 10% during summer sales</li>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-lg"/>
<p>
You can change the pricing method at anytime. We
recommend you to select the easiest option that
suits your needs for now on.
</p>
<span class="fa fa-lightbulb-o fa-2x"></span><p>To stimulate your customers, show them the public price and the discount applied to it. This is settable in the pricelist configuration if you allow discounts.</p>
</div>
<div class="well well-lg">
<strong>Next actions:</strong>
<li><a t-att-href="prepare_backend_url('sales_team.action_sale_config')" target="blank"> Select your pricing preference and allow discounts</a></li>
<li><a t-att-href="prepare_backend_url('product.product_pricelist_action2')" target="blank"> Configure your pricelists</a></li>
<li><a t-att-href="prepare_backend_url('account.action_account_config')" target="blank"> Apply multi-currencies</a></li>
<li><a href="https://www.odoo.com/documentation/user/9.0/sales.html" target="blank"> Read the documentation about pricing &amp; discounts</a></li>
</div>
</t>
addons/website/data/web_planner_data.xml
+185 -292
View File
@@ -12,7 +12,7 @@
Whether you're a beginner or a pro, we have everything you need to plan, create,
publish and grow your site, blog or online store.</i></p>
<p><i>
This Planner will help you to think about your website and provide tips and ideas to inspire you. There are examples and explanations to guide you through the process of creating a top-notch, high quality site that meets all your needs.</i></p>
This Planner will help you think about your website and provide tips and ideas to inspire you. There are examp;les and explanations to guide you through the process of creating a top-notch, high quality website that meets all your needs.</i></p>
<p><i>
The whole process may take a few hours, some discussions with your colleagues and
several cups of coffee to go through. But don't worry, you can return to this tool at any time.</i></p>
@@ -32,7 +32,7 @@
<t t-call="web_planner.page">
<t t-set="page_title">Your Objectives</t>
<p class="text-muted">
Being clear on why you're creating your site and your goals is an essential first step to ensure your content and structure meet business objectives.
Being clear on why you're creating your site is an essential first step to ensure your content and structure meet business objectives.
</p>
<div class="o_planner_notebook_container">
<ul class="o_planner_notebook">
@@ -43,7 +43,7 @@
<i class="fa fa-question-circle"></i>
</a>
<div id="o_planner_page2_help" class="collapse">
<h5>Examples</h5>
<h5>Examp;les</h5>
<ul>
<li> Attract new leads</li>
<li> Sell more online</li>
@@ -71,7 +71,7 @@
<i class="fa fa-question-circle"></i>
</a>
<div id="o_planner_page2_help_2" class="collapse">
<h5>Examples</h5>
<h5>Examp;les</h5>
<ul>
<li> Check your references before deciding to work with you</li>
<li> See and buy your products</li>
@@ -93,7 +93,7 @@
It's often much easier not to start with a blank page. Take a look at your competitors
and similar companies around the world. They probably have the same objectives and
visitors that you do. How did they transform that into a website?<br/>
Try to find 3 websites that have remarkable characteristics:
Try to find 3 websites that have remarkable characteristics.
</p>
<div class="o_planner_notebook_container">
<ul class="o_planner_notebook">
@@ -134,7 +134,7 @@
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-lg"/>
<p>
After working on this step, you may want to go back and refine your objectives or modify your visitors interests. Those 3 first steps are essentially linked, and the more time your spend on polishing them, the better your website will be!
After working on this step, you may want to go back and refine your objectives or modify your visitors interests. Those 3 first steps are essentially linked, and the more time your spend on refining them, the better your website will be!
</p>
</div>
</t>
@@ -144,7 +144,7 @@
<t t-set="menu_categoryclasses" t-value="'fa-image'"/>
<t t-call="web_planner.page">
<t t-set="page_title">Theme Selection</t>
<p class="text-muted">The theme you choose sets the tone for the overall look and feel of your site design.</p>
<p class="text-muted">The theme you choose sets the tone for the overall look and feel of your site design: building blocks, color palettes, pre-loaded images.</p>
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="panel panel-success">
@@ -152,12 +152,14 @@
<span class="panel-title"><span class="fa fa-magic"/><strong> 1. Choose your theme</strong></span>
</div>
<div class="panel-body">
<p>Your theme selection will define:</p>
<li>The building blocks</li>
<li>The colors palettes</li>
<li>The pre-loaded images</li>
<p>It's difficult to change your theme after creating your website, so take the time to look at all the themes, and be sure that you're happy with your choice!</p>
<a href="https://www.odoo.com/apps/themes" target="_blank">View our themes selection</a>
<li>Online users: when installing Website</li>
<p>
<a href="https://www.odoo.com/apps/themes/browse?series=online" target="_blank">View our Odoo Online themes (free!)</a>
</p>
<li>Community &amp; Enterprise users:</li>
<p> <a href="https://www.odoo.com/apps/themes" target="_blank">View downloadable themes</a>
</p>
<p>It's not recommended to change your theme after creating your website. So take the time to check their preview behorehand. </p>
</div>
</div>
</div>
@@ -180,20 +182,13 @@
</div>
<div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span><p>You can also use the <i>integrated HTML Editor(from the Customize menu)</i> to modify the code directly.</p>
<span class="fa fa-lightbulb-o fa-2x"></span><p>If you have a designer background you can edit the code directly thanks to the <i>HTML Editor</i> (in Customize menu).</p>
</div>
<div class="row">
<div class="col-md-7 col-xs-12">
<div class="col-md-12 col-xs-12">
<div class="well well-lg">
<strong>Contact us for a custom-made theme:</strong>
<p>We can create a customized theme for you with your company colors, logo and images from your library.</p>
</div>
</div>
<div class="col-md-5 col-xs-12">
<div class="well well-lg">
<strong>Contact us now:</strong><br/>
<a href="#" target="_blank" style="margin-right:10px"><span class="fa fa-comment-o"/> Website Live Chat on</a><br/>
<a href="https://www.odoo.com/help" target="_blank"><i class="fa fa-envelope-o"/> Email Our Website Expert</a>
<strong>For a custom-made theme: <a href="https://www.odoo.com/help" target="_blank"><i class="fa fa-envelope-o"/> Contact Our Website Experts</a></strong>
<p>We can create a customized theme for you with your company colors, logo and images from your library.</p>
</div>
</div>
</div>
@@ -203,56 +198,56 @@
<t t-set="page_title">Install Apps</t>
<p class="text-muted">
Before starting to work on your website, make sure you have all the right applications installed.
It will be much easier for you to organize and create your content if you have all the options activated from the start.
It will be much easier for you to organize and create your content if you have all the options activated from the beginning.
</p>
<h4>
<strong>Activate now</strong> the optional modules you'll need:
<strong>Activate now</strong> the apps you need:
</h4>
<section>
<div class="row o_planner_row_apps">
<div class="text-center col-md-4 col-xs-6">
<span class="fa fa-credit-card fa-4x"></span>
<h3><strong>e-Commerce</strong></h3>
<h3><strong>eCommerce</strong></h3>
<p>Boost your online sales with sleek product pages.</p>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_sale')" class="btn odoo_purple">
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_sale')" target="_blank" class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
</div>
<div class="text-center col-md-4 col-xs-6">
<span class="fa fa-users fa-4x"></span>
<h3><strong>Community builder</strong></h3>
<p>Build and engage with communities with forums, Q&amp;A, mailing lists.</p>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_forum')"
class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now</a>
</div>
<div class="text-center col-md-4 col-xs-6">
<span class="fa fa-rss fa-4x"></span>
<h3><strong>Blogs</strong></h3>
<p>Attract more leads with a winning content marketing strategy.</p>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_blog')" class="btn odoo_purple">
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_blog')" target="_blank" class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
</div>
<div class="text-center col-md-4 col-xs-6">
<span class="fa fa-file-text-o fa-4x"></span>
<h3><strong>Contact Form</strong></h3>
<p>Integrate a contact form that automatically creates leads in your CRM app.</p>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_crm')" target="_blank" class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
</div>
<div class="clearfix hidden-xs mb16"></div>
<div class="text-center col-md-4 col-xs-6">
<span class="fa fa-file-text-o fa-4x"></span>
<h3><strong>Contact form</strong></h3>
<p>Integrate a contact form that automatically creates leads.</p>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_crm')" class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
<span class="fa fa-users fa-4x"></span>
<h3><strong>Community Builder</strong></h3>
<p>Build and engage with communities with forums, Q&amp;;A, mailing lists.</p>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_forum')" target="_blank" class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now</a>
</div>
<div class="text-center col-md-4 col-xs-6">
<span class="fa fa-male fa-4x"></span>
<h3><strong>Jobs</strong></h3>
<p>Organize your job board and promote your job announces easily.</p>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_hr_recruitment')" class="btn odoo_purple">
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_hr_recruitment')" target="_blank" class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
</div>
@@ -263,7 +258,7 @@
<t t-call="web_planner.page">
<t t-set="page_title">Your Homepage</t>
<p class="text-muted">
Your homepage is the most important page of your website. This is where visitors get their first impressions of you. An excellent homepage will encourage them to stay on your site, guide them towards your content, reinforce your company's branding and more.<br/>
Your homepage is the most important page of your website. This is where visitors get their first impressions of you. An efficient homepage will prompt them to stay on your site, guide them towards your content, strengthen your company's branding and more.<br/>
Here are some pointers to help you get started.
</p>
<h4>Example of Good Homepage <a data-toggle="collapse" href="#homepage"><i class="fa fa-question-circle"></i></a></h4>
@@ -277,22 +272,22 @@
<div class="col-sm-1 col-md-2 icon"><span data-icon="&#xe087;"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Find a catchy headline</strong><br/>
Make sure anyone who visits your site understands what it’s about without having to do a lot of reading.<br/>
To do that, the visible section of your homepage (above the fold) needs to be simple and straightforward. For example, use pictures of your work, screenshots of your app, a short and catchy hook.
Make sure anyone who visits your site understands what it’s about without too much reading.<br/>
To do that, the visible section of your homepage (above the fold) needs to be simple and straightforward. For examp;le, use pictures of your work, screenshots of your app, a short and catchy hook.
</p>
<p>The Banner or Big Picture building blocks are good choices for that.</p>
</div>
<div class="col-sm-1 col-md-2 icon"><span data-icon="&#xe020;"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Encourage to action</strong><br/>
Add one, and only one, call-to-action on your homepage. Your homepage is
<p><strong>Call-to-action</strong><br/>
Add one, and only one, call-to-action to your homepage. Your homepage is
the page that gets the most visitors.<br/>
It's good practice to try to engage with your visitors on the homepage:
Contact Us, Subscribe to Get More Information, Check the Catalog, etc.
</p>
<p>
Use the Newsletter subscription (from mass mailing application) or the Big button building block for that.
Use the Button block or the Newsletter subscription one (if Mass Mailing installed).
</p>
</div>
@@ -301,11 +296,11 @@
<p><strong>Add features and content</strong><br/>
You can put more content in the intermediate section of your homepage (one
or two scrolls down from the visible section), but try to keep your
paragraphs easy to read and avoid 'walls of text'.
paragraphs easy to read and avoid walls of text.
</p>
<p>
For example, use photos to help break up large areas of text by altering
Text-Image and Image-Text blocks. Or if you prefer to use icons, use the Features or Feature Grid blocks.
For examp;le, use pictures to help break up large areas of text by altering
Text-Image and Image-Text blocks. If you prefer icons, use the Features or Feature Grid blocks.
</p>
</div>
@@ -317,7 +312,7 @@
photos of your products in actions, twitter quotes, etc.
</p>
<p>
You have a lot of choices for that: the References, Quotes Slider, Twitter Scroller,...
You have many blocks available: References, Quotes Slider, Twitter Scroller,etc.
</p>
</div>
</div>
@@ -326,35 +321,29 @@
<t t-call="web_planner.page">
<t t-set="page_title">Your Main Menu</t>
<p class="text-muted">
Creating your main menu is an important and difficult stage in building your website.<br/>
It needs to be organized, so that your visitors can see all the main content you offer at a glance.<br/>
It needs to be clear, so that when they click on an item, they get the content they expected.<br/>
In fact, you need to build your navigation menu for your visitors and not for your own purposes or objectives.
Your menu must be built for your visitors and not for your own purposes or objectives.<br/>
It needs to be organized, so that they see all the main content at a glance.<br/>
It needs to be clear, so that they get the content they expect when clicking an item.
</p>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
<p>
The best and simplest way to start is to create a few pages and link them directly from the main menu.
Just try not to go over 6 items, otherwise your main menu will be difficult to use.
</p>
<p>
As you add more pages to your website, your main menu will begin to feel overcrowded.
You can regroup similar pages into a sub-menu, so they will appear under a unique drop-down menu.
</p>
<p>
<li>
Don't go over 6 items, otherwise your main menu will be difficult to use.
</li>
<li>
Regroup similar pages into a sub-menu, so they will appear under a unique drop-down menu.
</li>
<li>
Finally don't try to make all your content accessible from the main menu or the footer.
Indeed, a page can also be accessible through a direct link or button, from any other page of your website.
</p>
</li>
</div>
<p><h4>Example of Good Menu <a data-toggle="collapse" href="#menu"><i class="fa fa-question-circle"></i></a></h4></p>
<p id ="menu" class="collapse">
<img src="/website/static/src/img/website_planner_menu.png"></img>
</p>
<h4><strong>With that in mind, try to define the structure of your main menu:</strong></h4>
<div class="o_planner_notebook_container">
<ul class="o_planner_notebook">
<li class="o_planner_notebook_header">
<h5><strong>1. Your main menu items</strong> and 2. Your secondary menu items (optional):</h5>
<h5><strong>1. Your main menu items</strong> and 2. Your secondary menu items</h5>
</li>
<li class="row">
<span>#1</span>
@@ -417,20 +406,10 @@
<t t-call="web_planner.page">
<t t-set="page_title">Your Footer</t>
<p class="text-muted">
A footer, as its name implies, is located at the very bottom of your website.
Because of that, your visitors won't see it immediately so it's very useful for linking
pages you don't want in your main menu e.g. social media, terms and conditions, privacy
terms, etc.
Your visitors won't see the footer immediately. Use it for links you don't want in your main menu (e.g. social media, terms and conditions, privacy
terms, etc.).
</p>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
<p>
If you have a lot of pages in your website, you can create a small top-menu to focus
on the main six pages and make all secondary pages accessible from a footer. You can
have a look at the Odoo.com website, it's a great example of this type of structure.
</p>
</div>
<p><h4>Example of Good Footer <a data-toggle="collapse" href="#o_planner_footer"><i class="fa fa-question-circle"></i></a></h4></p>
<p><h4>Examp;le of Good Footer <a data-toggle="collapse" href="#o_planner_footer"><i class="fa fa-question-circle"></i></a></h4></p>
<p id ="o_planner_footer" class="collapse">
<img src="/website/static/src/img/website_planner_footer.png"></img>
</p>
@@ -438,7 +417,7 @@
<div class="o_planner_notebook_container">
<ul class="o_planner_notebook">
<li class="o_planner_notebook_header">
<h5><strong>3. Your footer titles</strong> and 4. Your footer links:</h5>
<h5><strong>3. Your footer titles</strong> and 4. Your footer links</h5>
</li>
<li class="row"><span>#1</span>
<div class="col-md-6">
@@ -504,16 +483,15 @@
<t t-call="web_planner.page">
<t t-set="page_title">Your Domain Name</t>
<p class="text-muted">
You can set Odoo on a custom domain name (e.g. yourcompany.com) for both the website
and your emails. Because your website address is as important to your branding as the
name of your business or organization, you’ll want to put some thought into changing it
for a proper domain, or change it to one you already own.
You can set a custom domain name (e.g. yourcompany.com) for both the website
and your emails. Your website address is as important to your branding as the
name of your business or organization, so put some thought into changing it
for a proper domain.
</p>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<div class="well well-lg">
<strong>How to get a custom domain name ?</strong><br/>
<li>Find a good domain name (see tips on the right)</li>
<strong>How to get a custom domain name?</strong><br/>
<li><a href="https://www.whois.net/" target="_blank">Check its availability</a> or see who currently owns it</li>
<li>Contact a Domain Manager in your country to buy it</li>
</div>
@@ -531,15 +509,14 @@
</div>
</div>
<div class="well well-lg">
<strong>You have your domain name ?</strong><br/>
<li>Then simply <a href="mailto:info@odoo.com?subject=Website%20customer%20domain%20request" target="_blank">Contact us</a> and we'll configure your website and/or email for you.</li>
<li>Please note that you'll need an Odoo Standard or Business subscriptions for that</li>
<strong>You own your domain name?</strong><br/>
<li>Online users: Apply it to your website from your database admin page (see <a href="https://www.odoo.com/documentation/user/9.0/website/publish/domain_name.html" target="_blank">guidelines</a>)</li>
<li>Community &amp; Enterprise users: apply a redirection from your Domain Manager platform</li>
</div>
</t>
<t t-call="web_planner.page">
<t t-set="page_title">Ready For Launch!</t>
<p class="text-muted">
Launching your website is an important step.<br/>
Here is a checklist of actions to help you launch a new website efficiently:
</p>
<div class="o_planner_paragraphs">
@@ -549,27 +526,24 @@
<p><strong>Initial Teaser</strong><br/>
Before launching to the masses, it's good practice to tease around 100 of
your contacts. Start with your friends, colleagues and family. Whether or
not they're interested in your area of business, they will be ready to help
you with feedback if you engage in a personal discussion with them.
not they're interested in your business, they will provide you with some precious feedback.
</p>
<p>
Explain to them why you launched your new website and ask them for their
views on it. Avoid using a mass survey, it's a lot more efficient to have
personal discussions with everyone. If you efficiently engage them in the
reviewing process, they will even help you promote your website when it's
ready for the big launch.
Avoid using a mass survey, it's way more efficient to have
personal discussions with everyone. If you engage with them in the
reviewing process, they will even help you promote your website.
</p>
<p>
To get an external assessment of your website, you can also submit it to
<a target="_blank" href="http://peek.usertesting.com">peek.usertesting.com</a> for a free evaluation of the usability of your homepage.
To get an external assessment of your website, you can also submit it to
<a target="_blank" href="http://peek.usertesting.com">peek.usertesting.com</a> for a free evaluation of the usability of your homepage.
</p>
</div>
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-rocket"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>The big launch</strong><br/>
<li>Send an email to all your contacts</li>
<li>Announce it on social media (and update your profiles): Twitter,Facebook, LinkedIn, Youtube, etc.</li>
<li> Update your internal documents: footer of sales order, contracts,invoices, business cards, etc.</li>
<li>Announce it on social media: Twitter, Facebook, LinkedIn, Youtube, etc.</li>
<li>Update your internal documents: footer of sales order, contracts, invoices, business cards, etc.</li>
</p>
</div>
<div class="col-sm-1 col-md-2 icon"><span data-icon="&#xe009;" /></div>
@@ -589,61 +563,31 @@
<t t-set="menu_categoryclasses" t-value="'fa-bar-chart'"/>
<t t-call="web_planner.page">
<t t-set="page_title">Promote</t>
<p>Once you’ve launched your website, it’s time to grow your traffic.</p>
<p>It’s time to grow your traffic!</p>
<p>
You can do this by optimizing your referencing by search engines like Google: it's
called SEO. This is the process of increasing the visibility of a website or a web
page in a search engine's natural and unpaid ("organic") search results. In general,
the earlier (or higher ranked on the search results page), and more frequently a site
appears in the search results list, the more visitors it will receive from the search
engine.
</p>
<p>
You can also place online advertisements on web pages that show results from search
engine queries: this is called SEA.
One way is by optimizing your indexing on search engines like Google naturally. The earliest you show up in the search, the more visitors you get. This strategy called SEO involves several actions.
</p>
<div class="o_planner_paragraphs">
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-pencil"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Optimize your content</strong><br/>
Writing content that includes frequently searched-for keywords and phrases
tends to increase traffic to your website.
</p>
<p>
With Odoo, you can automatically check which keywords are ranked best for a
specific query, then add them in the content of your page.
</p>
<p>
To do that, simply use the Promote menu on each page of your website.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-tags"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Add relevant keywords</strong><br/>
Adding relevant keywords to a web page's meta data, including the title tag
and meta description, will tend to improve the relevancy of a site's search
listings, also increasing your traffic.
</p>
<p>
For example, you'll want your company name, your country/city and a few
words describing your business in your homepage title so that potential
customers near your location will find your website easily.
WIth Odoo, this can be done easily by using the Promote menu.
<p><strong>Use relevant keywords</strong><br/>
<a href="https://www.odoo.com/documentation/user/9.0/website/seo.html#meta-tags" target="_blank">Adding relevant and popular keywords</a> (e.g. business name, location) tends to improve your ranking in search engines and consequently increases your traffic. Do it:
<li>through the content of your pages;</li>
<li>in their SEO metadata, including tags, title and description.</li>
</p>
</div>
</div>
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span data-icon="&#xe032;"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Reference your images...</strong><br/>
If you are an artist or a photographer, you can potentially bring in a lot
of visitors by referencing your images so they are displayed in image
search engines, like Google Images. To do that, simply add an 'Alt text'
containing descriptions and keywords for relevant pictures.
of visitors by referencing your images so they are displayed in image
search engines, like Google Images.
To do that, <a href="https://www.odoo.com/documentation/user/9.0/website/seo.html#images" target="_blank">add keywords in picture's description.</a>
</p>
</div>
</div>
@@ -661,10 +605,7 @@
<div class="col-sm-1 col-md-2 icon"><span data-icon="&#xe060;"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Start a blog</strong><br/>
Google loves websites which are updated often or ones where new content is
added regularly. This is why starting a blog is an excellent way of
improving your search ranking. If you have the time and dedication to write
good articles, <a href="https://www.odoo.com/page/blog-engine" target="_blank">check out our blog application</a> to get started.
Search engines loves websites that get new content regularly. An excellent way is publishing blog posts. If you have the time and dedication to write good articles, <a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_blog')" target="_blank">check out our Blog application</a> to get started.
</p>
</div>
</div>
@@ -672,11 +613,11 @@
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-link"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Be linked by trusted websites</strong><br/>
The more sites that link to your own site, the more Google trusts your site
to be worthwhile:
<li>Configure all your social media (Twitter, Facebook, LinkedIn) so that the address of your website appears on them.</li>
<li>Alternatively, you can write a good article about your business and publish it on an article database websites (ex: squidoo.com) or send it to a press website and your local newspapers.</li>
<li>Also, don't hesitate to post on other people blogs, forums, websites, but don't go overboard and post everywhere without considering whether it's a good place for you to be.</li>
The more websites that link to your website, the more Google trusts it to be worthwhile. Here are some tips:
<li>Publish the link of your website through your social media channels (Twitter, Facebook, LinkedIn).</li>
<li>Post content on other people blogs, forums, websites, that are related to your environment.</li>
<li>Write a good article about your business and publish it on article database websites (e.g. squidoo.com). Send it to press websites and to your local newspapers.</li>
</p>
</div>
</div>
@@ -684,106 +625,79 @@
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-bar-chart-o"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Use Google Webmaster</strong><br/>
This tool will help you understand your search traffic and learn how users
are finding your site and make optimizations to help Google better
understand and represent your site.
<a target="_blank" href="http://www.google.com/webmasters/tools/">http://www.google.com/webmasters/tools/</a>
<a href="http://www.google.com/webmasters/tools/" target="_blank">Google Webmaster</a> will help you:
<li>understand your search traffic,</li>
<li>learn how people find your website,</li>
<li>make optimizations for Google referencing.</li>
</p>
</div>
</div>
<p>
You can also pay for a sponsored indexing and place advertisements on web pages that show results from search
engine queries. This is called SEA.
</p>
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-bullhorn"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Advertise to get the first visitors</strong><br/>
If you have a small budget to allocate to advertising (around $100), you
should start a Google Adwords campaign.
<p><strong>Advertise</strong><br/>
If you have a small budget to advertise your website (around $100), you
should start a <a href="https://www.google.com/adwords/" target="_blank">Google Adwords</a> campaign.
</p>
<p>
Start by looking how often people search phrases related to your business,
how competitive the keywords are in AdWords, and how much it’ll cost to
advertise on each keyword. All of this information will help you determine
which keywords you want to use in your first campaign. <a target="_blank" href="https://adwords.google.com/KeywordPlanner">Use Google Adwords</a> to do that (make sure the Advanced Options are set to your country and
language).
</p>
<p>
There are three questions you should ask before deciding whether or not to advertise on a particular keyword:
<li> Is the keyword searched for in Google? If there is no search volume,
then that tells you no one is typing that phrase into Google. There is no
point in advertising on keywords no one is searching for.</li>
<li>Is the person searching with this keyword likely to buy my product or
service? Or is the person more likely to be just carrying out research
with no intention of making a purchase? In other words, what is the
intent of the keyword? When starting out, you’ll want to advertise on
what we call “buying intent” keywords - that is, ones where the person
is clearly looking to buy.</li>
<li>Can I afford to advertise on the keyword?</li>
If you answer yes to these 3 questions, then go ahead and position your website on these keywords.
Advertise a keyword if you answer YES to the three following questions:
<li>Is the keyword popular in Google?</li>
<li>Is the person searching for it likely to buy my product or
service? When starting out, you want to advertise on
“buying intent” keywords (i.e. when people are clearly looking to buy).</li>
<li>Can I afford for advertising on the keyword?</li>
<br/>
Make sure the Advanced Options are set to your country and language.
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
<span><a href="http://www.google.com/adwords/coupons/" target="_blank">Redeem a $75 coupon code to start your campaign.</a></span>
</div>
</p>
</div>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
<span>You can retrieve a 75$ coupon code to start your campaign here: <a href="http://www.google.com/ads/adwords-coupon.html" target="_blank">http://www.google.com/ads/adwords-coupon.html</a></span>
</div>
</div>
</t>
<t t-call="web_planner.page">
<t t-set="page_title">A/B Testing</t>
<p class="text-muted">
A/B testing is the process of testing two versions of a page to see which one performs
better in reaching your business objectives. For example, imagine you have an existing
page (A) where you ask your customers to subscribe to your mailing list.
You create a variation (B) of this page with a slightly different subscription message.
Then your randomly display this page to half the visitors of your website, and after a
while, you analyze the subscription statistics and see that page B performs 10% better
than page A. Of course, you now decide to make B your new current page!
A/B testing is the process of testing two versions of a page to see which one performs better in reaching your business objectives.
</p>
<t t-if="not is_module_installed('website_version')"><span class="text-muted">Note: To use those features, you need to install the <a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_version')">Website Versioning.</a></span></t>
<h4>Here is a basic guide for your first A/B testing:</h4>
<div class="o_planner_paragraphs">
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-bullseye"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>1. Define what to test</strong><br/>
Your choice of what to test will obviously depend on your goals, but should
always be linked to one of your business objectives (don't spend energy
improving something that brings you no ROI). Then, find the best page to
test and the variation you think will bring the best results.Here are a
few examples of good testing variables:
The main goal is increasing your ROI. Figure out the best page(s) to
test. Here are a few examples of good testing variables:
</p>
<li>The call to action’s (i.e. the button’s) wording, size, color and placement,</li>
<li>Call-to-action’s (i.e. button’s) wording, size, color and placement,</li>
<li>Headline or product description,</li>
<li>Form’s length and types of fields,</li>
<li>Product pricing and promotional offers,</li>
<li>Images on landing and product pages,</li>
<li>Amount of text on the page (short vs. long).</li>
<br/>
</div>
</div>
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-files-o"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>2. Create the page variation</strong><br/>
Once you're clear on the measurable objective, the page and the variable
you want to test, duplicate the page in Odoo using the <strong>'Versions'</strong>
menu and apply the modification you decided.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-bar-chart-o"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>3. Configure a Google Analytics account</strong><br/>
<p><strong><a href="https://www.odoo.com/documentation/user/9.0/website/google_analytics.html" target="_blank">3. Configure a Google Analytics account</a></strong><br/>
This is necessary in order to record the statistics of your test.
</p>
<ul>
<li>Before starting, <a target="_blank" href="https://www.google.com/analytics/web/provision?et=&amp;authuser=#provision/SignUp/">create a Google Analytics account</a> if you don't have one yet.</li>
<li>Then, go to <a target="_blank" href="https://console.developers.google.com/project">Google's developer console</a> and connect with the Google account you created</li>
<li>Create a new project (this may take some time)</li>
<li>In the left-side menu of the project, go to <strong>APIs and auth > APIs</strong> and activate <strong>Analytics API</strong> by clicking on the <a class="btn-primary btn-xs">Off</a> button.</li>
<li>Still in the left-side menu, go to <strong>APIs and auth > Credentials</strong> and click on <strong>'Create New Client ID'</strong></li>
<li>In the pop-up window, simply enter your domain name in the first textbox (the second will complete automatically)</li>
<li>Then, copy the <strong>Client ID</strong> and <strong>Client Secret</strong> codes and paste them in <a t-att-href="prepare_backend_url('base_setup.action_general_configuration')">Odoo's Google Analytics settings</a></li>
</ul>
</div>
</div>
<div class="row">
@@ -792,7 +706,7 @@
<p><strong>4. Create your campaign in Google Analytics</strong><br/>
Simply follow the wizard by creating a new experiment in the <strong>Behavior >
Experiments</strong> menu of <a href="http://www.google.com/analytics/" target="_blank">Google Analytics.</a>
To learn more, take a look at their <a href="https://support.google.com/analytics/answer/1745147?hl=en&amp;ref_topic=1745207&amp;rd=1" target="_blank">online help</a>.
To learn more, take a look at their <a href="https://support.google.com/analytics/answer/1745147?hl=en&amp;;ref_topic=1745207&amp;;rd=1" target="_blank">online help</a>.
</p>
</div>
</div>
@@ -804,68 +718,40 @@
</thead>
<tbody>
<tr>
<td><strong>Know how long to run a test before giving up.</strong><br/>
Giving up too early can cost you because you may have gotten meaningful
results had you waited a little longer. Giving up too late isn’t good either,
because poorly performing variations could cost you conversions and sales.</td>
<td><strong>Don't test versions at different time periods.</strong><br/>If you
test one version one week and the second the next, your results won't be
accurate, or worse, wrong!</td>
<td><strong>Know how long to run a test before giving up</strong><br/>
Don't give up too early! Wait for your test results to be significant. Take a look at the statistical
confidence in Google Analytics; It should be at least 95%.<br/>
Don't give up too late neither because poorly performing variations could cost you revenues.</td>
<td><strong>Don't test versions at different time periods</strong><br/>If you
test one version one week and the second the next one, your results won't be
accurate, or worse, wrong!</td>
</tr>
<tr>
<td><strong>Do many A/B tests.</strong><br/>
Chances are, your first A/B test will turn out a lemon. But don’t despair. An A/B test can have only three outcomes: no result, a negative result or a
positive result. The key to optimizing conversion rates is to do a ton of A/B
tests, so that all positive results add up to a huge boost to your sales and
achieved goals.</td>
<td><strong>Don’t conclude too early.</strong><br/>
Wait for your test results to be significant. Take a look at the statistical
confidence in Google Analytics, it should be at least 95%.</td>
</tr>
<tr>
<td></td>
<td><strong>Don’t surprise regular visitors.</strong><br/>
<td><strong>Do many A/B tests</strong><br/>
Don't despair if your first A/B test turns out to be a lemon. The key in optimizing conversion rates is to do a ton of A/B in order to put together all the most effective configurations.</td>
<td><strong>Don’t surprise regular visitors</strong><br/>
If you are testing a core part of your website, include only new visitors in
the test. You want to avoid shocking regular visitors, especially because the
variations may not ultimately be implemented.</td>
</tr>
<tr>
<td><strong>Test only one variable</strong><br/>Try only one variable at a time, otherwise you won't be able to clearly interpret the results of your modifications.</td>
</tr>
</tbody>
</table>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
<span>Try to limit yourself to 1 testing variable, otherwise you won't be able to clearly interpret the results of your modifications.</span>
<div class="well well-lg">
<strong>Next actions:</strong>
<li><a t-att-href="prepare_backend_url('website.action_website_configuration')" target="blank"> Install A/B Testing</a></li>
<li><a href="https://www.odoo.com/documentation/user/9.0/website.html" target="blank"> Read the documentation about A/B Testing</a></li>
</div>
</t>
<t t-call="web_planner.page">
<t t-set="page_title" name="translate_placeholder">Translate</t>
<p class="text-muted">
Translating your website into other languages is the best way to broaden its audience.
In Odoo, you can either manually translate your pages as they are displayed, use an
automatic machine translation service for free or pay professional translators to do
it for you.
</p>
<div class="o_planner_paragraphs">
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-language"/></div>
<div class="col-sm-11 col-md-10">
<p> 1. Add your <strong>desired languages</strong><br/>
Use the link in the footer of your website (when logged in) to add
languages from the available list. Also, you can change the
default language in <a t-att-href="prepare_backend_url('website.action_website_configuration')">Settings > Website</a>
</p>
</div>
</div>
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-cubes"/></div>
<div class="col-sm-11 col-md-10">
<p> 2. <strong>Setup Gengo</strong><br/>
<li>Install the <a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_gengo')">Gengo module</a> in Odoo</li>
<li>Configure your Gengo API key in <a t-att-href="prepare_backend_url('base.action_res_company_form', 'form')">your Company details form</a></li>
</p>
</div>
</div>
</div>
<span>3. Select a <strong>translation method</strong></span>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="panel panel-success">
@@ -889,20 +775,16 @@
</span>
</div>
<div class="panel-body">
<li>Real professional translators will translate all your contents</li>
<li>The cost is from $0.05 to $0.15 per word, depending on the translator's level of expertise</li>
<li>Translated versions are updated automatically after 32 hours on average.</li>
<li>More info on pricing: <a href="http://gengo.com/pricing-languages/" target="_blank">http://gengo.com/pricing-languages/</a></li>
<li>Real professional translators will translate all your contents.</li>
<li><a href="http://gengo.com/pricing-languages/" target="_blank">Gengo</a> invoices from $0.05 to $0.15 per word, depending on the translator's level of expertise.</li>
</div>
</div>
</div>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
<p>A good way to start is to use machine translation then apply corrections yourself.</p>
<li>Go to the page you want to translate</li>
<li>Select the untranslated language</li>
<li>Click on 'Translate' on the menu bar</li>
<div class="well well-lg">
<strong>Next actions:</strong>
<li><a t-att-href="prepare_backend_url('base.action_view_base_language_install')" target="blank"> Install new languages</a></li>
<li><a href="https://www.odoo.com/documentation/user/9.0/website/translate_website.html" target="blank"> Start translating your website on your own</a></li>
</div>
</t>
<t t-call="web_planner.page">
@@ -910,16 +792,27 @@
<p class="text-muted">
Your website is an important part of your online business strategy, but it shouldn't be
the only one. There are so many ways to communicate with your customers, visitors and
prospects that it's sometimes difficult to know what to put your energy into. Here is
prospects that it's sometimes difficult to know what to put your energy into. Here are
some advice on what to focus on next.
</p>
<div class="row mb16 o_planner_row_apps">
<div class="col-sm-1 col-md-2"><span class="fa fa-user fa-4x"/></div>
<div class="col-sm-11 col-md-10">
<h4><strong>Use contact forms:</strong></h4>
<li>They allow a detailed qualification of the visitor, which is perfect to link them later to marketing campaigns.</li>
<li>You will get your leads filled up automatically in our integrated CRM application.</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_crm')"
<h4><strong>Use contact forms</strong></h4>
<li>Get your opportunities filled up automatically in our integrated CRM application</li>
<li>Qualify your visitors better in order to reach them later with marketing campaigns</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_crm')" target="_blank"
class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
</div>
</div>
<div class="row mb16">
<div class="col-sm-1 col-md-2"><span class="fa fa-envelope-o fa-4x"/></div>
<div class="col-sm-11 col-md-10">
<h4><strong>Send mass mails</strong></h4>
<li>Reach your customers and prospects on a recurring basis</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'mass_mailing')" target="_blank"
class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
@@ -929,9 +822,9 @@
<div class="col-sm-1 col-md-2"><span class="fa fa-calendar-o fa-4x"/></div>
<div class="col-sm-11 col-md-10">
<h4><strong>Organize physical events</strong></h4>
<li>Meet your existing customers and encourage them to 'repeat buy'.</li>
<li>Discuss with propects for a face-to-face sales pitch.</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_event')"
<li>Meet your existing customers and maintain your relationship</li>
<li>Discuss with propects for a face-to-face sales pitch</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_event')" target="_blank"
class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
@@ -941,10 +834,10 @@
<div class="col-sm-1 col-md-2"><span class="fa fa-users fa-4x"/></div>
<div class="col-sm-11 col-md-10">
<h4><strong>Create an online Q&amp;A</strong></h4>
<li>Allows your customers and the whole community to ask and answer questions about their interests.</li>
<li>Provide fast, professional and accurate information to your visitors and customers.</li>
<li>Reduce the time and resources spent on support.</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_forum')"
<li>Allows your community to ask and answer questions about their interests</li>
<li>Provide fast, professional and accurate information to your visitors</li>
<li>Reduce the time and resources spent on support</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_forum')" target="_blank"
class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
@@ -954,9 +847,9 @@
<div class="col-sm-1 col-md-2"><span class="fa fa-comments-o fa-4x"/></div>
<div class="col-sm-11 col-md-10">
<h4><strong>Discuss live</strong></h4>
<li>Improve your conversion from visitor to customer.</li>
<li>Learn what your visitors are thinking, what question they have, what problems they encounter.</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_livechat')"
<li>Improve your conversion from visitors to customers</li>
<li>Learn what your visitors are thinking, what question they have, what problems they encounter</li>
<a t-att-href="prepare_backend_url('base.open_module_tree', 'form', 'website_livechat')" target="_blank"
class="btn odoo_purple">
<span class="fa fa-arrow-circle-o-down"/> Install now
</a>
@@ -973,11 +866,11 @@
<t t-set="hide_mark_as_done" t-value="True"/>
<h1 class="text-center o_planner_trophy" data-icon="&#xe006;"/>
<div class="text-center">
<h1>Congratulations, you're done !</h1>
<h1>Congratulations, you're done!</h1>
<h3>We hope this planner helped you to create your website.</h3>
<h4>Don't hesitate to
<a href="mailto:info@odoo.com?subject=Website%20Planner%20feeedback" target="_blank">send us an email</a> to describe
<br/> your experience or to suggest improvements !
<h4>Don't hesitate in
<a href="mailto:info@odoo.com?subject=Website%20Planner%20feeedback" target="_blank">sending us an email</a> to describe
<br/> your experience or to suggest improvements!
</h4>
<p>- The Odoo Team</p>
<img src="/web_planner/static/src/img/odoo_logo.png"/>
addons/website_sale/data/web_planner_data.xml
+248 -220
View File
@@ -8,25 +8,24 @@
<t t-call="web_planner.page">
<t t-set="page_title">Product Pages</t>
<p class="text-muted">
The best way to start your online shop is by creating 3 products pages directly in the website.<br/>
To help you, here are some guidelines that will convert customers:
Start your online shop by creating 3 products pages.<br/>
</p>
<h4>Example of Good Product Page <a data-toggle="collapse" data-parent="#accordion" href="#productpage"><i class="fa fa-question-circle"></i></a></h4>
<div id="productpage" class="col-md-12 panel-collapse collapse">
<div style="height:300px;width:100%; overflow:auto">
<img src="/website/static/src/img/website_planner_clean.png"></img>
<div>
<img src="/website_sale/static/src/img/planner_product_page.png"></img>
</div>
</div>
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-check-circle-o"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Mandatory content</strong><br/>
<li><strong>Name</strong> of your product</li>
<li><strong>Product/Service name</strong></li>
<li><strong>Price</strong> with currency</li>
<li><strong>Variants</strong> of the product like size or color (see below)</li>
<li><strong>Call to action</strong> short and clear: (Add to Cart, Ask for quote,...)</li>
<li><strong>High-quality picture</strong></li>
<li><strong>Short description</strong> of the product or service</li>
<li><a href="https://www.odoo.com/documentation/user/9.0/ecommerce/managing_products/variants.html" target="_blank"><strong>Variants</strong> like size or color</a></li>
<li><strong>Call-to-action</strong> short and clear: Add to Cart, Ask for quote, etc.</li>
<li><strong>High-quality pictures</strong></li>
<li><strong>Short description</strong></li>
</p>
</div>
</div>
@@ -34,14 +33,14 @@
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-heart"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Key features, emotional and commercial content</strong><br/>
Recommended for at least for your top products, because it can have a big impact on your sales and conversion rates.
Recommended for at least your top products, because it may have a big impact on your sales and conversion rates.
</p>
<p>
<li><strong>Pictures gallery of the product:</strong> all angles, detailed view, package,etc.</li>
<li><strong><a href="https://www.odoo.com/documentation/user/9.0/ecommerce/managing_products/multi_images.html" target="_blank">Pictures gallery:</a></strong> all angles, detailed view, package, etc.</li>
<li><strong>Value proposition:</strong> what’s the end-benefit of this product and who is it for?</li>
<li><strong>Features and benefits:</strong> what the product does and why that is good</li>
<li><strong>Technical information:</strong> what do you get and how does it work?</li>
<li><strong>Customers review:</strong> what do the customers think of the product</li>
<li><strong><a href="https://www.odoo.com/documentation/user/9.0/ecommerce/maximizing_revenue/reviews.html" target="_blank">Customers review:</a></strong> what do the customers think of the product</li>
<li><strong>Bonuses:</strong> what you get on top of the offer</li>
</p>
</div>
@@ -50,141 +49,141 @@
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-question-circle "/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Reassurance arguments</strong><br/>
Anticipate your customers questions &amp; worries on practical details like Shipping rates &amp; policies, Return &amp; replacement policies, Payment methods &amp; security, General Conditions, etc.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-1 col-md-2 icon"><span class="fa fa-sitemap"/></div>
<div class="col-sm-11 col-md-10">
<p><strong>Product variants</strong><br/>
Product variants are used to offer variations of the same product to your customers on the products page.<br/>
For example, the customer choose a T-shirt and then select its size or color.
</p>
<p>To use them:
<li>Activate the 'Support multiple variants per products' option in
<a t-att-href="prepare_backend_url('sales_team.action_sale_config')">Sales / Settings</a>
</li>
<li>Select a product from the <a t-att-href="prepare_backend_url('product.product_template_action')">Products list</a>, go to the 'Variants' tab</li>
<li>Add as many variants as you need from 3 different types: radio buttons, drop-down menu or color buttons.</li>
<li>You can also define different prices for the variants you created by activating the 'Use pricelists to adapt your price per customers' option in <a t-att-href="prepare_backend_url('sales_team.action_sale_config')">Sales / Settings</a></li>
Anticipate your customers questions &amp; worries on practical details like shipping rates &amp; policies, return &amp; replacement policies, payment methods &amp; security and your <a href="https://www.odoo.com/documentation/user/9.0/ecommerce/managing_products/stock.html" target="_blank">product's availability (In Stock, Not Available, etc.)</a>.
</p>
</div>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
<p>
<li>Put the practical details (shipping, payment options,...) as links in the footer; that way, they will be accessible from all your product pages.</li>
<li> Focus on adding content and improving the pages for your best-selling products: don't try to create complete pages for all your products at first!</li>
</p>
</div>
<div class="row">
<div class="col-md-7 col-xs-12">
<div class="well well-lg">
<strong>Recommended actions:</strong>
<p>Try to apply what you've learned above by manually creating three Product pages from the Content menu.</p>
</div>
</div>
<div class="col-md-5 col-xs-12">
<div class="well well-lg">
<strong>Contact us now:</strong><br/>
<a href="#" target="_blank" ><i class="fa fa-comment-o"/> Website Live Chat on</a><br/>
<a href="https://www.odoo.com/help" target="_blank"><i class="fa fa-envelope-o"/> Email Our Website Expert</a>
</div>
</div>
<p>Put the practical details (shipping, payment methods, etc.) as links in the footer; That way, they will be accessible
all your product pages.</p>
</div>
</t>
<t t-call="web_planner.page">
<t t-set="page_title">Import Your Products</t>
<p class="text-muted">Now you can also <strong>import your existing products:</strong></p>
<t t-set="page_title">Populate Your Catalog</t>
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-sitemap"/><strong> Import</strong><br/>by using a CSV file</span>
<span class="panel-title">
<span class="fa" data-icon="&#xe060;"/>
<strong> Create manually</strong><br/>
<span class="small">Recommended if &lt;50 items</span>
</span>
</div>
<div class="panel-body">
<li>Go to the <a t-att-href="prepare_backend_url('product.product_template_action')">Products list view</a> of the Sales module</li>
<li>Export the 3 products you have already created by checking them and choosing 'Export' from the 'Action' menu</li>
<li>Enter your existing products into this CSV file, respecting its structure.</li>
<li>Save and import the modified CSV file from the 'More' menu of the <a t-att-href="prepare_backend_url('product.product_template_action')">Products list view</a></li>
<a t-att-href="prepare_backend_url('product.product_template_action', 'form')" target="_blank">Create your product items</a>
</div>
</div>
</div>
<div class="col-md-6 col-xs-12">
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-pencil-square-o"/><strong> Web-Services</strong><br/>scripts development</span>
<span class="panel-title">
<span class="fa" data-icon="&#xe040;"/>
<strong>Import a file</strong><br/>
<span class="small">Recommended if &gt;50 items</span>
</span>
</div>
<div class="panel-body">
<p>
Odoo's web-services allows developers to create scripts that will load data automatically into the system.
</p>
<p>
Read the <a href="https://www.odoo.com/documentation/8.0/api_integration.html" target="_blank">Web Service technical documentation.</a>
<a href="https://www.odoo.com/documentation/user/9.0/sales/products_prices/products/import.html" target="_blank">Use our import templates to get your catalog ready in no time!</a>
</p>
</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-md-7 col-xs-12">
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="well well-lg">
<strong>Need help to import your products?</strong>
<p>Odoo offers an import service to handle the whole process for you!</p>
</div>
</div>
<div class="col-md-5 col-xs-12">
<div class="well well-lg">
<strong>Contact us now:</strong><br/>
<a href="#" target="_blank" style="margin-right:10px"><span class="fa fa-comment-o"/> Website Live Chat on</a><br/>
<a href="https://www.odoo.com/help" target="_blank"><i class="fa fa-envelope-o"/> Email Our Website Expert</a>
<strong>For complex imports</strong> (&gt;5000 items, product variants, pictures, etc.):
<li>Online users: we do it for you! <a href="https://www.odoo.com/help" target="_blank"><i class="fa fa-envelope-o"/> Ask Our Experts</a></li>
<li>Community &amp; Enterprise users: <a href="https://www.odoo.com/documentation/9.0/api_integration.html" target="_blank">use Odoo API to import through scripts</a></li>
</div>
</div>
</div>
</t>
<t t-call="web_planner.page">
<t t-set="page_title">Delivery Strategy</t>
<p class="text-muted">
Imagine a new customer adds a product to cart and leaves your website because of shipping costs... Defining a good delivery strategy is difficult. You don't want to cut into your margins, but you want to remain price-competitive.</p>
<h4>Here are <strong>some pros and cons</strong> to help you decide:<br/>
</h4>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-smile-o"/><strong> Free delivery</strong><br/>
<span class="small">Advised if both cart content and shipping costs are homogeneous</span>
</span>
</div>
<div class="panel-body">
<p><strong>Pros:</strong> gives you a significant advantage over any competitors that don't offer the same perk.</p>
<p><strong>Cons:</strong> will require you to either absorb the cost or slightly increase your prices to cover it.</p>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
Offering free delivery with a minimum amount or minimum number of items should drive up your average order value and help to compensate for the delivery costs.
</div>
</div>
</div>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-table"/><strong> Flat rates</strong> (everybody pays the same)<br/>
<span class="small">Advised if you target a local audience</span>
</span>
</div>
<div class="panel-body">
<p><strong>Pros:</strong> simple to understand</p>
<p><strong>Cons:</strong> may be discouraging for your cheapest items</p>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
You can create different rates based on order amount ranges (e.g. $10 up to a $50 order, then $5 beyond).
</div>
</div>
</div>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-shopping-cart"/><strong> At cost price</strong> (customer pays what you pay)<br/>
<span class="small">Advised if your packs vary in size/weight and/or if you ship worldwide</span>
</span>
</div>
<div class="panel-body">
<p><strong>Pros:</strong> being transparent about your charges can help you gain the trust of your customers.</p>
<p><strong>Cons:</strong> customers have to check out to find out the delivery price.</p>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span><p>If you deal with a major shipper (UPS, FedEx, DHL, etc.), activate the related connector in Odoo to compute accurate costs and print labels.</p>
</div>
</div>
<div class="well well-lg">
<strong>Next actions:</strong>
<li><a t-att-href="prepare_backend_url('website.action_website_configuration')" target="blank"> Select your shipping management policy</a></li>
<li><a t-att-href="prepare_backend_url('website.action_website_configuration')" target="blank"> Install shipping connectors</a></li>
<li><a t-att-href="prepare_backend_url('delivery.action_delivery_carrier_form')" target="blank"> Configure your delivery methods (pricing, destinations)</a></li>
<li><a href="https://www.odoo.com/documentation/user/9.0/inventory/shipping.html" target="blank"> Read the documentation about delivery methods and shipping connectors</a></li>
</div>
</t>
<t t-call="web_planner.page">
<t t-set="page_title">Payment Methods</t>
<p class="text-muted">
In order to take money from customers, you need a way of accepting payments.<br/>
That's what a payment gateway is for: it helps you make money, but that does cost money.<br/>
That why it's important to choose the right provider for your online payments.
To collect payments, you can either request your customers to process it manually (wire transfer, etc.) or redirect them to payment acquirers.<br/>
Using payment acquirers costs you money, so take some time to compare them.
</p>
<h4>You can setup 3 types of <strong>payment methods in Odoo:</strong></h4>
<div class="row">
<div class="col-md-12">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-lock"/><strong>Wire transfer</strong> (Slow and inefficient)</span>
</div>
<div class="panel-body">
<div class="col-md-6 col-xs-12">
<p><strong>Pros:</strong>
<li>Free and easy to setup</li>
<li>Some customers prefer to pay this way</li>
</p>
</div>
<div class="col-md-6 col-xs-12">
<p><strong>Cons:</strong>
<li>Can take up to several days for you to receive the money</li>
<li>You have to reconcile the payment manually</li>
</p>
</div>
<p>
> <a t-att-href="prepare_backend_url('base.action_res_company_form', 'form')">Configure your bank account(s)</a><br/>
> <a t-att-href="prepare_backend_url('payment.action_payment_acquirer')">Customize your Payment message</a>
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-cc-paypal"/><strong> Paypal</strong> (Recommended for starters)</span>
<span class="panel-title"><span class="fa fa-cc-paypal"/><strong> Paypal</strong>
<span class="small">Recommended for Starters</span>
</span>
</div>
<div class="panel-body">
<p><strong>Pros:</strong>
@@ -197,7 +196,7 @@
<div class="col-md-6 col-xs-12">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-credit-card"/><strong> Ogone, Adyen, Authorize.net, Buckaroo...</strong></span>
<span class="panel-title"><span class="fa fa-credit-card"/><strong> Authorize.net, Ingenico, etc.</strong></span>
</div>
<div class="panel-body">
<p>It's difficult to recommend one over the others. So, simply pick the one that is more popular in your country!
@@ -205,136 +204,165 @@
</div>
</div>
</div>
<div class="well well-lg">
<p>
<strong>Recommended actions:</strong>
<li><a t-att-href="prepare_backend_url('account.action_account_config')">Activate the payment options you want to use</a><br/>
<small>(don't forget to apply the changes)</small></li>
<li><a t-att-href="prepare_backend_url('payment.action_payment_acquirer')">Enter their identification credentials</a><br/>
<small>(you'll have to subscribe directly on each of the payment companies' websites)</small></li>
</p>
</div>
</div>
<p class="text-muted">
Electronic payments have the advantage of being integrated into the buying process. This means your customers will be less likely to drop out before the payment, resulting in a higher conversion rate at the end.
</p>
</t>
<t t-call="web_planner.page">
<t t-set="page_title">Delivery Strategy</t>
<p class="text-muted">
Imagine a new customer who comes to your website, finds the product they want and add it to their cart.<br/>
Then they get to the checkout page and are hit with the delivery and handling charges.<br/>
Suddenly, a product that looked like it was a fair price seems little expensive, and the customer leaves your website disappointed.
</p>
<p>Defining a good delivery strategy is difficult: you don't want to cut into your margins, but you want to be attractive to customers.</p>
<h4>Here are <strong>some pros and cons</strong> to help you decide:</h4>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-smile-o"/><strong> Free delivery</strong> (risky, but has best potential)</span>
<div class="row">
<div class="col-md-12">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-lock"/><strong>Wire transfer</strong> (slow and inefficient)</span>
</div>
<div class="panel-body">
<div class="col-md-6 col-xs-12">
<p><strong>Pros:</strong>
<li>Free and no setup</li>
<li>Prefered by some customers</li>
</p>
</div>
<div class="col-md-6 col-xs-12">
<p><strong>Cons:</strong>
<li>Can take up to several days to receive the money</li>
<li>Payment must be reconciled manually</li>
</p>
</div>
</div>
</div>
</div>
<div class="panel-body">
<p><strong>Pros:</strong> gives you a significant advantage over any competitors that don't offer the same perk.</p>
<p><strong>Cons:</strong> will require you to either absorb the cost or slightly increase your prices to cover it.</p>
<p>Example: you sell T-shirts in the US only. You can offer free delivery because your items are medium priced and the delivery costs are limited and well defined.</p>
</div>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
Offering free delivery with a minimum amount or minimum number of items should drive up your average order value and help to compensate for the delivery costs.
</div>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-table"/><strong> Flat rates</strong> (everybody pays the same)</span>
</div>
<div class="panel-body">
<p><strong>Pros:</strong> simple for your customers to understand.</p>
<p><strong>Cons:</strong> The delivery cost may be discouraging for your cheapest items.</p>
<p>Example: you sell cheap specialized electronic components. You choose flat rates because the price of an item is sometimes lower than the delivery costs.</p>
</div>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
You can also create different rates based on order amount ranges, for example 10€ up to a 50€ order, then 5€ after.
</div>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title"><span class="fa fa-shopping-cart"/><strong> At cost price</strong> (customer pay what you pay)</span>
</div>
<div class="panel-body">
<p><strong>Pros:</strong> being transparent about your charges can win you the trust of your customers.</p>
<p><strong>Cons:</strong> customers have to wait until checkout to find out the delivery price.</p>
<p>Example: you sell custom-made wood sculptures, and because your customers are all over the world, each delivery is different and at cost price.</p>
</div>
</div>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
At cost price is a good option for heavy or oversized packages.
</div>
<div class="well well-lg">
<strong>Recommended action:</strong>
<li><a t-att-href="prepare_backend_url('delivery.action_delivery_carrier_form')"> Configure your delivery prices</a> using one or several of the strategies above</li>
<p>
<strong>Next actions:</strong>
<li><a t-att-href="prepare_backend_url('payment.action_payment_acquirer')" target="blank">Activate and set up the payment methods you want to use</a><br/></li>
<li><a href="https://www.odoo.com/documentation/user/9.0/ecommerce/shopper_experience/payment.html" target="blank">Read the documentation about payment acquirers</a><br/></li><br/>
<div class="alert alert-info info_icon" role="alert">
<span class="fa fa-lightbulb-o fa-2x"></span>
<li>Some acquirers like Authorize.net and Ingenico can be used as payment gateways with your own payment processor.</li>
<li><strong>Tip for B2B users:</strong> you can create new manually-processed payment methods (check, purchase order, etc.) by renaming 'Wire Transfer' or duplicating it.</li>
</div>
</p>
</div>
</t>
</t>
</t>
</xpath>
<xpath expr="//t[@name='translate_placeholder']/.." position="after">
<t t-call="web_planner.page">
<t t-set="page_title">Sell More</t>
<p class="text-muted">
If you have an eCommerce, one of your objectives is of course to grow your revenues by
selling more and pricier products. Luckily for you, Odoo integrates three powerful
customizations for that.
There are two notorious strategies to sell more to a customer:
</p>
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<strong>Upselling</strong>
</span>
</div>
<div class="panel-body">
<p>
Suggest pricier alternatives
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<strong> Cross-selling</strong>
</span>
</div>
<div class="panel-body">
<p>
Suggest options and accessories<br/>
e.g. for computers:
<li>Options: warranty, software</li>
<li>Accessories: screen, mouse</li>
</p>
</div>
</div>
</div>
<div class="text-center mb16">
<strong>See it in action</strong><br/>
<strong>See it in action in Odoo</strong><br/>
<iframe width="100%" height="300" src="//www.youtube.com/embed/204DbheXfWw" frameborder="0" allowfullscreen="True"></iframe>
</div>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<span class="fa fa-tag"/>
<strong> 1. On Product pages:</strong> Show suggested products
</span>
<div class="well well-lg">
<p>
<strong>Next actions:</strong>
<li><a t-att-href="prepare_backend_url('website.action_website_configuration')" target="blank">Install Optional Products (cross-selling)</a><br/></li>
<li><a t-att-href="prepare_backend_url('product.product_template_action', 'form')" target="blank">Set alternatives, accessories and options in product detail form (in Sales tab)</a><br/></li>
<li><a href="https://www.odoo.com/documentation/user/9.0/ecommerce/maximizing_revenue.html" target="blank">Read the documentation about upselling and cross-selling</a><br/></li>
</p>
</div>
</t>
<t t-call="web_planner.page">
<t t-set="page_title">Pricing &amp; Discounts</t>
<p class="text-muted">
A few % discount can bring you twice more customers! Here are a few kinds of discounts to boost your sales:
<ul>
<li>Cash amount or percentage discounts</li>
<li>Quantity-based discounts (B2B)</li>
<li>Multi-buy offers (2 products sold together for less than their individual price)</li>
<li>Free delivery (see Delivery Strategy section)</li>
</ul>
</p>
<h4>To do so, take the most out of Odoo' <strong>pricing options</strong>:<br/></h4>
<div class="row">
<div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<strong>Unique Price</strong>
</span>
</div>
<div class="panel-body">
<p>
Default mode
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<strong>Several Prices</strong>
</span>
</div>
<div class="panel-body">
<li>Customer Segments</li>
<li>Min. qty or period</li>
<li>Currencies</li>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<strong> Rules &amp; Formulas</strong>
</span>
</div>
<div class="panel-body">
<p>
Discount % or amounts, margins, roundings, periods, etc.
</p>
</div>
</div>
</div>
</div>
<div class="panel-body">
<p>
Increase your chances to make a sale by displaying suggested products.
</p>
<li>On your website, go to the product page where you want to add suggested products.</li>
<li>Activate 'Suggested products' from the 'Customize' menu.</li>
<li>Go to the <a t-att-href="prepare_backend_url('product.product_template_action', 'kanban')">Product detail form</a> and fill in one or more <strong>'Suggested Products'</strong>.</li>
<div class="well well-lg">
<strong>Next actions:</strong>
<li><a t-att-href="prepare_backend_url('sales_team.action_sale_config')" target="blank"> Select your pricing preference and allow discounts</a></li>
<li><a t-att-href="prepare_backend_url('product.product_pricelist_action2')" target="blank"> Configure your pricelists</a></li>
<li><a t-att-href="prepare_backend_url('account.action_account_config')" target="blank"> Apply multi-currencies</a></li>
<li><a href="https://www.odoo.com/documentation/user/9.0/ecommerce/maximizing_revenue/pricing.html" target="blank"> Read the documentation about pricing &amp; discounts</a></li>
</div>
</div>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<span class="fa fa-shopping-cart"/>
<strong>2. On Add to Cart window:</strong> Show accessories, services
</span>
</div>
<div class="panel-body">
<p>
Users will buy more accessories and services if they can add them to their cart in one click.
</p>
<li>From a <a t-att-href="prepare_backend_url('product.product_template_action', 'kanban')">Product detail form</a>, go to the 'Sales' tab</li>
<li>Simply add one or more products as an <strong>'Accessory Product'</strong>.</li>
</div>
</div>
<div class="panel panel-success">
<div class="panel-heading">
<span class="panel-title">
<span class="fa fa-shopping-cart"/>
<strong>3. On Check-out page:</strong> Show optional products
</span>
</div>
<div class="panel-body">
<p>
Increase your average cart amount by proposing complementary products to your visitors.
</p>
<li> From a <a t-att-href="prepare_backend_url('product.product_template_action')">Product detail form</a>, go to the 'Sales' tab</li>
<li>Simply add the product you want as an <strong>'Optional Product'</strong></li>
</div>
</div>
</t>
</xpath>
</template>
addons/website_sale/static/src/img/planner_product_page.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 324 KiB