Local storage targeting helps your website use data saved in a visitor’s browser to show more relevant content and remember user preferences. The data stays even after the browser is closed, making it a simple and reliable alternative to cookies. With PopupKit, it’s easy to set up and use.
You can show or hide a popup based on a specific local storage key and its value stored in the user’s browser. You set conditions for the key and value, and the popup appears only when those conditions are met.
Quick Steps:
✅ Open Local Storage Targeting and click “+”.
✅ Wybierać Show Condition (Show or Don’t show).
✅ Ustawić Key Condition (Exactly Matches or Exists).
✅ Ustawić Value Condition (e.g., Contains, Equal To, Is Empty).
✅ Inspect any page, find the key and value and place them in the respective fields.
Przykład: Key = user_type (Exactly Matches)
Value = premium (Equal To) → Popup shows only for premium users.
Takeaway: Local storage targeting is a simple way to control popup visibility using stored browser data.
Local Storage Targeting with PopupKit #
Getting started requirement: PopupKit pro should be installed and activated on your WordPress site.
STEP 1: Open any PopupKit campaign #
Access your WordPress dashboard, go to PopupKit and open any PopupKit campaign.
STEP 2: Find Local Storage Targeting in the Editor #
Find local storage targeting and expand. You can add local storage targeting by clicking the “+” sign.
STEP 3: Customize the Conditions #
After adding an item (local storage targeting), you can see these features:
- Show Condition
- Local Storage Key Condition
- Local Storage Value Condition
Let’s learn what each of the condition let you do:
- Show Condition: Sets the main rule to either Pokazywać Lub Don’t show the popup based on whether your storage requirements are met.
2. Local Storage Key Condition: Specifies the exact name (the Key) the system searches for in the browser’s storage.
- Exactly Matches: Triggers only if the key name is a 100% identical match. Example:
user_logged_inwill not matchuser_login. - Exists: Triggers as long as the key is present, regardless of its value. Example: The popup shows if the key
returning_customeris found.
3. Local Storage Value Condition: Defines the specific data or text (the Value) that must be inside that key for the popup to trigger.
- Contains: Triggers if the value includes your specific word or phrase.
- Starts With: Triggers if the value begins with your specified text.
- Ends With: Triggers if the value finishes with your specified text.
- Equal To: Requires the value to be a perfect, exact match.
- Is Empty: Triggers if the key exists but has no data inside it.
- Is Anything: Triggers if the key has any value at all (not blank).
- Matches the Pattern: Uses wildcards or Regex for complex, dynamic matching.
Now, you have to place the key and value in the respective fields.
For that, select any page/post of your choice and inspect it.
- Select Application tab
- Navigate to the Local storage
- Select a link
- Find the key
- Find the value
