Inject the AI Assistant in a page if it has specific Custom Field(Meta Data)

wpmudev_chat_ai_footer_injection.php

<?php
/**
 * Plugin Name: Floating IA Chat based in Custom Field
 * Description: Display iframe using a shortcode to insert in a page or post or any place that accept shortcodes.
 * Version: 0.1
 * Author: Alfredo Galano Loyola
 * Author URI: https://wpmudev.com
 */
add_action('wp_footer', 'wpmudev_ai_assistant_injector'); 
function wpmudev_ai_assistant_injector(){
    $listing_custom_field = 'ia-chat-url';
    $id = get_the_ID();
    $url = get_post_meta( $id, $listing_custom_field, true );
    if($url !=''){
        $iframe_html = '<iframe src="'.$url.'" width="100%" height="500" title="Chat" frameborder="0"></iframe>';
        $html ='<div id="ia-helper-button"><button class="ia-helper">IA Assistant</button></div>';
        $html .='<div id="ia-helper-chat-container">';
        $html .= $iframe_html ;    
        $html .='</div>';  
        $html .='<style>'; 
        $html .='.ia-helper{background-color:#31B0D5;color:white;padding:10px 20px;border-radius:4px;border-color: #46b8da;text-transform:uppercase;}'; 
        $html .='#ia-helper-button{position:fixed;bottom:10px;right:10px;z-index:9999;cursor:pointer;}'; 
        $html .='#ia-helper-chat-container{position:fixed;width:350px;height:500px;bottom:55px;right:10px;z-index:9999;}'; 
        $html .='</style>'; 
        $html .='<script>'; 
        $html .='jQuery( document ).ready(function() {'; 
        $html .='jQuery(".ia-helper").on( "click",function(){jQuery( "#ia-helper-chat-container" ).toggle();});'; 
        $html .='});';
        $html .='</script>'; 
       
        echo  $html;        

    }
}