Skip to content

Open Lightbox after form submission in Total Theme

you are enough text
//Trigger 1 #lightboxcontent https://total.wpexplorer.com/docs/adding-ilightbox-popups-inline/
//Trigger 2 /?success=confirmation https://total.wpexplorer.com/docs/snippets/trigger-lighbox-via-url/
 
//not needed if other lightbox elements present or do_shortcode below
add_filter( 'wpex_load_ilightbox_globally', '__return_true' );

add_action( 'wp_footer', function() { 
	
	//do_shortcode('[vcex_button onclick="popup" text_source="custom_text" onclick_lightbox_title="" onclick_lightbox_caption="" unique_id="confirmation" onclick_url="#lightboxcontent" onclick_lightbox_dims="450x330" visibility="hidden"]Lightbox[/vcex_button]';
?>
<a href="#lightboxcontent" id="confirmation" class="wpex-lightbox hidden" data-type="inline" data-width="450" data-height="330">Trigger</a>
<div class="wpb_text_column hidden" id="lightboxcontent">
	<div class="wpb_wrapper">
		<h3>Vielen Dank für Dein Interesse!</h3>
		<p> Wir haben Dir eine Anfrage zur Bestätigung Deiner Anmeldung an die von Dir angegebene E-Mail-Adresse gesendet.</p>
	</div>
</div>
	
<script>
	var myHashLightbox = function() {
		let queryString = window.location.search;
		let urlParams = new URLSearchParams( queryString );
		let modalID = urlParams.get( 'success' ); 
		let modal = document.querySelector( '#' + modalID );
		if ( modal && modal.classList.contains( 'wpex-lightbox' ) ) {
			modal.click();
		}
	};
	window.addEventListener( 'load', myHashLightbox );
</script>

<?php } );
[vc_row full_width="stretch_row" content_placement="bottom" css=".vc_custom_1693342254879{margin-top: -150px !important;padding-top: 150px !important;padding-bottom: 100px !important;background-color: #009a35 !important;}"][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vcex_heading text="Herzlich Willkommen `{`br`}` auf der Irish Farm of Hope" tag="h1" text_align="center" color="on-accent"][vc_column_text text_align="center" color="on-accent" width="900px"]

Unsere Website wird gerade überarbeitet und erstrahlt in Kürze wieder in neuem Glanz. Wenn Du ein Anliegen hast oder spenden möchtest, schreib uns gerne einfach eine E-Mail.

Vielen Dank, Dein Team von IRISH FARM OF HOPE

[/vc_column_text][vcex_divider color="on-accent-alt" el_class="mt-default mb-default" width="900px"][vc_column_text text_align="center" color="on-accent" width="900px"]

Wenn wir Dich benachrichtigen sollen, sobald wir wieder da sind mit unserer Website, dann hinterlasse hier einfach Deine E-Mail-Adresse und wir informieren Dich dann.

[/vc_column_text][vcex_spacing][vcex_newsletter_form form_action="https://www.irish-farm-of-hope.com/mailster/subscribe" input_align="center" placeholder_text="E-Mail-Adresse" input_name="email" submit_text="absenden `{`enymicon icon=``arrow-right`` size='20px'`}`" submit_text_transform="none" submit_color="on-accent-alt" submit_weight="400" submit_font_size="lg" submit_hover_bg="accent" submit_hover_color="on-accent" input_width="700px" hidden_fields="_gdpr|1,_nonce|13a4f6d805"][/vc_column][vc_column width="1/6"][vcex_image align="center" onclick="custom_link" onclick_target="_blank" image_id="123" onclick_url="https://www.betterplace.org/de/projects/78671?utm_campaign=user_share&utm_medium=ppp_sticky&utm_source=Email" img_hover_style="grow" width="200px"][/vc_column][/vc_row]

Dieser Beitrag hat 0 Kommentare

Schreibe einen Kommentar

Deine E-Mail wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

An den Anfang scrollen