[IMP] Website: update pages page

task-4459299

closes #13605

Signed-off-by: Audrey Vandromme (auva) <[email protected]>

Author: guillaume gallant (guga)

content/applications/websites/ecommerce/products.rst

@@ -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`.

content/applications/websites/website/pages.rst

@@ -7,13 +7,16 @@ 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.
+**Static** pages, such as the homepage or any :ref:`custom-created <website/pages/page_creation>`,
+contain fixed content that does not change dynamically. You can manually create these pages, define
+their URLs, and adapt their :ref:`properties <website/pages/page_management>` as needed. **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
 =============
@@ -24,24 +27,41 @@ 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.
 
@@ -51,108 +71,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`: Toggle the switch to save the 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/header_footer>`.
 
-.. _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:
 
@@ -162,20 +177,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
@@ -185,7 +200,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::

content/applications/websites/website/pages/page-properties.png

@@ -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
 ======

content/applications/websites/website/pages/page-redirection.png

@@ -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**