# HTML Targeting

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."

target html code and content

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.

# 1. Go to "Visitor Behavior" on the 3rd step of your popup builder

target html code and content

# 2. Select "HTML Targeting"

choosing html targeting on builder

# 3. Make the status "Show" and paste the copied HTML

show html tag

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"

css selector code into html targeting

# 5. Determine the "Query type"

query type for html targeting

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

query type for html targeting

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.