Add Wrippl Buttons to Your Page

*This page is for content creators who wish to add a Wrippl endorse button on their website*

Adding a Wrippl button to your page allows your readers to easily endorse you with a click of a button! The button redirects to our endorse page and automatically fills in the text box with the link of your page, saving your readers the trouble of manually copying and pasting your link. We have 8 button designs for you to use, with different sizes for you to choose. The buttons with black text and/or logos have white backgrounds, and the buttons with white text and/or logos have black backgrounds.

To add the button to your page, find your preferred Wrippl button below and copy the contents of the code block into your website's html source code. The java script is the same for all buttons, so you can place the script line at the bottom of your html to make your code cleaner. If you have any issues or questions, please feel free to email us at wrippl.services@gmail.com


Share btn wrpl lg 1

            <a href="//www.wrippl.org/?share=true" class="wripple-share-button" target="_blank">
            <div class="wrippl-share-div share-btn-wrpl-lg-1" id="wrippleShareDiv"></div></a>
            <script async src="//www.wrippl.org/share/share-btn.min.js" charset="utf-8"></script>
            


Share btn wrpl lg 2

            <a href="//www.wrippl.org/?share=true" class="wripple-share-button" target="_blank">
            <div class="wrippl-share-div share-btn-wrpl-lg-2" id="wrippleShareDiv"></div></a>
            <script async src="//www.wrippl.org/share/share-btn.min.js" charset="utf-8"></script>
            


Share btn wrpl lg 3

            <a href="//www.wrippl.org/?share=true" class="wripple-share-button" target="_blank">
            <div class="wrippl-share-div share-btn-wrpl-lg-3" id="wrippleShareDiv"></div></a>
            <script async src="//www.wrippl.org/share/share-btn.min.js" charset="utf-8"></script>
            


Share btn wrpl lg 4

            <a href="//www.wrippl.org/?share=true" class="wripple-share-button" target="_blank">
            <div class="wrippl-share-div share-btn-wrpl-lg-4" id="wrippleShareDiv"></div></a>
            <script async src="//www.wrippl.org/share/share-btn.min.js" charset="utf-8"></script>
            


Share btn wrpl sm 1

            <a href="//www.wrippl.org/?share=true" class="wripple-share-button" target="_blank">
            <div class="wrippl-share-div share-btn-wrpl-sm-1" id="wrippleShareDiv"></div></a>
            <script async src="//www.wrippl.org/share/share-btn.min.js" charset="utf-8"></script>
            


Share btn wrpl sm 2

            <a href="//www.wrippl.org/?share=true" class="wripple-share-button" target="_blank">
            <div class="wrippl-share-div share-btn-wrpl-sm-2" id="wrippleShareDiv"></div></a>
            <script async src="//www.wrippl.org/share/share-btn.min.js" charset="utf-8"></script>
            


Share btn wrpl sm 3

            <a href="//www.wrippl.org/?share=true" class="wripple-share-button" target="_blank">
            <div class="wrippl-share-div share-btn-wrpl-sm-3" id="wrippleShareDiv"></div></a>
            <script async src="//www.wrippl.org/share/share-btn.min.js" charset="utf-8"></script>
            


Share btn wrpl sm 4

            <a href="//www.wrippl.org/?share=true" class="wripple-share-button" target="_blank">
            <div class="wrippl-share-div share-btn-wrpl-sm-4" id="wrippleShareDiv"></div></a>
            <script async src="//www.wrippl.org/share/share-btn.min.js" charset="utf-8"></script>