Do you want to display your popup based on a targeted post's or content's specific element? With Popupsmart, you can specify and set up an HTML condition for a popup in 2 minutes.
Setting Up HTML Condition in a Specific Page
For example, you can target the HTML of a text on a specific webpage. Let's say that you want a popup to show on the page where the word "exit-intent" is included in the headline.
First of all, you need to open the webpage you want to display the popup. Then, select the text you want to target and right-click the mouse and select "Inspect."
You will see the HTML of the selected text highlighted. Go ahead and copy it.
Now on to the Popupsmart popup builder.
Follow the steps below to set HTML targeting for your popup campaign.
2. Select "HTML Targeting"
3. Make the status "Show" and paste the copied HTML
Once you click on the "Add" button, you can start setting up HTML targeting. There are two conditions under "status;" show and hide.
You choose to show your popup based on a specific HTML content or hide it. This way, you can decide which pages you want to display your popup or not.
4. Paste the HTML you copied to "CSS Selector"
5. Determine the "Query type"
If you target a text, it is best to select "contains" from the dropdown "Query" menu.
If you are targeting shopping carts, then you can select other options as well, such as "less than" or "greater than."
6. Lastly, Enter the Element Value
What can you do with HTML targeting?
- Present customized messages with popups in the checkout,
- Create and display different and multiple popups on pages with the same URL. Some pages may have the same URL. In such a case, URL targeting may not provide the desired results. You can set up HTML targeting not to annoy visitors with irrelevant messages.
- Show or hide popups based on HTML content.