Demo Pigeon On Your Site

You can use the following examples to do a live demo on your staging site. Send us an email at support@sabramedia.com to let us know the domain you will be using so we can activate it. Have your developers drop the following code into your staging site:


<script type="text/javascript" src="//demo.pigeonpay.io/c/assets/pigeon-1.5.3.min.js"></script>
<script type="text/javascript">
    var Pigeon = new PigeonClass({
        subdomain:'demo.pigeonpay.io',
        idp:true
    });

    Pigeon.paywall({
        redirect:'modal',
        free:0,
        success:function(response){
            console.log(response);
        }
    });
</script>


Testing Content

You can use the following HTML wrappers to test on the content:

Scenario 1

Unauthorized users will only see the first paragraph of the article.


<div class="pigeon-first-p">
	<p>The content of your article. Only this paragraph will show if the visitor is not authorized.</p>
	<p>This paragraph and any subsequent content will be removed if the visitor is not authorized.</p>
	<?php // If you are using WordPress ?>
	<?php get_the_content(); ?>
</div>

Scenario 2

This content will be hidden from unauthorized users.


<div class="pigeon-remove">
	<p>All content with a class of pigeon-remove will be removed if the visitor is not authorized.</p>
	<?php // If you are using WordPress ?>
	<?php get_the_content(); ?>
</div>

Pigeon Promotion Box

This content can used to promote unauthorized users to sign up.


<div class="pigeon-context-promotion" style="display:none;">
	<?php // If you are using WordPress you could include the excerpt here ?>
	<?php get_the_excerpt(); ?>
	<!-- This is where you can promote your content. -->
	<!-- The link with a class of pigeon-open will open the pigeon modal -->
	<p>This page is available to subscribers. <a href="#" class="pigeon-open">Click here to sign in or get access</a>.</p>
</div>


Widget

You can also add a status widget to your site.


<nav id="pigeon-widget-status"></nav>

The above code and will render something like this, but you can style it however you like:

screenshot-status-widget.png

Testing Payments

You can test with the following payment details:

Card Number: 5555 5555 5555 4444
Expiration: January 2019
Verification Code: 123


Admin Demo Video

Below is a demo video of the admin area.