To add a YouTube or Facebook social block in Odoo, particularly in the Website module, you can do so by using the HTML Embed Block or by extending the Odoo Website functionality to include custom blocks.

1. Using the HTML Embed Block

Odoo's website builder allows embedding custom HTML code, which is ideal for embedding YouTube videos or Facebook plugins.

Steps:

1. Go to the Website Editor:
   • Navigate to the Website module and open the page where you want to add the block.
2. Add an HTML Block:
   • Drag and drop an HTML Block from the blocks panel onto your page.
3. Embed YouTube Video:
   • Go to the YouTube video you want to embed.
   • Click on Share > Embed.
   • Copy the iframe embed code provided by YouTube.
   • Paste the iframe code into the HTML Block in Odoo.
   Example:

   <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" 
           title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
           encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
   </iframe>
   

4. Embed Facebook Plugins:
   • Visit Facebook for Developers.
   • Select the plugin you want (e.g., Page Plugin, Like Button).
   • Configure it and copy the provided HTML code.
   • Paste the code into the HTML Block in Odoo.

2. Extending Website with a Custom Block

If you need a reusable block for YouTube or Facebook, you can create a custom block in Odoo.

Steps:

1. Create a Custom Module:
   • Set up a new module if you don’t already have one for website customizations.
2. Define the Block in XML: Create a file like views/website_custom_snippets.xml in your module.
   Example for a YouTube Block:

   <template id="custom_snippet_youtube" name="YouTube Block">
       <section class="s_youtube_block">
           <div class="container">
               <div class="row">
                   <div class="col-12">
                       <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" 
                               title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; 
                               clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
                       </iframe>
                   </div>
               </div>
           </div>
       </section>
   </template>
   

3. Load the Snippet: Add the snippet to the website snippet registry in the manifest.py or as part of your module initialization.
   Example:

   'data': [
       'views/website_custom_snippets.xml',
   ],
   

4. Upgrade the Module:
   • Install or upgrade your module in the Odoo backend:

     ./odoo-bin -u your_module_name -d your_database_name
     

5. Use the Block:
   • Your custom block should now appear in the Website Editor under Snippets.

3. Install Third-Party Modules

If you don’t want to code, look for third-party modules in the Odoo Apps Store that provide social media snippet functionality.

4. Alternative: Create a Custom Snippet for Both Platforms

If you want a single block for both YouTube and Facebook, you can extend the above custom snippet approach to include both platforms.

Example:

<template id="custom_snippet_youtube_facebook" name="YouTube and Facebook Block">
    <section class="s_social_block">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <!-- YouTube Embed -->
                    <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" 
                            title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; 
                            clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
                    </iframe>
                </div>
                <div class="col-md-6">
                    <!-- Facebook Embed -->
                    <div id="fb-root"></div>
                    <script async defer crossorigin="anonymous" 
                            src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v15.0" nonce="YOUR_NONCE"></script>
                    <div class="fb-page" 
                         data-href="https://www.facebook.com/YOUR_PAGE" 
                         data-tabs="timeline" data-width="" data-height="" data-small-header="false" 
                         data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
                        <blockquote cite="https://www.facebook.com/YOUR_PAGE" 
                                    class="fb-xfbml-parse-ignore">
                            <a href="https://www.facebook.com/YOUR_PAGE">Your Page Name</a>
                        </blockquote>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

Final Thoughts

• For quick setups, use the HTML Embed Block for embedding YouTube and Facebook.
• For reusability and customization, create custom blocks or install third-party modules.
• Always test the responsiveness of the blocks to ensure proper display on all devices.