Why can't I connect my klaviyo pop up to teachable website page button

Question

I have a website on teachable with a clickable button: https://energywithallie.teachable.com/p/moneymeditation
I have a pop up published on Klaviyo with “Only show on certain URLs” selected and “Containing” /moneymeditation
The pop up is not working :)

I tried changing the pop up to an embed form, also not displaying on teachable.

I tried this custom code, and it still does not work.

<script type="text/javascript">
	document.querySelector('.klaviyo_form_trigger').addEventListener('click', function (){
		window._klOnsite = window._klOnsite || w]; 
		window._klOnsite.push(_'openForm', 'UUPcC5']);
	});
</script>

ANY IDEAS?

I am willing to hire this out at this point.

Taylor Tarpley · Accepted Answer

Hi there@morla1am,I’m sorry you’ve had a frustrating experience so far! I am more than happy to help!You should definitely be able to publish a form on your site if you have your added our Klaviyo .js code to your websites’ backend. In fact, your popup should show automatically, but you would need to embed a second piece of code to make your embedded form appear on your website.If you can confirm that you have embedded the code and can see it on the backend of your websitewhen you click > View Source and search for ‘Klaviyo’, then I’d ensure that you have inserted your company’s public API key in the .js code as this can be a forgotten step in the setup process!You can find your company’s public API key by navigating to Settings > Company > API keys.Hope this helps!

Reply

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials

Scanning file for viruses.

This file cannot be downloaded