Create Read More Popups for Posts

I am not able to grab post id’s.

Can you elaborate on the method mentioned in https://docs.wppopupmaker.com/article/53-create-read-more-popups-for-posts

I tried to put above code in single-column.php as follows;

<?php

get_header(); ?>

<?php if ( THEME_Page_Header::show_page_header() ) : ?>
<header class=”page-header”>
<h2 class=”page-title”><?php the_post();
the_title();
rewind_posts(); ?></h2>
</header>
<?php endif; ?>

<div id=”primary” class=”content-area container” role=”main”>
<div class=”row”>
<div class=”<?php echo apply_filters( ‘THEME_single_column_spans’, ‘col-sm-12 col-md-10 col-md-offset-1’ ); ?>”>
<?php if ( THEME()->get( ‘woocommerce’ ) ) : ?>
<?php wc_print_notices(); ?>
<?php endif; ?>

<?php while ( have_posts() ) : the_post();?>
<article>
<h2>” href=”<?php the_permalink();?>”><?php the_title();?></h2>
<?php echo do_shortcode(“[popup id=’post-“. get_the_ID() .”‘ size=’small’ title='”. get_the_title() .”‘]”. get_the_content() . “[/popup]”);?>
</article>
<?php endwhile; ?>
</div>
</div>

<?php do_action( ‘THEME_loop_after’ ); ?>
</div><!– #primary –>

<?php get_footer(); ?>

but I am not able to get the popup working here. I dont think i have got the correct trigger. I have tried all possible button css values but I guess I am missing something.

Currently I am using a shortcode : [su_posts template=”templates/single-post.php” posts_per_page=”1″ order=”desc”] which shows only the first post in the page while onclick on any read more button.

How can i get the read more button to pop up particular post? I’m not good in PHP.

The page I need help with: [log in to see the link]