title: Add pop up and a custom message based on country in Woocommerce checkout
body: <p>I am using the below code which works well to add a message to the woocommerce checkout when customers choose a country. But i also want to add a pop up using this shortcode</p>
  
  <pre><code>echo do_shortcode('[sg_popup id=3839] ');
  </code></pre>
  
  <p>But when i add it below the text message the pop up always shows, i.e. if i add the following</p>
  
  <pre><code>`echo '&lt;div class="shipping-notice woocommerce-info"   style="display:none"&gt;Please allow 5-10 business days for delivery after order processing.'; echo do_shortcode('[sg_popup id=3839] '); echo '&lt;/div&gt;'
  </code></pre>
  
  <p>I imagine its because it is only hiding the code so it is actually running the shortcode? But what other options do I have?</p>
  
  <p>Any help is appreciated.</p>
  
  <pre><code>add_action( 'woocommerce_before_checkout_billing_form', 'display_shipping_notice' );
  function display_shipping_notice() {
      echo '&lt;div class="shipping-notice woocommerce-info" style="display:none"&gt;Please allow 5-10 business days for delivery after order processing.&lt;/div&gt;';
  }
  
  add_action( 'woocommerce_after_checkout_form', 'show_hide_shipping_notice' );
  function show_hide_shipping_notice(){
      ?&gt;
      &lt;script&gt;
          jQuery(document).ready(function($){
              // Set the country code (That will display the message)
              var countryCode = 'FR';
  
              $('select#billing_country').change(function(){
                  selectedCountry = $('select#billing_country').val();
  
                  if( selectedCountry == countryCode ){
                      $('.shipping-notice').hide();
                  }
                  else {
                      $('.shipping-notice').show();
                  }
              });
          });
      &lt;/script&gt;
      &lt;?php
  }
  </code></pre>