Integrate Popup lite when displaying products manually

Hi,

I have a custom theme and the theme isn’t standard wp but i am managing it with few hacks. Basically its one page theme. So at the page load i have looped through all the products and displayed it in the listing page. I want to know how can i integrate this popup with the below code.

$loop = new WP_Query( $args );
                            if ( $loop->have_posts() ) { ?>
                                    <div class="heading border_bottom"><?php echo $food_category->name ;?></div>
                                    <div class="gap"></div>
                                    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
                                        <?php global $product;
                                            $regular_price = get_post_meta( get_the_ID(), '_regular_price', true);
                                        ?>
                                         <div class="clearfix">
                                            <div class="specials-round"><h4><?php echo '$'.$regular_price; ?></h4></div>
                                                <div class="specials-content">
                                                    <a href="<?php echo the_permalink(); ?>"><h4><?php the_title(); ?></h4></a>
                                                    <p><?php the_excerpt(); ?></p>
                                                </div>
                                            </div>
                                    <?php endwhile; ?>
                            <?php } else {
                                    //echo __( 'No products found' );
                            }
                            wp_reset_postdata();
                            } // End foreach category
                        ?>

https://www.ads-software.com/plugins/woocommerce-woocart-popup-lite/