Elements

Odoo Website elements are the content pieces that make up a page: titles, lists, buttons, images, videos, icons, links and animations. The website editor lets you add and edit them without technical skills.

Adding or modifying an element

1. Open the page and click Edit.
2. Click the section where the element should appear and make your changes.
3. Click Save.

Text elements

• Titles: type /title, choose Heading 1, 2 or 3, then type the text (or select existing text and choose a heading style from the Customize tab).
• Lists: type /list and choose bulleted, numbered or checklist.
• Text highlights: select text, click Highlight, then set the style, colour and thickness.

Interactive and visual elements

• Buttons: type /button, enter the label, add a URL or email (type / to search for a page, or # for an anchor), and set the style, size and layout.
• Links: type /link, enter the label and URL; choosing a style other than Link turns it into a button.
• Images: type /image, search Unsplash or upload a file; once inserted, set an alt tag, tooltip, shape, width and padding.
• Icons: type /image, open the Icons tab and pick one; icons can be recoloured, resized and animated.
• Videos: type /video, add the URL, then enable autoplay, loop, or hide the player controls as needed.

Animations

Select an element, open its relevant Customize section, and choose an animation type: On Scroll (plays as the element enters or leaves the screen), On Appearance or On Hover (images only), then adjust effect, direction, intensity and duration.

Tips

• Keep headings short and clear.
• Add alt text to images for accessibility and SEO.
• Use animations sparingly.