How can I create a form that won't load until you click on teaser?

Question

I have a sign up form I’d like to only show up if someone clicks on the teaser. So page loads → visitor clicks on the teaser -> sign up form shows up. If they don’t click on the teaser, the form doesn’t appear. I currently have the teaser set to show before displaying form, but the form appears regardless based on its own rules. I assume I have to use a custom trigger for this?

Taylor Tarpley · Accepted Answer

Hi @saraemerson,Thanks for asking your question in the Community, happy to help!It should be noted that if you wanta form teaser to display before the form shows, it will display until a visitor clicks it, or until the form's display conditions are met (e.g., time delay or scroll percentage). The reason why you might beseeing it before someone clicks the team could be because the form’s targeting & display conditions are being met before a user clicks the teaser to open the form. I would recommend setting the form’s behavior as the screenshot below shows to ensure the form won’t load based on it’s behavior setting and only when a user clicks it if that’s your goal!Thanks for participating in the Community!-Taylor

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