How to create referral program step by step

Watch our video tutorial on how to launch a referral program or follow the written tutorial below๐Ÿ‘‡๐Ÿผ

#wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset{font-size:14px;} #wistia_chrome_293 #wistia_grid_300_wrapper div.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper span.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper ul.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper li.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper label.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper button.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper img.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper a.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper svg.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper p.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper a.w-css-reset{border:0;} #wistia_chrome_293 #wistia_grid_300_wrapper h1.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:2em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper h2.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.5em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper h3.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.17em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper p.w-css-reset{margin:1.4em 0;} #wistia_chrome_293 #wistia_grid_300_wrapper a.w-css-reset{display:inline;} #wistia_chrome_293 #wistia_grid_300_wrapper span.w-css-reset{display:inline;} #wistia_chrome_293 #wistia_grid_300_wrapper svg.w-css-reset{display:inline;} #wistia_chrome_293 #wistia_grid_300_wrapper ul.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none} #wistia_chrome_293 #wistia_grid_300_wrapper ol.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none} #wistia_chrome_293 #wistia_grid_300_wrapper li.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none} #wistia_chrome_293 #wistia_grid_300_wrapper ul:before.w-css-reset{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper ol:before.w-css-reset{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper li:before.w-css-reset{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper ul:after.w-css-reset{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper ol:after.w-css-reset{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper li:after.w-css-reset{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper label.w-css-reset{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;float:none;outline:none} #wistia_chrome_293 #wistia_grid_300_wrapper button.w-css-reset{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;outline:none;position:static} #wistia_chrome_293 #wistia_grid_300_wrapper img.w-css-reset{border:0;display:inline-block;vertical-align:top;border-radius:0;outline:none;position:static} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset button::-moz-focus-inner{border: 0;} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree {font-size:14px;} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree div{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree span{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree ul{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree li{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree label{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree button{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree img{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree a{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree svg{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree p{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree a{border:0;} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree h1{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:2em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree h2{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.5em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree h3{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.17em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree p{margin:1.4em 0;} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree a{display:inline;} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree span{display:inline;} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree svg{display:inline;} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree ul{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree ol{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree li{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree ul:before{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree ol:before{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree li:before{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree ul:after{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree ol:after{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree li:after{display:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree label{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;float:none;outline:none} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree button{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;outline:none;position:static} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree img{border:0;display:inline-block;vertical-align:top;border-radius:0;outline:none;position:static} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-tree button::-moz-focus-inner{border: 0;} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-max-width-none-important{max-width:none!important} #wistia_chrome_293 #wistia_grid_300_wrapper .w-css-reset-button-important{border-radius:0!important;color:#fff!important;}
#wistia_grid_300_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;} #wistia_grid_300_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #wistia_grid_300_above{position:relative;} #wistia_grid_300_main{display:block;height:100%;position:relative;} #wistia_grid_300_behind{height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_300_center{height:100%;overflow:hidden;position:relative;width:100%;} #wistia_grid_300_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_300_top_inside{position:absolute;left:0;top:0;width:100%;} #wistia_grid_300_top{width:100%;position:absolute;bottom:0;left:0;} #wistia_grid_300_bottom_inside{position:absolute;left:0;bottom:0;width:100%;} #wistia_grid_300_bottom{width:100%;position:absolute;top:0;left:0;} #wistia_grid_300_left_inside{height:100%;position:absolute;left:0;top:0;} #wistia_grid_300_left{height:100%;position:absolute;right:0;top:0;} #wistia_grid_300_right_inside{height:100%;right:0;position:absolute;top:0;} #wistia_grid_300_right{height:100%;left:0;position:absolute;top:0;} #wistia_grid_300_below{position:relative;}

Learn how to set up a referral program and create unique referral codes in the campaign manager ๐Ÿ’ช 

To begin with, youโ€™ll need to run the Campaign manager with the Plus.

Create a New Campaign

When the creator is ready, you can configure program details. Let's go through each stage of the manager step by step.

 ๐Ÿš€  Firstly, add a new referral campaign:

Creating a new referral campaign

1
In the first step, define program details such as:

Referral Program details

Click on NEXT when it's ready โžก๏ธ

2
In the 2nd step, define optional time limits ๐Ÿ• - add a campaign timeframe, days of the week or recurring periods when referral codes are active (you can read about all time limits for vouchers here). 
When ready, go to the NEXT STEP โžก๏ธ

Time limitsreferral program

3

The 3rd section 'Incentive Workflow' consists of the following steps:

Incentive workflow - referral program

Choose a conversion event (when a new customer is approved as a referred) ๐Ÿ”„

 If you want to define 'referred' customer based on referral codes redemptions choose the first checkbox โœ…

Conversion Event-Referee

You can also define 'referred' customers based on a custom event defined previously in your Project Settings, for example, 'customer_subscribed' event. As a result, if a new customer performs defined event he/she will be counted as a referred customer and the owner of the referral code used during the event gets new referred customer attached to his/her account. โœ…

Conversion Event - custom event

๐Ÿ’ก Event Schema

To define custom events go to the Project Settings and add the respective configuration. Please note that your application must store an event describing a moment of conversion once you approve a new customer as a referred person it triggers a rewarding mechanism.

If you need help on that, follow the step by step guide.

After you mark respective checkbox โœ… and define the conversion event, you need to choose a type of your referral program.

Choose between a single- or double-sided referral program

In the next step, you need to decide if the new customer (referee) and referrer will be rewarded - double-sided program, or if only the referrer gets the reward - single-sided program.

Go to the NEXT STEP โžก๏ธ

4

In case of double-sided referral program - define discount for the referee (new customer) ๐ŸŽ

If you mark a checkbox with a double-sided referral program, you need to define a reward for new customers (referees). It can be a discount code (percentage, unit, amount), gift card balance added to a predefined gift card that each customer in Voucherify has by default or points added to the loyalty card.

Referee reward

Below the Referee reward section, you can see Validation rules for referral code's redemption. This is a place where you can create validation rules attached to referral codes. They restrict redemptions made by new customers (referees). To add your rules choose EDIT and add a name for validation rules. If you need help with creating limits, visit this guide.  

Referral Program Validation rules

Confirm the rules by choosing SAVE and go to the NEXT STEP โžก๏ธ

5
In the 5th stage of the program creation, you need to define rewarding criteria and tell Voucherify when the referrer is rewarded ๐ŸŽ 
Dependently on which conversion event you've chosen in the 3rd section, continue to one of the following sections:

1. Conversion event - referral code redemption

In case of the reward schema based on referral codes redemptions, choose from: 

  • Reward every time referee redeems the referral code 

Every time referral code is used, the reward is triggered.

  • Number of referees who redeem referral code is

This option enables you to state how many times a referral code has to be used in order for the referrer to get a reward.

Referral Program Tier Details

Referrer rewarding criteria

By clicking SHOW ADVANCED, you can set how many times the code has to be used and set up some additional limitations based on the referees attributes, such as Country, Number of Orders or Total Amount of Orders Made and many more. 

When the respective checkbox is set, click on NEXT STEPโžก๏ธ and define the reward for referrers. You can choose from:

  • your existing campaigns (chosen campaign should be in auto-update mode!),
  • creating a new campaign of rewards from scratch,
  • adding gift card credits
  • adding points to a loyalty card

Reward for referrer

2. Conversion event - custom event

If you count referred customers (referees) based on the performed event, defined in the 3rd section, you can choose from:

  • Rewarding referrer every time the referee performs a specific action (custom conversion event),
  • Defining a number of referees who need to perform a specific action to trigger a reward for the referrer. 

Additionally, if you expand ADVANCED options, you can add more limits and rules that referrer needs to meet to get the reward. 

For example, you can set that besides the fact that two customers need to perform the chosen custom event with referrer's code, referrer has to already have more than two orders made in your store to get the reward ๐Ÿ˜ฎ

Lastly, in this stage, you can implement channels via which you want to notify a referrer about the reward. You can choose from:

Tier notifications referral program

  • HTTP callout (add specific URL for notification)
  • Email (the manager lets you design the message template) ๐Ÿ’Œ
  • Integrations (MailChimp)

You can also send message via outside communications providers. Visit your Integration Directory to integrate with MailChimp, Braze and other ๐Ÿ‘Œ

Here's an example of a notification that you can create:

Notifications referral program

You can skip this step and design your distribution later on in the Distributions tab.

Go here to learn more. 

When the action is defined, you can follow to the 6th stage or choose to ADD TIER (the 2nd one). What are 'tiers' and why do you need them? 


Tiers ๐Ÿšช๐Ÿšถ

Each tier is a separate level in your referral program. If you want to have different rewards or/and different rewarding criteria then tiers are what you need. For example, tier 1 can reward each referrer who refers at least 1 customer with $5 gift card; tier 2 can reward each referrer who refers at least 3 customers with 30% discount. 

Referral Program - tier

There is no limit on a number of tiers, you can make multi-level referral programs with many rewards and custom rewarding schemas ๐Ÿ˜Ž

6
In the 6th stage, you can add optional metadata attributes

7
The last stage of the manager shows you a summary of your referral program. You can see the overview and, in case you need to, go back to each step to set it up again. When all program details are ready, confirm with SAVE and wait until the campaign is generated.

Referral Program Summary

That's it! ๐ŸŽ‰ 
Your codes are ready to action, learn how to use Voucherify to share your referral codes and encourage more referrals.

Note โš ๏ธ

Remember that each referral code needs to be published before new customers (referees) can use it. Publication is the process of assigning referral code to a particular customer (referrer). You can perform this action either through Distribution in the dashboard or programmatically via API. 

Don't forget to check out our blog to learn more about referral programs - tips, ideas and best practices explained!