Adding a Periscope on-air button to your WordPress site

, , Leave a comment

Want to know how to add the new Periscope embed button to your WordPress site? Watch this recording of my recent scope showing exactly how to do it LIVE!

Part 1

Part 2

Putting the Periscope button code is easy, simply by copying and pasting the code from the website.

Visitors to your blog or website can then easily follow you from their mobile devices, view your web profile from their desktop computers, and know when you’re broadcasting live!

The button will show “Broadcaster” when you’re not broadcasting, and “Broadcaster¬†LIVE!” when you are on-air. The colour will also change from blue to red to show your visitors that you are broadcasting.

You can actually embed several Periscope buttons to your site if you would like to promote several Periscope accounts. This is great if you have several team members who are all broadcasting on Periscope.

Here is a code example that shows two buttons, one for @winsoar and the other for @cchatter:

<p><script>window.twttr=function(t,e,r){var n,i=t.getElementsByTagName(e)[0],w=window.twttr||{};return t.getElementById(r)?w:(n=t.createElement(e),,n.src=””,i.parentNode.insertBefore(n,i),w._e=[],w.ready=function(t){w._e.push(t)},w)}(document,”script”,”twitter-wjs”)</script><a href=”” class=”periscope-on-airdata-size=”large“>@winsoar</a></p>
<p><a href=”” class=”periscope-on-airdata-size=”large“>@cchatter</a></p>


You can add as many buttons to a page as you wish, simply be specifying the “periscope-on-air” and adding data-size=”large”, or “small” to your <a> tag.

Click here for the official code generator at

If you found this tip useful, you will love the free Periscope check-list I have for you, as well as being invited to join our free secret Facebook group for small and home based business owners who are interested in marketing on Periscope. Get yours here.