Skip to content

[IMP] Website: update pages page #13605

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: 18.0
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion content/applications/websites/ecommerce/products.rst
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ page. When you :guilabel:`Save`, the product page is automatically published.
.. tip::
- You can also create a product from the backend by going to
:menuselection:`Website --> eCommerce --> Products` and clicking :guilabel:`New`.
- Products created from the frontend are automatically :ref:`published <website/un-publish-page>`,
- Products created from the frontend are automatically :ref:`published <website/pages/un-publish-page>`,
while products created from the backend are not. To publish a product, click the
:guilabel:`Go to Website` smart button to access the product page, then toggle the switch from
:guilabel:`Unpublished` to :guilabel:`Published`.
Expand Down
163 changes: 88 additions & 75 deletions content/applications/websites/website/pages.rst
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,15 @@ Pages
Odoo allows you to create pages for your website and customize their content and appearance to your
needs.

.. _website/page_type:
.. _website/pages/page_type:

**Static** pages have stable content, such as the homepage. You can manually create new ones, define
their URLs, adapt their :ref:`properties <website/page_properties>`, etc. **Dynamic** pages, on the
other hand, are generated dynamically. All pages generated automatically by Odoo, for example, when
you install an app or module (e.g., `/shop` or `/blog`) or publish a new product or blog post, are
dynamic pages and are therefore managed differently.
their URLs, adapt their :ref:`properties <website/pages/page_management>`, etc. **Dynamic** pages,
on the other hand, are generated dynamically. All pages generated automatically by Odoo, for example
, when you install an app or module (e.g., `/shop` or `/blog`) or publish a new product or
:doc:`blog post <../blog>`, are dynamic pages and are therefore managed differently.

.. _website/pages/page_creation:

Page creation
=============
Expand All @@ -24,24 +26,40 @@ page, proceed as follows:
#. - Either open the **Website** app, click :guilabel:`+ New` in the top-right corner, then select
:guilabel:`Page`;
- Or go to :menuselection:`Website --> Site --> Pages` and click :guilabel:`New`.
#. In the :guilabel:`New Page` selection menu, click on a template. They are sorted by type:

- :guilabel:`Basic`: Multi purpose page. A blank page is also available to start from scratch.
- :guilabel:`About`: Information about your brand.
- :guilabel:`Landing Pages`: Summary of company content and info.
- :guilabel:`Gallery`: Photos and media showcase.
- :guilabel:`Services`: Focus on what you're selling and contact.
- :guilabel:`Pricing Plans`: Highlight on subscription and prices.
- :guilabel:`Team`: The people behind your company.
- :guilabel:`Custom`: To select a custom template. To add a template to this category, open the
page you want to save as a template, then go to :menuselection:`Site --> Properties`, enter
the :guilabel:`Page Title`, :ref:`edit the page's properties <website/pages/page_properties>`
, enable :guilabel:`Is a template`, and click :guilabel:`Save`.

#. Enter a :guilabel:`Page Title`; this title is used in the menu and the page's URL.
#. Click :guilabel:`Create`.
#. Customize the page's content and appearance using the website builder, then click
:guilabel:`Save`.
#. :ref:`Publish <website/un-publish-page>` the page.
#. If needed, :doc:`customize the page's content and appearance <web_design>` using the website
editor, then click :guilabel:`Save`.
#. :ref:`Publish <website/pages/un-publish-page>` the page.

.. note::
.. tip::
Disable :guilabel:`Add to menu` if the page should not appear in the menu.

.. _website/pages/page_management:

Page management
===============

.. _website/un-publish-page:
.. _website/pages/un-publish-page:

Publishing/unpublishing pages
-----------------------------

Pages need to be published to make them accessible to website visitors. To publish or unpublish a
Pages need to be published to make them visible to website visitors. To publish or unpublish a
page, access it and toggle the switch in the upper-right corner from :guilabel:`Unpublished`
to :guilabel:`Published`, or vice versa.

Expand All @@ -51,108 +69,103 @@ to :guilabel:`Published`, or vice versa.
.. note::
It is also possible to:

- publish/unpublish a page from the :ref:`page properties <website/page_properties>`, where you
can define a publishing date and/or restrict the page's visibility if needed;
- publish/unpublish several pages at once: go to :menuselection:`Website --> Site --> Pages`,
- Publish/unpublish a page from the :ref:`page properties <website/pages/page_properties>`,
where you can define a publishing date and/or restrict the page's visibility if needed;
- Publish/unpublish several pages at once: go to :menuselection:`Website --> Site --> Pages`,
select the pages, then click :guilabel:`Action` and select :guilabel:`Publish` or
:guilabel:`Unpublish`.

Homepage
--------

When you create a website, Odoo creates a dedicated :guilabel:`Home` page by default, but you can
define any website page as your homepage. To do so, go to :menuselection:`Website --> Configuration
--> Settings`, then, in the :guilabel:`Website info` section, define the URL of the desired page in
the field :guilabel:`Homepage URL` (e.g., `/shop`).

Alternatively, you can define any :ref:`static page <website/page_type>` as your homepage by going
to :menuselection:`Website --> Site --> Properties`. Select the :guilabel:`Publish` tab and enable
:guilabel:`Use as Homepage`.
Alternatively, you can define any :ref:`static page <website/pages/page_type>` as your homepage by
going to :menuselection:`Website --> Site --> Properties`. Select the :guilabel:`Publish` tab and
enable :guilabel:`Use as Homepage`.

.. _website/page_properties:
.. _website/pages/page_properties:

Page properties
---------------

To modify a :ref:`static page's <website/page_type>` properties, access the page you wish to
modify, then go to :menuselection:`Site --> Properties`.
To modify a :ref:`static page's <website/pages/page_type>` properties, access the page you wish to
modify, then go to :menuselection:`Site --> Properties`, where you can change the following
properties:

The :guilabel:`Name` tab allows you to:
- :guilabel:`Page URL` : Modify the page URL in the field. In this case, you can redirect the
old URL to the new one if needed. To do so, enable :guilabel:`Redirect old URL`, then select the
:guilabel:`Type` of :ref:`redirection <website/pages/URL-redirection>`:

- rename the page using the :guilabel:`Page Name` field;
- modify the :guilabel:`Page URL`. In this case, you can redirect the old URL to the new one if
needed. To do so, enable :guilabel:`Redirect Old URL`, then select the :guilabel:`Type` of
:ref:`redirection <website/URL-redirection>`:
- :guilabel:`301 Moved permanently`: to redirect the page permanently.
- :guilabel:`302 Moved temporarily`: to redirect the page temporarily.

- :guilabel:`301 Moved permanently`: to redirect the page permanently;
- :guilabel:`302 Moved temporarily`: to redirect the page temporarily.
.. image:: pages/page-properties.png
:alt: Redirect old URL

.. image:: pages/page-redirection.png
:alt: Redirect old URL
- :guilabel:`In Menu` : Disable if you don't want the page to appear in the menu.
- :guilabel:`Is Homepage`: Enable if you want the page to be the homepage of your website.
- :guilabel:`Published`: Enable to publish the page.
- :guilabel:`Publishing Date`: To publish the page at a specific date and time, click the field,
set the date and time, then press **Enter** or click :guilabel:`Apply` to validate your selection.
- :guilabel:`Indexed`: Disable if you don't want the page to appear in search engine results.
- :guilabel:`Visibility`: Select who can access the page:

You can further adapt the page's properties in the :guilabel:`Publish` tab:
- :guilabel:`Public`: Everyone can access the page.
- :guilabel:`Signed In`: Only signed in users can access the page.
- :guilabel:`Restricted Group`: Select the :doc:`user access group(s)
</applications/general/users/access_rights>` in the :guilabel:`Authorized group` field.
- :guilabel:`With Password`: Type the password required to access the page in the
:guilabel:`Password` field.

- :guilabel:`Show in Top Menu`: Disable if you don't want the page to appear in the menu;
- :guilabel:`Use as Homepage`: Enable if you want the page to be the homepage of your website;
- :guilabel:`Indexed`: Disable if you don't want the page to be shown in search engine results;
- :guilabel:`Published`: Enable to publish the page;
- :guilabel:`Publishing Date`: To publish the page at a specific moment, select the date,
click the clock icon to set the time, then click the green check mark to validate your selection.
- :guilabel:`Visibility`: Select who can access the page:

- :guilabel:`All`
- :guilabel:`Signed In`
- :guilabel:`Restricted Group`: Select the :doc:`user access group(s)
</applications/general/users/access_rights>` in the :guilabel:`Authorized group` field.
- :guilabel:`With Password`: Enter the password in the :guilabel:`Password` field.
- :guilabel:`Is a template`: Enable to save this page as a template and add it to the
:guilabel:`custom` category.

.. tip::
*Some* of these properties can also be modified from :menuselection:`Website --> Site --> Pages`.
*Some* of these properties can also be modified in batch from
:menuselection:`Website --> Site --> Pages`.

.. _website/pages/duplicate-page:

Duplicating pages
~~~~~~~~~~~~~~~~~

To duplicate a page, access the page, then go to :menuselection:`Site --> Properties` and click
To duplicate a page, access the page, then go to :menuselection:`Site --> Properties`, and click
:guilabel:`Duplicate Page`. Enter a :guilabel:`Page Name`, then click :guilabel:`OK`. By default,
the new page is added after the duplicated page in the menu, but you can remove it from the menu or
change its position using the :doc:`menu editor <pages/menus>`.

.. _website/delete-page:
.. _website/pages/delete-page:

Deleting pages
~~~~~~~~~~~~~~

To delete a page, proceed as follows:

#. Access the page, then go to :menuselection:`Site --> Properties` and click :guilabel:`Delete
Page`.
#. A pop-up window appears on the screen with all links referring to the page you want to delete,
organized by category. To ensure website visitors don't land on a 404 error page, you must update
#. Access the page, then go to :menuselection:`Site --> Properties` and click :guilabel:`Delete Page`.
#. A pop-up window shows all links referring to the page you want to delete,
organized by category. To ensure website visitors don't land on an error page, you must update
all the links on your website referring to the page. To do so, expand a category, then click on a
link to open it in a new window. Alternatively, you can set up a :ref:`redirection
<website/URL-redirection>` for the deleted page.
#. Once you have updated the links (or set up a :ref:`redirection <website/URL-redirection>`),
select the :guilabel:`I am sure about this` check box, then click :guilabel:`OK`.
<website/pages/URL-redirection>` for the deleted page.
#. Once you have updated the links (or set up a :ref:`redirection <website/pages/URL-redirection>`),
tick the :guilabel:`I am sure about this` check box, then click :guilabel:`OK`.

.. _website/URL-redirection:
.. _website/pages/URL-redirection:

URL redirect mapping
--------------------

URL redirect mapping consists in sending visitors and search engines to a URL different from
the one they initially requested. This technique is used, for example, to prevent broken links when
you :ref:`delete a page <website/delete-page>`, :ref:`modify its URL <website/page_properties>`, or
migrate your site from another platform to an Odoo :doc:`domain <configuration/domain_names>`. It
can also be used to improve :doc:`pages/seo`.
you :ref:`delete a page <website/pages/delete-page>`,
:ref:`modify its URL <website/pages/page_properties>`, or migrate your site from another platform to
an Odoo :doc:`domain <configuration/domain_names>`. It can also be used to improve :doc:`pages/seo`.

To access existing URL redirections and create new ones, :doc:`activate the developer mode
</applications/general/developer_mode>` and go to :menuselection:`Website --> Configuration -->
Redirects`.

.. note::
- A redirect record is added automatically every time you :ref:`modify a page's URL
<website/page_properties>` and enable :guilabel:`Redirect Old URL`.
- You can set up redirections for :ref:`static and dynamic pages <website/page_type>`.
<website/pages/page_properties>` and enable :guilabel:`Redirect Old URL`.
- You can set up redirections for :ref:`static and dynamic pages <website/pages/page_type>`.

To create a new redirection, click the :guilabel:`New` button, then fill in the fields:

Expand All @@ -162,20 +175,20 @@ To create a new redirection, click the :guilabel:`New` button, then fill in the
- :guilabel:`404 Not found`: visitors are redirected to a 404 error page when they try to access
an unpublished or deleted page.
- :guilabel:`301 Moved Permanently`: for permanent redirections of unpublished or deleted
:ref:`static pages <website/page_type>`. The new URL is shown in search engine results, and the
redirect is cached by browsers.
:ref:`static pages <website/pages/page_type>`. The new URL is shown in search engine results,
and the redirect is cached by browsers.
- :guilabel:`302 Moved Temporarily`: for short-term redirections, for example, if you are
redesigning or updating a page. The new URL is neither cached by browsers nor shown in search
engine results.
- :guilabel:`308 Redirect/Rewrite`: for permanent redirections of existing :ref:`dynamic pages
<website/page_type>`. The URL is renamed; the new name is shown in search engine results and is
cached by browsers. Use this redirect type to rename a dynamic page, for example, if you wish
to rename `/shop` into `/market`.
<website/pages/page_type>`. The URL is renamed; the new name is shown in search engine results
and is cached by browsers. Use this redirect type to rename a dynamic page, for example, if you
wish to rename `/shop` into `/market`.

- :guilabel:`URL from`: Enter the URL to be redirected (e.g., `/about-the-company`) or search for
the desired :ref:`dynamic page <website/page_type>` and select it from the list.
- :guilabel:`URL to`: For 301, 302, and 308 redirects, enter the URL to be redirected to. If you want
to redirect to an external URL, include the protocol (e.g., `https://`).
the desired :ref:`dynamic page <website/pages/page_type>` and select it from the list.
- :guilabel:`URL to`: For 301, 302, and 308 redirects, enter the URL to be redirected to. If you
want to redirect to an external URL, include the protocol (e.g., `https://`).
- :guilabel:`Website`: Select a specific website.
- :guilabel:`Sequence`: To define the order in which redirections are performed, e.g., in the case
of redirect chains (i.e., a series of redirects where one URL is redirected to another one, which
Expand All @@ -185,7 +198,7 @@ Toggle the :guilabel:`Activate` switch to deactivate the redirection.

.. important::
404, 301, and 302 redirections are meant to migrate traffic from
:ref:`unpublished <website/un-publish-page>` or :ref:`deleted <website/delete-page>` pages
:ref:`unpublished <website/pages/un-publish-page>` or :ref:`deleted <website/pages/delete-page>` pages
to *new* pages, while the 308 redirect is used for *permanent* redirections of *existing* pages.

.. seealso::
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
2 changes: 1 addition & 1 deletion content/applications/websites/website/pages/seo.rst
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ image by clicking the upward arrow.
shared.
- If you change the title of a blog post or the name of a product, the changes apply
automatically everywhere on your website. The old link still functions when external websites
use a :ref:`301 redirect <website/URL-redirection>`, maintaining the SEO link juice.
use a :ref:`301 redirect <website/pages/URL-redirection>`, maintaining the SEO link juice.

Images
======
Expand Down
Binary file modified content/applications/websites/website/pages/un-published_toggle.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion content/developer/howtos/website_themes/going_live.rst
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ redirects as well as your domain name.
**SEO & Redirects**

- :doc:`../../../applications/websites/website/pages/seo`
- :ref:`website/URL-redirection`
- :ref:`website/pages/URL-redirection`

**Domain name**

Expand Down