Toggle navigation

Set Snippet’s Anchor

Beta License: LGPL-3 OCA/website Translate me on Weblate Try me on Runboat

This module extends the functionality of the website editor to support setting an anchor to any section of your web page and allow you to link to them very easily.

Anchors are just the HTML id attribute, which is commonly used to add it to any URL and get directly to the element with that anchor, in the form of https://www.tecnativa.com/#anchor-name.

Table of contents

Usage

Valid character ranges for anchors are: [A-Z][a-z][0-9]_-

To add an anchor to any element, you need to:

  1. Edit any web page.
  2. Go to Add blocks > Structure.
  3. Insert any block in your page.
  4. Click on the snippet’s option Customize > Choose anchor.
  5. Set an anchor. If it is already used or has an invalid format, you will be asked to use another.

To link to any page’s anchor, you need to:

  1. Edit any web page.
  2. Select some text.
  3. Press Link in the editor toolbar.
  4. Write the anchor, in the URL or Email field, prefixed by the # symbol. You have some suggestions below that field that indicate you which anchors are available in the current page.
  5. Press Save.

Known issues / Roadmap

Bug Tracker

Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us to smash it by providing a detailed and welcomed feedback.

Do not contact contributors directly about support or help with technical issues.

Credits

Authors

  • Tecnativa
  • Onestein

Contributors

Maintainers

This module is maintained by the OCA.

Odoo Community Association

OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.

This module is part of the OCA/website project on GitHub.

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.