How you can add custom HTML?

Hi,

How you can add custom HTML code to add our markup for the pop-up window.
How you can use our HTML code in the message for disconnected users ?

https://img4.hostingpics.net/pics/976520201711111919.png

Actually, there should be allowed this attribute data-reveal-id with this value login_panel

Also provide an example of HTML that you want to render there but it’s stripped

<ul class="button-group radius right">
							
								<li class="header-login-button">
									<a href="#" data-reveal-id="login_panel" class="tiny secondary button radius">
										<i class="icon-user hide-for-medium-down"></i>
										LOG IN									</a>
								</li>
								
																	<li class="header-register-button">
										<a href="#" data-reveal-id="register_panel" class="tiny button radius">
											<i class="icon-group hide-for-medium-down"></i>
											Sign-up										</a>
									</li>
															
													</ul>

We installed the PMPro Customizations plugin
and integrate our html code on it.
This does not work because there is your plugin that will strip the tags needed for the pop-up to work.

pmpro-customizations/pmpro-customizations.php

<?php
/*
Plugin Name: PMPro Customizations
Plugin URI: https://www.paidmembershipspro.com/wp/pmpro-customizations/
Description: Customizations for my Paid Memberships Pro Setup
Version: .1
Author: Paid Memberships Pro
Author URI: https://www.paidmembershipspro.com
*/
 
//Now start placing your customization code below this line
function my_pmpro_not_logged_in_text_filter($text) {
    global $post;

    $access = pmpro_has_membership_access($post->ID, NULL, true);
    $level_ids = $access[1];

    if(is_array($level_ids) && in_array(2, $level_ids))
    {
        $text = '<ul class="button-group radius right">

<li class="header-login-button">
    <a href="#">
        <i class="icon-user hide-for-medium-down"></i> LOG IN </a>
</li>

<li class="header-register-button">
    <a href="#">
        <i class="icon-group hide-for-medium-down"></i> SIGN UP </a>
</li>

</ul>';
    }
    elseif(is_array($level_ids) && in_array(4, $level_ids) && !in_array(3, $level_ids) )
    {
        $text = '<ul class="button-group radius right">

<li class="header-login-button">
    <a href="#">
        <i class="icon-user hide-for-medium-down"></i> LOG IN </a>
</li>

<li class="header-register-button">
    <a href="#">
        <i class="icon-group hide-for-medium-down"></i> SIGN UP </a>
</li>

</ul>';
    }
    else
    {
        $text = '<ul class="button-group radius right">

<li class="header-login-button">
    <a href="#">
        <i class="icon-user hide-for-medium-down"></i> LOG IN </a>
</li>

<li class="header-register-button">
    <a href="#">
        <i class="icon-group hide-for-medium-down"></i> SIGN UP </a>
</li>

</ul>';
    }

    return $text;
}
add_filter("pmpro_not_logged_in_text_filter", "my_pmpro_not_logged_in_text_filter", 5);

Thank you