Skip to Content
Odoo Menu
  • Sign in
  • Try it free
  • Apps
    Finance
    • Accounting
    • Invoicing
    • Expenses
    • Spreadsheet (BI)
    • Documents
    • Sign
    Sales
    • CRM
    • Sales
    • POS Shop
    • POS Restaurant
    • Subscriptions
    • Rental
    Websites
    • Website Builder
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Supply Chain
    • Inventory
    • Manufacturing
    • PLM
    • Purchase
    • Maintenance
    • Quality
    Human Resources
    • Employees
    • Recruitment
    • Time Off
    • Appraisals
    • Referrals
    • Fleet
    Marketing
    • Social Marketing
    • Email Marketing
    • SMS Marketing
    • Events
    • Marketing Automation
    • Surveys
    Services
    • Project
    • Timesheets
    • Field Service
    • Helpdesk
    • Planning
    • Appointments
    Productivity
    • Discuss
    • Approvals
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industries
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Restaurant
    • Fast Food
    • Guest House
    • Beverage Distributor
    • Hotel
    Real Estate
    • Real Estate Agency
    • Architecture Firm
    • Construction
    • Estate Management
    • Gardening
    • Property Owner Association
    Consulting
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Manufacturing
    • Textile
    • Metal
    • Furnitures
    • Food
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Others
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Community
    Learn
    • Tutorials
    • Documentation
    • Certifications
    • Training
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Download
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Events
    • Translations
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    Get Services
    • Find a Partner
    • Find an Accountant
      • Get a Tailored Demo
    • Implementation Services
    • Customer References
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +32 2 290 34 90
    • Get a Tailored Demo
  • Pricing
  • Help
  1. APPS
  2. Marketing
  3. Responsive Layout Snippets for Writing Emails v 8.0
  4. Sales Conditions FAQ

Responsive Layout Snippets for Writing Emails

by Antiun Ingeniería S.L. http://www.antiun.com , Odoo Community Association (OCA) http://www.antiun.com
Odoo
v 8.0 Third Party 376
Download for v 8.0
Apps purchases are linked to your Odoo account, please sign in or sign up first.
Availability
Odoo Online
Odoo.sh
On Premise
Odoo Apps Dependencies • Social Network (mail)
• Website Builder (website)
Community Apps Dependencies Show
Base for Vertical Resizing of Snippets
Technical Name website_mail_snippet_responsive
LicenseAGPL-3
Websitehttp://www.antiun.com
You bought this module and need support? Click here!
Availability
Odoo Online
Odoo.sh
On Premise
Odoo Apps Dependencies • Social Network (mail)
• Website Builder (website)
Community Apps Dependencies Show
Base for Vertical Resizing of Snippets
Technical Name website_mail_snippet_responsive
LicenseAGPL-3
Websitehttp://www.antiun.com

Responsive Layout Snippets for Writing Emails

This module extends the functionality of the website mail designer to support a responsive layout and allow you to read those mails comfortably in a mobile mail client.

Well... actually this is not really responsive. It is pseudo-responsive. Responsiveness in current mail clients is years behind browsers', so these templates are very verbose to ensure compatibility in most scenarios. Ideas are taken from https://css-tricks.com/ideas-behind-responsive-emails/.

Installation

This module is prepared to be compatible with module website_mail_bg_color. If you install it, you will be able to change snippets' background colors, but it is not required.

Configuration

To change the default background color for buttons:

  • Go to Settings > Configuration > Website Settings > Mail > Mail button color.
  • Input any valid CSS2 color value.

Usage

To use this module, you need to:

  1. Install any module that makes use of the website mail designer, such as mass_mailing.
  2. Edit an email with the website mail designer.
  3. You have a new collection of snippets under Email Design section. Use them as usual.

If you choose the Horizontal Separator snippet, you will be able to set its height too. For that, you will have to aim carefully to click inside the green line, and then use the option that will float above it.

Try me on Runbot

Known issues / Roadmap

  • Snippet is ugly, but that's because mail client HTML engines usually lack many of the modern CSS and HTML features. I hope we will be able to improve this as mail clients keep improving.

  • To set the Horizontal Separator height, you have to click inside it, which will insert a <br type="_moz"/> in Firefox, that will make it seem like its height is at least like a caret, even if you set a lower value. Do not worry, it goes away when you press Save.

  • Some elements do not render with the proper width in MS Outlook. This should be added inside each snippet to make them work:

    <!--[if gte mso]>
        <style type="text/css">
        .fluid { width: 600px !important; }
        </style>
    <![endif]-->
    

    But right now the view parser eats comments, and if you avoid that then CKEditor will eat them, so there's not an easy solution for now.

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 smashing it by providing a detailed and welcomed feedback.

Credits

Images

  • Odoo Community Association: Icon.

Contributors

  • Daniel Gómez-Zurita <danielgz@antiun.com>
  • Rafael Blasco <rafabn@antiun.com>
  • Jairo Llopis <yajo.sk8@gmail.com>

Maintainer

Odoo Community Association

This module is maintained by the OCA.

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.

To contribute to this module, please visit https://odoo-community.org.

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author, please use the developer contact information. They can usually be found in the description.
Please choose a rating from 1 to 5 for this module.
Community
  • Tutorials
  • Documentation
  • Forum
Open Source
  • Download
  • Github
  • Runbot
  • Translations
Services
  • Odoo.sh Hosting
  • Support
  • Upgrade
  • Custom Developments
  • Education
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Brand Assets
  • Contact us
  • Jobs
  • Events
  • Podcast
  • Blog
  • Customers
  • Legal • Privacy
  • Security

Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.

Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.

Website made with