WP – ANGIE BOOTSTRAP MODAL + CONVERTKIT + ACF

Posted on May 25, 2017 by CG Team 
		
		
			
<!DOCTYPE html>

<html <?php echo language_attributes();?> >

<head>

<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>

<script type=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script>

<?php wp_head(); ?>

<!– // <script async id=”_ck_202168″ src=”https://forms.convertkit.com/202168?v=6″></script>


THIS CONVERTKIT POP FAILED, SO I HAD TO DO MINE


–>


</head>


<!– THE BIO MODAL CODE –>

<!– Modal –>

<div class=”modal fade” id=”myModal-bio” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel”>

<div class=”modal-dialog” role=”document”>

<div class=”modal-content”>

<div class=”modal-header” style=”background: black; color: white;”>

<button type=”button” class=”close” data-dismiss=”modal” aria-label=”Close” style=”color: white;”><span aria-hidden=”true”>&times;</span></button>

<h4 class=”modal-title text-center” id=”myModalLabel” style=”color: white;”>www.angiethompson.biz</h4>

</div>

<div class=”modal-body”>


<section id=”popup-form-click” class=”clearfix”>


<article class=”popup-text”>


<figure>


<?php $convertkit_shortcode = get_field( ‘convertkit_shortcode’, 5 ); ?>

<?php echo do_shortcode( $convertkit_shortcode ); ?>


</figure>


</article>


</section>


</div>


</div>

<div class=”modal-footer hide”>

<button type=”button” class=”btn btn-primary center-block” data-dismiss=”modal” style=”background: black; color: white; border: 1px solid black;”>Close</button>

</div>

</div>

</div>


 


 


<body <?php body_class(mk_get_body_class(global_get_post_id())); ?> <?php echo get_schema_markup(‘body’); ?> data-adminbar=”<?php echo is_admin_bar_showing() ?>”>


<button type=”button” class=”btn btn-success btn-lg” data-toggle=”modal” data-target=”#myModal-bio”>

CONTACT

</button>


SIDEBAR IMAGE WIDGET


<button type=”button” data-toggle=”modal” data-target=”#myModal-bio” style=”padding: 0; margin: 0;”>


<img class=”img-responsive” src=”http://angiethompson.biz/wp-content/uploads/2017/04/angie-sidebar-img-with-txt-400×500.jpg”>


</button>