Skip to main content
Solved

How to show teaser for signup form?


Forum|alt.badge.img+3
  • Problem Solver I
  • 12 replies

Is it possible to use teasers for Signup forms?

So instead of just showing the form after X seconds/scroll etc - then I want to make it accessible through a teaser/button somewhere on the screen so the users can activate the form themselves.

Best answer by David To

Hello @numzie,

Great question!

You can create a popup form that appears when a user clicks a button on your website by either using a custom legacy signup form or by taking advantage of the signup form’s targeting behavior setting. 

Instructions for creating a custom legacy signup form to appear on a button click can be found in the How to Trigger a Legacy Popup When a Button is Clicked article. If you were using a Klaviyo signup form built in the drag-and-drop editor, instructions for this can be found in the How to Use Anchor Links in Your Messages and Forms article.

Essentially, when using a Klaviyo built signup form, you can leverage the form behavior which allows the form to only appear on select URLs. With this in mind, you can build a button on your website that would redirect users to an anchor tag which if your signup form is targeted to appear on, would cause the form to appear. 

Hope this helps!

David

View original
Did this topic or the replies in the thread help you find an answer to your question?

5 replies

David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • Answer
  • June 8, 2021

Hello @numzie,

Great question!

You can create a popup form that appears when a user clicks a button on your website by either using a custom legacy signup form or by taking advantage of the signup form’s targeting behavior setting. 

Instructions for creating a custom legacy signup form to appear on a button click can be found in the How to Trigger a Legacy Popup When a Button is Clicked article. If you were using a Klaviyo signup form built in the drag-and-drop editor, instructions for this can be found in the How to Use Anchor Links in Your Messages and Forms article.

Essentially, when using a Klaviyo built signup form, you can leverage the form behavior which allows the form to only appear on select URLs. With this in mind, you can build a button on your website that would redirect users to an anchor tag which if your signup form is targeted to appear on, would cause the form to appear. 

Hope this helps!

David


Forum|alt.badge.img+3
  • Author
  • Problem Solver I
  • 12 replies
  • June 8, 2021

Alright. That does look a bit complicated to me.


Forum|alt.badge.img+3
  • Author
  • Problem Solver I
  • 12 replies
  • June 10, 2021

@david.to 

What I’m actually trying to achieve is the same as shown e.g. here in bottom right corner:

https://www.ok.dk/privat/produkter/varmepumper

 

So a block that can be opened/closed/removed by the user on the same site (without linking to another site)


David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • June 16, 2021

Hello @numzie,

At this time this sort of feature is not supported by Klaviyo forms. However, using a custom form built on HTML/CSS would be your best option. You are able to achieve this sort of behavior using a custom form due to the flexibility and customization of these forms as they are directly built with HTML with your desired functionality.

To learn more about building your own custom forms, I would recommend taking a look at the below articles that Klaviyo offers on this topic. If you are unfamiliar with HTML/CSS, I would also recommend working with a developer. Feel free to also checkout out our extensive network of agency partners that can also assist in this endeavor.

Have a great day!

David


hansen
Klaviyo Employee
Forum|alt.badge.img+3
  • Klaviyo Employee
  • 10 replies
  • December 10, 2021