All in One Website Snippets | Advanced Snippets | Odoo Website Snippets
by DevIntelle Consulting Service Pvt.Ltd https://www.devintellecs.com$ 55.89
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Events (website_event)
• Website (website) • eCommerce (website_sale) • eLearning (website_slides) • Discuss (mail) • Invoicing (account) |
| Lines of code | 32049 |
| Technical Name |
dev_all_in_one_website_snipet |
| License | LGPL-3 |
| Website | https://www.devintellecs.com |
| Versions | 17.0 18.0 19.0 |
All In One Website Snippets for Odoo
All in One Website Snippets Odoo App puts a complete design
library inside the Odoo Website Builder. Instead of installing a
dozen separate snippet packs, you get more than 400 ready-made
blocks in 15 categories: scroll animations, call to action
sections, category showcases, content boxes, animated counters,
course blocks, product showcases, event listings, FAQ accordions,
headings, hover effects, icon boxes, mobile app pages, news grids,
and offer banners.
Building a page stays simple: open the editor, drag a block where
you want it, change the words and pictures in place, and publish.
The course, product, event, and blog blocks go further; they fill
themselves with your real catalog, upcoming events, and latest
posts, so those sections stay current without anyone touching
them.
Use it for an online shop, a course portal, an event site, a
company site, or a blog. One install covers the whole design job.
Watch Demo Videos
See every snippet in action. Browse our complete YouTube playlist for step-by-step walkthroughs, drag-and-drop demos and design tips for each module category.
KEY FEATURES
Animated Scroll Effects
Thirty-two entrance animations, from fades and slides to typewriter text and progress bars, play as visitors scroll down the page.
Call to Action Sections
Centered banners, split layouts, subscribe forms, and button spotlights push visitors toward the next step on any page.
Category Showcases
Grids, cards, overlays, and banners that present your shop categories with images and item counts.
Content Boxes and Quotes
Info cards, quote blocks, image boxes, and feature panels for telling your story on any landing page.
Animated Counters
Numbers count up as they come into view: happy clients, projects done, satisfaction rates, awards won.
Live Course Sections
Course blocks fill themselves from your eLearning catalog with lessons, duration, ratings, and members, always up to date.
Live Product Sections
Product grids and deal sections pull real items, prices, and discounts from your shop, sorted by newest or bestsellers.
Live Event Sections
Event listings, schedules, countdowns, and registration sections that show your real upcoming events with dates and venues.
Live News and Blog Sections
Hero stories, article grids, tickers, and subscribe forms that always display your latest published posts.
FAQ Accordions
Thirty-two question and answer styles, from clean lists to gradient and dark cards, that expand and collapse smoothly.
Heading Styles
Classic, decorated, badge, subtitle, gradient, and animated titles keep every section opening consistent and sharp.
Hover Effects
Images and cards respond to the pointer with overlays, reveals, zooms, and captions that make galleries feel alive.
Icon Boxes
Icon and image boxes in rows, circles, cards, and galleries that explain services and benefits at a glance.
Mobile App Sections
Everything an app landing page needs: hero headers, feature lists, screenshots, download buttons, stats, reviews, and pricing.
Offers and Countdowns
Sale banners, coupon codes, discount cards, seasonal promos, and countdown timers for every campaign you run.
No Coding Needed
Every block drops in from the Website Builder and is edited in place; pages stay responsive on phones and tablets.
Website Animated Snippets - 32 Scroll Animation Styles
Thirty-two blocks that animate as visitors scroll: fades, slides, zooms, flips, bounces, typewriter text, progress bars, and more. Drop one on a page, then set its speed, delay, and repeat behavior from the side panel.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find the Animations Group
The Blocks panel lists the Animations group with a preview thumbnail for every animated block.
Preview Designs Before You Drop
The block chooser shows complete previews of the animated sections, so you can compare before placing one.
Example: Animated Feature Cards
A services section dropped on the page; each card plays its entrance as visitors reach it.
Example: Animated Split Section
A text and image section that slides into view, with its animation options open on the right.
Example: Animated Pricing Table
Three pricing plans that appear with a smooth entrance as the section scrolls in.
Example: Animated Icon Features
A four-column feature overview that fades in step by step.
Example: Animated Progress Bars
Skill bars that fill to their percentage once the section becomes visible.
Website Call To Action (CTA) Snippets - 32 Styles
Thirty-two sections built to push visitors toward the next step: centered banners, split layouts, promo strips, button spotlights, subscribe forms, and feature call-outs. Place them on home, pricing, or product pages and edit every word in place.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find CTA Snippets in the Panel
The Blocks panel groups every call to action design under its own heading.
Preview Every CTA Design
The block chooser shows complete previews, so you can compare designs before placing one.
Drag a CTA onto the Page
Pick the design you like and drag it straight onto the page; it lands ready to edit.
CTA Design Showcase 1
One of the ready-made CTA designs included; every design below drops onto your page the same way.
CTA Design Showcase 2
CTA Design Showcase 3
CTA Design Showcase 4
CTA Design Showcase 5
CTA Design Showcase 6
CTA Design Showcase 7
CTA Design Showcase 8
CTA Design Showcase 9
CTA Design Showcase 10
CTA Design Showcase 11
CTA Design Showcase 12
CTA Design Showcase 13
CTA Design Showcase 14
CTA Design Showcase 15
CTA Design Showcase 16
CTA Design Showcase 17
CTA Design Showcase 18
CTA Design Showcase 19
CTA Design Showcase 20
CTA Design Showcase 21
CTA Design Showcase 22
CTA Design Showcase 23
CTA Design Showcase 24
CTA Design Showcase 25
CTA Design Showcase 26
CTA Design Showcase 27
CTA Design Showcase 28
CTA Design Showcase 29
CTA Design Showcase 30
CTA Design Showcase 31
CTA Design Showcase 32
CTA Design Showcase 33
CTA Design Showcase 34
Website Category Snippets - 32 Showcase Styles
Help shoppers reach the right shelf faster. Thirty-two ways to present your shop categories: grids, cards, icon tiles, overlays, and banners, with category images and item counts.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Category Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
Category - Grid Classic
One of the ready-made category designs included; every design below drops onto your page the same way.
Category - Grid Masonry
Category - Grid Rounded
Category - Grid Full Width
Category - Card Simple
Category - Card Shadow
Category - Card Bordered
Category - Card Horizontal
Category - Icon Circle
Category - Icon Square
Category - Icon Outline
Category - Icon Gradient
Category - Overlay Fade
Category - Overlay Slide
Category - Overlay Zoom
Category - Overlay Gradient
Category - Banner Large
Category - Banner Split
Category - Banner Carousel
Category - Banner Minimal
Category - Glassmorphism
Category - Neon
Category - Gradient Cards
Category - Minimal
Category - Circular
Category - Tags
Category - Timeline
Category - Counter
Category - Mega Grid
Category - Sidebar
Category - Accordion
Category - Featured
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Website Content Box Snippets - 32 Styles
Thirty-two building blocks for everyday page content: info cards, bordered and shadowed boxes, image and text combinations, quotes, and feature panels that keep long pages tidy and readable.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Content Boxes in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
Content Box - Simple
One of the ready-made content box designs included; every design below drops onto your page the same way.
Content Box - Bordered
Content Box - Shadow
Content Box - Rounded
Content Box - Image Left
Content Box - Image Right
Content Box - Image Top
Content Box - Image BG
Content Box - Info Colored
Content Box - Info Alert
Content Box - Highlight
Content Box - Numbered
Content Box - Quote Classic
Content Box - Modern
Content Box - Quote Card
Content Box - Quote Large
Content Box - Feature Box
Content Box - Feature Horizontal
Content Box - Feature Grid
Content Box - Timeline
Content Box - Flip Card
Content Box - Hover Card
Content Box - Stacked
Content Box - Pricing
Content Box - Glass
Content Box - Neon
Content Box - Gradient
Content Box - Minimal
Content Box - Testimonial
Content Box - Stats
Content Box - CTA
Content Box - Accordion
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Website Counter Snippets - 32 Animated Styles
Show the numbers that build trust: clients served, projects delivered, satisfaction rates, awards won. Thirty-two counter designs count up when they scroll into view, with an adjustable animation duration.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Counter Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
Counter - Simple Clean
One of the ready-made counter designs included; every design below drops onto your page the same way.
Counter - Bordered
Counter - Shadow Card
Counter - Rounded Card
Counter - Icon Top
Counter - Icon Left
Counter - Icon Circle
Counter - Icon Square
Counter - Gradient Background
Counter - Gradient Text
Counter - Gradient Border
Counter - Gradient Card
Counter - Flip Animation
Counter - Slide Up
Counter - Zoom In
Counter - Bounce
Counter - Glassmorphism
Counter - Neon Glow
Counter - Ultra Minimal
Counter - Bold Typography
Counter - Circular Progress
Counter - Wave Background
Counter - Diagonal Background
Counter - Dot Pattern
Counter - Dark Theme
Counter - Dark Gradient
Counter - Dark Neon
Counter - Dark Glass
Counter - Timeline
Counter - Split Color
Counter - Image Overlay
Counter - Parallax
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Live on Your Website
The finished section as visitors see it on the published page.
Website eCommerce Product Snippets - 32 Styles
Thirty-two shop sections that sell: hero banners, product grids and lists, collections, deal blocks, and feature highlights. Dynamic designs pull live products with prices, discounts, and ribbons, sorted by newest, bestseller, or price.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Product Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
Product - Hero
One of the ready-made product designs included; every design below drops onto your page the same way.
Product - Hero Gradient
Product - Hero Dark
Product - Hero Split
Product - Dynamic Grid
Product - Dynamic List
Product - Dynamic Minimal
Product - Dynamic Magazine
Product - Dynamic Overlay
Product - Dynamic Modern
Product - Dynamic Dark
Product - Dynamic Horizontal
Product - Collection Banner
Product - Collection Grid
Product - Collection Scroll
Product - Collection Minimal
Product - Deal of Day
Product - Flash Sale
Product - Clearance
Product - Price Drop
Product - Why Shop
Product - Shipping Info
Product - Trust Badges
Product - Guarantee
Product - Shop CTA
Product - Shop CTA Gradient
Product - Newsletter
Product - App Download
Product - Reviews
Product - Shop FAQ
Product - Brands
Product - Footer
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Live on Your Website
The finished section as visitors see it on the published page.
Website Event Dynamic Snippets - 32 Styles
Fill seats with 32 event sections: hero headers, listings, cards, schedules, countdowns, and registration call-outs. Dynamic designs show your real upcoming events with dates, venues, and seat availability.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Event Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
Event - Hero
One of the ready-made event designs included; every design below drops onto your page the same way.
Event - Hero Gradient
Event - Hero Dark
Event - Hero Split
Event - Dynamic Grid
Event - Dynamic List
Event - Dynamic Minimal
Event - Dynamic Magazine
Event - Dynamic Overlay
Event - Dynamic Modern
Event - Dynamic Dark
Event - Dynamic Horizontal
Event - Schedule Timeline
Event - Schedule Table
Event - Schedule Tabs
Event - Schedule Compact
Event - Countdown Banner
Event - Countdown Cards
Event - Countdown Dark
Event - Countdown Featured
Event - Why Attend
Event - Speakers
Event - Venue
Event - Sponsors
Event - Register CTA
Event - Register Split
Event - Ticket Pricing
Event - Register Minimal
Event - Stats
Event - Testimonial
Event - Gallery
Event - Footer CTA
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Website FAQ Snippets - 32 Animated Styles
Answer common questions before they become support tickets. Thirty-two accordion styles, from clean and minimal to icon, gradient, and dark cards, all expanding and collapsing smoothly.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find FAQ Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
FAQ - Classic
One of the ready-made FAQ designs included; every design below drops onto your page the same way.
FAQ - Bordered
FAQ - Shadow Card
FAQ - Rounded
FAQ - Minimal
FAQ - Separated
FAQ - Outline
FAQ - Underline
FAQ - Plus/Minus
FAQ - Arrow
FAQ - Chevron Circle
FAQ - Numbered
FAQ - Gradient Header
FAQ - Gradient Border
FAQ - Gradient Card
FAQ - Gradient Accent
FAQ - Left Border
FAQ - Speech Bubble
FAQ - Timeline
FAQ - Striped
FAQ - Dark Classic
FAQ - Dark Gradient
FAQ - Dark Neon
FAQ - Dark Glass
FAQ - Glassmorphism
FAQ - Bold Typography
FAQ - Pastel
FAQ - Card Stack
FAQ - Side Image
FAQ - Two Column
FAQ - Category
FAQ - Rainbow
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Live on Your Website
The finished section as visitors see it on the published page.
Website Heading Snippets - 32 Title Styles
Open every section with intent. Thirty-two heading designs: classic, decorated, badge, subtitle, gradient, dark, creative, and animated titles that keep pages consistent.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Heading Snippets in the Panel
The Blocks panel groups every heading design under its own heading with preview thumbnails.
Pick a Design
Browse the available heading designs and pick the one that fits your page.
Drop It on the Page
Drag the heading you like straight onto the page; it lands ready to edit.
Heading Design Showcase 1
One of the ready-made heading designs included; every design below drops onto your page the same way.
Heading Design Showcase 2
Heading Design Showcase 3
Heading Design Showcase 4
Heading Design Showcase 5
Heading Design Showcase 6
Heading Design Showcase 7
Heading Design Showcase 8
Heading Design Showcase 9
Heading Design Showcase 10
Heading Design Showcase 11
Heading Design Showcase 12
Heading Design Showcase 13
Heading Design Showcase 14
Heading Design Showcase 15
Heading Design Showcase 16
Heading Design Showcase 17
Heading Design Showcase 18
Heading Design Showcase 19
Heading Design Showcase 20
Heading Design Showcase 21
Heading Design Showcase 22
Heading Design Showcase 23
Heading Design Showcase 24
Heading Design Showcase 25
Heading Design Showcase 26
Heading Design Showcase 27
Heading Design Showcase 28
Heading Design Showcase 29
Heading Design Showcase 30
Heading Design Showcase 31
Heading Design Showcase 32
Heading Design Showcase 33
Website Hover Effects Snippets - 32 Animated Styles
Make images and cards react to the pointer: overlays, caption reveals, zooms, border glows, and filters. Thirty-two effects that make galleries and portfolios feel alive.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Hover Effects in the Panel
The Blocks panel lists the Hover Effects group; each design has a preview thumbnail.
Pick a Design
Browse the available hover designs and pick the one that fits your page.
Browse the Hover Styles
Every hover effect appears in the panel with a small preview, ready to drag onto the page.
Hover Example: Text Overlay
Pointing at the middle image raises a dark overlay with a title and a short description.
Hover Example: Caption Reveal
A caption slides over the photo as the pointer reaches it.
Find Hover Effects in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Hover Example: Soft Caption
A light caption fades in over the image under the pointer.
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Website Icon Box Snippets - 32 Unique Styles
Explain services and benefits at a glance with 32 icon and image box layouts: rows, circles, cards, galleries, and feature combinations.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Icon Snippets in the Panel
The Blocks panel groups every icon box design under its own heading.
Pick a Design
Browse the available icon box designs and pick the one that fits your page.
Drop It on the Page
Drag the icon box you like straight onto the page; it lands ready to edit.
Icon Box Showcase 1
One of the ready-made icon box designs included; every design below drops onto your page the same way.
Icon Box Showcase 2
Icon Box Showcase 3
Icon Box Showcase 4
Icon Box Showcase 5
Icon Box Showcase 6
Icon Box Showcase 7
Icon Box Showcase 8
Icon Box Showcase 9
Icon Box Showcase 10
Icon Box Showcase 11
Icon Box Showcase 12
Icon Box Showcase 13
Icon Box Showcase 14
Icon Box Showcase 15
Icon Box Showcase 16
Icon Box Showcase 17
Icon Box Showcase 18
Icon Box Showcase 19
Icon Box Showcase 20
Icon Box Showcase 21
Icon Box Showcase 22
Icon Box Showcase 23
Icon Box Showcase 24
Icon Box Showcase 25
Icon Box Showcase 26
Icon Box Showcase 27
Icon Box Showcase 28
Icon Box Showcase 29
Icon Box Showcase 30
Icon Box Showcase 31
Icon Box Showcase 32
Website News & Blog Snippets - 32 Styles
Turn the blog into a magazine. Thirty-two news sections: hero stories, grids, cards, category blocks, tickers, and subscribe forms. Dynamic designs always show your latest published posts with covers, authors, and dates.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find News Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
News - Hero
One of the ready-made news designs included; every design below drops onto your page the same way.
News - Hero Gradient
News - Hero Dark
News - Hero Magazine
News - Dynamic Grid
News - Dynamic List
News - Dynamic Minimal
News - Dynamic Magazine
News - Dynamic Overlay
News - Dynamic Modern
News - Dynamic Dark
News - Dynamic Horizontal
News - Ticker Strip
News - Ticker Sidebar
News - Notice Board
News - Announcement Bar
News - Category Tabs
News - Category Pills
News - Category Grid
News - Category Sidebar
News - Featured Large
News - Featured Dual
News - Spotlight
News - Editor Picks
News - Subscribe Banner
News - Subscribe Minimal
News - Subscribe Dark
News - Subscribe Gradient
News - Authors
News - Related Posts
News - Popular Posts
News - Footer
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Website Mobile App Snippets - 32 Showcase Styles
Everything an app landing page needs in 32 blocks: hero headers, feature lists, screenshot galleries, download buttons, statistics, reviews, and pricing tables.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find App Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
App - Hero
One of the ready-made app landing designs included; every design below drops onto your page the same way.
App - Hero Gradient
App - Hero Dark
App - Hero Split
App - Features Grid
App - Features Alternating
App - Features Cards
App - Features Minimal
App - Screenshot Carousel
App - Screenshot Grid
App - Screenshot Tilted
App - Screenshot Stacked
App - Download Banner
App - Download Cards
App - Download Floating
App - Download Minimal
App - Stats Counter
App - Stats Cards
App - Stats Dark
App - Stats Gradient
App - Review Stars
App - Review Carousel
App - Review Grid
App - Review Featured
App - Pricing
App - Pricing Gradient
App - Pricing Toggle
App - Pricing Minimal
App - Timeline
App - Team
App - FAQ
App - Footer CTA
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Website Offer & Promotion Snippets - 32 Styles
Run campaigns that convert with 32 promotion blocks: sale banners, discount cards, coupon codes, countdown timers, seasonal promos, and product deals.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Offer Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
Offer - Sale Banner
One of the ready-made offer designs included; every design below drops onto your page the same way.
Offer - Gradient Banner
Offer - Dark Banner
Offer - Split Banner
Offer - Discount Grid
Offer - Discount Badges
Offer - Discount Stacked
Offer - Discount Minimal
Offer - Coupon Classic
Offer - Coupon Modern
Offer - Coupon Gradient
Offer - Coupon Ticket
Offer - Countdown Banner
Offer - Countdown Cards
Offer - Countdown Dark
Offer - Countdown Split
Offer - Season Sale
Offer - Holiday Deal
Offer - Flash Sale
Offer - Clearance
Offer - Deal of Day
Offer - Bundle Offer
Offer - Buy 1 Get 1
Offer - Price Compare
Offer - Ribbon Cards
Offer - Popup Style
Offer - Marquee Ticker
Offer - Mosaic Grid
Offer - Glassmorphism
Offer - Neon
Offer - Animated Pulse
Offer - Footer Strip
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Website Course Dynamic Snippets - 32 Styles
Thirty-two sections for promoting eLearning courses: hero banners, listings, cards, category tiles, instructor profiles, and enrolment call-outs. The dynamic designs fill themselves with real courses from your catalog.
Open Edit Mode
Open your website and click Edit in the top right corner; the builder panel appears on the right.
Find Course Snippets in the Panel
The Blocks panel groups every design in this set under its own heading, each with a preview thumbnail.
Pick a Design
Browse the available designs and pick the one that fits your page.
Drop It on the Page
Drag the design you like straight onto the page; it lands ready to edit.
Course - Hero
One of the ready-made course designs included; every design below drops onto your page the same way.
Course - Hero Gradient
Course - Hero Dark
Course - Hero Split
Course - Dynamic Grid
Course - Dynamic List
Course - Dynamic Minimal
Course - Dynamic Magazine
Course - Dynamic Overlay
Course - Dynamic Modern
Course - Dynamic Dark
Course - Dynamic Horizontal
Course - Category Icons
Course - Category Cards
Course - Category Tabs
Course - Category Grid
Course - Filtered by Tag
Course - Instructor Featured
Course - Instructor Cards
Course - Instructor Minimal
Course - Why Learn
Course - Learning Stats
Course - Learning Path
Course - Certifications
Course - Enroll CTA
Course - Enroll Split
Course - Pricing Plans
Course - Enroll Minimal
Course - Testimonials
Course - FAQ
Course - Achievements
Course - Footer CTA
Style It from the Side Panel
Click any part of the block to edit text in place and adjust colors, layout, and options from the side panel.
Save and Publish
Hit Save and the section becomes part of your page.
Live Course Data
The published listing pulls real courses from your eLearning catalog, with lessons, duration, ratings, and attendees filled in automatically.
Version 1.0 | Released on : 18th May 2026
-
What is the All In One Website Snippet module for Odoo?
- It is a single Odoo module that bundles more than 400 ready-made website builder snippets - animated scroll effects, CTA blocks, product, course, event, FAQ, hover effects, mobile app, news/blog, offer and content box sections - so you can design a complete website with simple drag and drop and zero coding.
-
Is this module compatible with Odoo Community, Enterprise and Odoo.sh?
- Yes. The All In One Website Snippet module is fully compatible with Odoo Community Edition, Odoo Enterprise Edition and Odoo.sh deployments.
-
Do I need to know coding to use these website snippets?
- No coding is required. Every block is fully drag and drop and editable inside the Odoo Website Builder - just change text, images, colors and links inline.
-
Are the snippets mobile responsive and SEO friendly?
- Yes. Every snippet is built on Bootstrap 5 with semantic HTML, responsive grids and lightweight CSS - so your pages stay fast on mobile and rank well on Google.
-
Do the dynamic snippets work with Odoo eCommerce, eLearning, Events and Blog?
- Yes. The product, course, event and blog snippets automatically pull live data from Odoo's Website Sale, Slides, Events and Blog modules respectively.
-
Can I customize colors, fonts and content of every snippet?
- Absolutely. Text, headings, images, icons, colors, buttons and links are all editable straight from the Odoo Website Builder side panel - the snippets also pick up your website theme colors automatically.
-
Do I get free support and updates?
- Yes. You get 90 days of free support for any doubt, query or bug fix (excluding data recovery) and free lifetime updates for the purchased Odoo version.
-
Do I have to buy this module for each Odoo version?
- Yes. Each Odoo version is a separate purchase, and every build is tested on the version it is sold for.
-
I need a custom snippet or design tweak - how do I contact DevIntelle?
- For any customization request, write to us at odoo@devintellecs.com or reach out on Skype @devintelle and our Odoo expert team will get back to you with a tailored quote.
Support
Why Us?
Devintelle Odoo Services
Connect Us
Please log in to comment on this module