🔍
Digioh Conditions - Effective Target Marketing | Create Targeted Pop-Ups & Lightboxes - YouTube
Channel: digioh
[4]
Conditions allow us to display content on
our terms.
[7]
Only show boxes when you want, to who you
want.
[10]
To whom you want?
[11]
I don't know, this isn't a grammar lesson,
it's a lesson about conditions.
[15]
To add a condition to a box, click on the
"Add" button from the Dashboard.
[19]
Or, go to the "Conditions" tab in the Editor
and click "Edit Conditions."
[24]
Click that big green "Add conditions" button,
then click the "Add New Rule" Button.
[30]
Now we can choose a condition from this dropdown
menu.
[32]
Try not to get overwhelmed.
[34]
Or mad with power.
[37]
Let's start simple.
[38]
One of the first reasons to set up conditions
is to test a lightbox before it goes live.
[43]
We can limit it to a single test page instead
of publishing it site wide.
[47]
To do that, scroll down to the URL section
and choose "Current Page URL."
[52]
We can choose from a list of operators, but
let's stick with "Contains."
[56]
In this field, let's put ?LightboxTest
[61]
Now when we add that to the end of our URL
and that's our unique test page for this lightbox.
[68]
We can add multiple conditions to the same
box.
[71]
So let's say we want a lightbox to appear
only when a site visitor is browsing on mobile.
[76]
We can add a rule for that too.
[77]
Add a new rule.
[78]
Scroll down to "Device" and choose "Device
Type."
[81]
By default it's set to "Equals."
[83]
We'll leave that and choose "Phone."
[86]
Now this box will only appear on a page with
"?LightboxTest" in the URL, but only in mobile
[91]
browsers.
[92]
TIME ON SITE
Now let's add a delay to our lightbox.
[95]
That way when the user visits the page they
can browse for a few seconds before getting
[98]
hit with a popup.
[100]
So let's add a new rule.
[102]
Scroll down to Time and choose "Total seconds
on page."
[106]
Let's keep it set to "Greater Than."
[108]
And let's go with 3 seconds.
[110]
Now our lightbox will appear after we've been
on the page for at least 3 seconds.
[116]
With conditions we can display boxes on one
specific URL, like:
[124]
yoursite.com/product/denim-jacket/?utm_campaign=featured
[126]
Or we can display a box on multiple pages
that contain the same characters.
[130]
For example, on our demo site every product
page contains "product" as part of the URL.
[135]
So, to show a box on every product page we
can just add a condition that says "Current
[140]
Page URL contains product."
[143]
Now every product page will show this lightbox.
[146]
But let's say we also want it to show up on
category pages.
[149]
That's easy.
[150]
Change the operator from "Contains" to "Contains
any of these."
[155]
Now we can also add "category" and the lightbox
will show up on product pages and category
[160]
pages.
[161]
So we know where and when to show boxes, but
when should we NOT be showing them?
[166]
Well, you probably don't want to show newsletter
signups to anyone who's already on your list.
[171]
To do that, we're going to use the "Pages
Navigated" condition under the URL section.
[176]
The exact way to set this up might look different
for you, so we're going to give you a really
[180]
common example.
[182]
If your email newsletters use the UTM code
utm_medium=email then this example is perfect
[187]
for you.
[189]
So in this case, if we set "Pages Navigated
URL" to "Does NOT contain utm_medium=email"
[197]
this box will only show for users that have
NEVER clicked through from one of your emails.
[202]
We can also show boxes based on a user's cookies.
[205]
That lets us show boxes based on things like
whether or not they're logged in.
[209]
Let's show a box asking users to log in, but
only to users who are NOT currently logged
[214]
in.
[215]
To do that we need to add a new rule.
[218]
Scroll down to storage and choose ”Cookie.”
[221]
You need to know a little bit about how your
website uses cookies.
[224]
For example we'll go with "loggedin" for the
cookie name, and "false" for the value.
[228]
But your website might use different cookies.
[231]
Now when a user visits our website and they're
not logged in, they'll see this box.
[236]
Think you know everything you need to know
about Conditions and you're ready to close
[238]
this video?
[239]
WAIT!!
[240]
Don't go!
[241]
We haven't even told you about Exit Intent
yet!
[243]
With Exit Intent, we can display a box any
time a user moves their mouse cursor towards
[247]
the edge of the window.
[250]
By default, Exit Intent is set to "Mouse exist
window top" because most users will mouse
[254]
up to the address bar when they want to go
to a different website.
[257]
This is a great way to entice visitors with
a really good offer before they go.
[261]
A little side note, because there's no mouse
tracking on mobile, you can set up your mobile
[266]
lightboxes to display after the user has been
idle for a few seconds, which could be an
[270]
indication that's someone's thinking of leaving.
[272]
To do that, just go to Time, Idle Seconds
on Page.
[276]
And choose the amount of seconds.
[277]
Let's go with 3.
[279]
Okay finally, let's make a lightbox that appears
on any page with the same tags.
[285]
Let's say you want to show a specific lightbox
on all of your products by a specific brand.
[290]
Except you don't have the brand name in your
URLs so you can't use the URL contains rule
[294]
we talked about before.
[295]
But you DO have every product tagged with
brands.
[299]
Awesome.
[300]
Scroll down to "Content" and choose the "HTML
Exists jQuery" rule.
[305]
Then you want to go to your website, right
click on the tag you want, and click Inspect
[310]
to open up your dev tools.
[312]
Then right click on the tag in the HTML code
and go to COPY and choose "Copy selector."
[318]
And paste that into the condition field.
[320]
Hit Save and Publish.
[321]
Now this lightbox will appear on any page
with that same tag.
[326]
There are tons of other things you can do
with conditions, but this was just a brief
[329]
overview of some of the most common uses.
Most Recent Videos:
You can go back to the homepage right here: Homepage