Skip to main content

Visibility rules

Written by Luana

By default, the Signup Flow widget is shown on every page where your SparkLoop tracking script is installed. If you want to show it only on specific pages, you can set up visibility rules.

How to set up visibility rules

  1. Click the Settings icon (gear) in the left sidebar

  2. Under Embedded widget visibility, select Only specific pages

  3. Add the URLs where you want the widget to appear

Note: The Embedded widget visibility section is only available if you're using Signup Flow as an embedded widget on your website — not as a hosted page.

Dynamic URLs and wildcards

You can create flexible rules using the wildcard symbol *.

For example, if you only want to show Signup Flow on your blog article pages whose URLs look like:

  • https://website.com/blog/article-1

  • https://website.com/blog/article-2

Instead of adding each page individually, use: https://website.com/blog/*

Wildcard examples

Rule

URLs matched

URLs NOT matched

https://mywebsite.com

https://mywebsite.com

https://mywebsite.com/subscribe
https://mywebsite.com/blog/article-1

https://mywebsite.com/*

https://mywebsite.com/subscribe
https://mywebsite.com/article
Any page on that domain

https://google.com/

https://mywebsite.com/blog/*

https://mywebsite.com/blog/article-1
https://mywebsite.com/blog/archive

https://mywebsite.com/blog/
https://mywebsite.com/about

https://*.cnn.com/blog/*

https://sport.cnn.com/blog/article-1
https://politics.cnn.com/blog/article-2

https://sport.cnn.com/about
https://politics.cnn.com/subscribe

Multiple Signup Flows

If you have multiple Signup Flows, SparkLoop will show the first Signup Flow whose rules match the current URL. Make sure to set up mutually exclusive visibility rules to prevent the wrong Signup Flow from showing.

How to disable Signup Flow on specific forms

To prevent a specific form from triggering the Signup Flow widget, add a data-sparkloop-upscribe attribute to your form and set it to false:

<form method="GET" data-sparkloop-upscribe='false'>
  ....
</form>
Did this answer your question?