Add a pop up Booking form

Hey Romovick,
Thank you for the login, I see right now your child theme is not active so the codes in the child theme functions.php are not active.
You can easily create the shortcode needed for your popup by using the Classic Editor and the shortcode wand this will let you use the same tool to create the contact form as on your /contact/ page.
Are you going to be using the “popup anything” plugin for your popups?

Best regards,
Mike

Hi,
To switch from your parent theme to the child theme and retain your same settings please follow these steps, first with your parent theme active go to Enfold Theme Options > Import/Export > Export Theme Settings File and download your theme settings file for fallback.
then activate your child theme and ensure your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off along with any caching plugins, then go to Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme and import, then go to your homepage and clear your browser cache a couple of times and check that the settings have taken effect.
If it doesn’t look quite right then check that your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off and clear your browser cache a couple of more times.
If still not quite right, then go to Enfold Theme Options > Import/Export > Import Theme Settings File and upload the theme settings file you saved earlier, and clear your browser cache a couple of more times.
This should all work fine the first time, I only added the extra steps “just in case”.

I tried to login to your site but got the error There has been a critical error on your website. if you need help with this then please explain any steps you took that might have caused this and include FTP access, or see if your webhost has a recent backup that you can roll back to.

Best regards,
Mike

Hi,
Please include FTP access in the Private Content area.

Best regards,
Mike

Hi,
Thank you for the FTP access, when I checked your site again it was working again, so I activated your child theme and imported your theme settings and checked that it looked correct.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
First add this code to the end of your functions.php file in Appearance > Editor:

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Next add your popup content in a code block at the bottom of your page

<div id="test-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT HERE</p>
</div>

Then for your links use this format and be sure to target the correct ID’s:

<a class="open-popup-link" href="#test-popup">Show popup</a>

To use a button you will need the use the shortcode wand to get the shortcode for the button with the link of #test-popup and you will have to add the class open-popup-link manually in the shortcode, and then add the shortcode to a code block element were you want the button to show.
Then add this to your Quick CSS:

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

Best regards,
Mike

Hi,
Yes it should be in your functions.php
Yes that is what goes in the code block
I see you were using the “Block Editor” I switched you to the “Classic Editor” and now if you open a new post you will see more in the shortcode wand.

Best regards,
Mike

Hi,
I have checked your /two-night-package/ page, getting the custom class “open-popup-link” to be in the “a” of the button can be tricky because normally the button wants to add the class to the “div” of the shortcode, I added the working button code to the top of the code block so you can copy and reuse if you like. If you have multiple popups on the same page you will have to give each a different ID.
Please check the "popup" button.

Best regards,
Mike