Skip to content

nikkwong/fractals-web-widget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

Fractals Affiliate Widget

Sell Fractal Filters www.getfractals.com on your website, and start making money right away. Want to join or have questions? Email me at nikk@getfractals.com

Get started

Include the following button on your page, where you want it to appear. When the user clicks on this button, they'll be shown a popup which will take them to www.getfractals.com/checkout, with your ref code in the query path.

<button id='ffpopupbtn'>Purchase</button>

Copy and paste the following code onto every page on which the <button id='ffpopupbtn'>Purchase</button> appears, ideally before the </body> tag. IMPORTANT—make sure to replace the ref code at the bottom with the ref code we've agreed upon: window.ffref="YOUR_REF_CODE_HERE", should become, for example, window.ffref="ben". That's it!

If you use Wordpress or a flavor of some CMS, feel free to email me and I'll help you set it up.

<script>
    window.addEventListener("DOMContentLoaded",function(){function e(){t.classList.contains("show")?t.classList.remove("show"):t.classList.add("show")}var t,i=document.querySelector("#ffpopupbtn");window.ff_classic_count=1;var n=document.createElement("style");n.innerHTML=".flex {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;}.justify-content-center {    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;}.justify-space-between {    -webkit-box-pack: space-between;    -webkit-justify-content: space-between;    -ms-flex-pack: space-between;    justify-content: space-between;}.align-items-center {    -ms-flex-align: center;    -webkit-align-items: center;     align-items: center;    -webkit-box-align: center;}aside#ffpopup {    all: unset;    position: fixed;    opacity: 0;    visibility: hidden;    height: 100vh;    width: 100vw;    top: 0;    transition: all .5s linear;    left: 0;    background: rgba(0,0,0,.8);}aside#ffpopup * {    font-family: 'Poppins', sans-serif;}aside#ffpopup #ff-popup-inner img {    max-width: 60%;}aside#ffpopup #ff-popup-inner {    /* height: 400px; */    width: 400px;    max-width: 100%;    background: white;    padding: 0 0rem 1rem;}#ffpopup.show {    opacity: 1;    visibility: visible;}div#ff-img-wrap {    text-align: center;}div#ffpopupouter {    height: 100%;}hr {    opacity: .2;}div#ff-popup-close {    cursor:pointer;padding: 0 1.5rem 0 0;    font-size: 12px;}button#ff-popup-go {    width: 100px;    height: 30px;    background: initial;    border: 0px;    background: #0089ff;    color: white;}aside#ffpopup * p {    font-weight: 300;    padding: 0 1rem;    color: #73869c;}div#ff-popup-head {    background: #edf6ff;    padding: 0 0 0 1rem;}div#ff-bottom {    padding: .5rem 1rem 0;}h4 {    font-weight: 300;}h4 {    color: #6b819d;}h4 a {    text-decoration: none;}",document.body.appendChild(n),i.addEventListener("click",e);(t=document.createElement("aside")).innerHTML='<div id="ffpopupouter" class="flex align-items-center justify-content-center"><div id="ff-popup-inner"><div class="flex justify-space-between align-items-center" id="ff-popup-head"><h4>Buy <a href="https://www.getfractals.com">Fractal Filters</a></h4><div id="ff-popup-close">x</div></div><div id="ff-img-wrap"><img src="https://www.getfractals.com/static/2017/box.png" alt=""></div><p>The ultimate filters for prism photography</p><hr><div class="flex justify-space-between" id="ff-bottom"><input type="number" id="ffcount" value="1"><button id="ff-popup-go">Purchase</button></div></div></div>',t.id="ffpopup",document.body.appendChild(t),document.querySelector("#ff-popup-close").addEventListener("click",e),document.querySelector("#ffcount").addEventListener("change",function(e){window.ff_classic_count=e.target.value}),document.querySelector("#ff-popup-go").addEventListener("click",function(){window.location.href="https://www.getfractals.com/checkout?ref= "+window.ffref+"&ff_classic="+window.ff_classic_count})});
    window.ffref="YOUR_REF_CODE_HERE";
</script>        

Tracking technology

You'll receive attribution for sales that you've referred even if the sale is made in a subsequent browsing session. For example, if you refer someone who then decides to purchase a week later, you'll still receive your commission.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published