Watch the short video above or read this article for the complete guide
By default, Signup Flow is shown on every page where your SparkLoop script is installed.
But what if you want to show Signup Flow only on a specific page or pages?
To achieve that you can use the visibility rules.
How to show Signup Flow on specific pages
To show Signup Flow on specific pages you have to create visibility rules.
Go to your Signup Flow dashboard, click on the "Settings" tab and scroll down to find the "Visibility" section.
Then switch off the toggle "Show Signup Flow on all pages" and create your first rule.
⚠️ Note: You can only see this section if you chose to use Signup Flow as a widget on your website.
A rule is a "static" or "dynamic" URL where you want Signup Flow to be shown.
Dynamic URLs and wildcards
You can create flexible URLs by using the wildcard symbol *.
For example, let's say you only want to show Signup Flow on your blog article pages. The URL of these pages looks something like this:
etc
Notice how all these URLs start with https://website.com/blog/ so rather than creating a rule for each page (which would be very time consuming) you can "whitelist" all blog pages by using this special rule: https://website.com/blog/*
(note the * at the end)
Here's an example where we show Signup Flow on the subscribe page and all blog pages.
Wildcard examples
Wildcards are pretty powerful and can be used anywhere in your URLs.
Here's some examples:
Rule | Examples of URLs matched | Examples of URLs NOT matched |
https://mywebsite.com/subscribe | ||
Multiple Signup Flows
If you have multiple Signup Flows, we will show the first Signup Flow whose rules match the current URL. So if you have multiple Signup Flows make sure to set up mutually exclusive visibility rules to prevent having the wrong Signup Flow shown to your subscribers.
How to disable Signup Flow on specific forms
Visibility rules allow you to hide/show Signup Flow on specific pages.
But what if you want to disable Signup Flow for specific forms?
It is 100% possible but it requires messing a little with the HTML.
To disable a specific form from triggering the Signup Flow modal, add a data-sparkloop-upscribe attribute to your form and set it to false.
<form method="GET" data-sparkloop-upscribe='false'>
....
</form>


