title: Buttons on one page calling different post ID not working correctly
body: <p>I am designing a page that will have multiple popup options. The section has a custom field that allows the designer to input a Post ID to identify which popup is assigned to which button. The custom field name is pop_up_name.</p>
  <p>The section PHP is as follows:</p>
  <pre><code>&lt;?php include( '_data.php' ); ?&gt;
      &lt;div class=&quot;card-trio-inner &lt;?php echo $classes ?&gt;&quot; &lt;?php echo $style; ?&gt;&gt; 
   
  &lt;div&gt;&lt;a href=&quot;#popup&quot;&gt;&lt;?php echo $intro ?&gt;&lt;/a&gt;&lt;/div&gt;   &lt;!--Pulls from page section (defines the actual CTA) --&gt;
      &lt;div id=&quot;social-popup&quot;&gt;  &lt;!--Pulls popup from popup page - hidden until button clicked--&gt;
  &lt;img id=&quot;social-popup-close&quot; src=&quot;/wp-content/themes/huh/_static/images/close-button.svg&quot; alt=&quot;close&quot;&gt;
      &lt;div class=&quot;social-popup-inner&quot;&gt;
          &lt;h1&gt;
              Pop Up Heading
          &lt;/h1&gt;
          &lt;?php 
              $popup = get_post($pop_up_name); // POPUP PAGE ID
              echo $popup-&gt;post_content;
          ?&gt;
      &lt;/div&gt;
  </code></pre>
  <p>THe issue is that when I have multiple buttons on the pave, it pulls the same pop_up_name for each button.</p>
  <p>How can I make it so each button pulls the assigned pop_up_name for its respective button?</p>
  <p>Here is a sample of the failing code (the top section with the buttons):
  <a href="https://heyuhuman.com/melissa-test/" rel="nofollow noreferrer">https://heyuhuman.com/melissa-test/</a></p>
  <p>You will see both buttons pull the same pop-up (they should be different)</p>