{"id":14300,"date":"2025-12-23T15:57:04","date_gmt":"2025-12-23T14:57:04","guid":{"rendered":"https:\/\/cello.so\/?page_id=14300"},"modified":"2026-03-26T16:03:03","modified_gmt":"2026-03-26T15:03:03","slug":"web-sdk","status":"publish","type":"page","link":"https:\/\/cello.so\/?page_id=14300","title":{"rendered":"Web Experience"},"content":{"rendered":"\n<section class=\"section-16 content-align-center image-align-right image-size-medium\" data-background-color=\"white\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"section-16__container container\">\n        <div class=\"section-16__content\">\n                <div class=\"section-header align-left width-medium clearfix\">\n        <h5 class=\"h5\">Web SDK<\/h5><h1 class=\"display-sm\">Built for In-Product Experience<\/h1><p class=\"body-text-lg\">Make your referral program instantly discoverable in-product. Embed sharing, rewards, and referral links &#8211; fully branded and native.<\/p><a class=\"button button--filled\" href=\"https:\/\/cello.so\/signup\/\" target=\"\">Start with referrals<\/a>    <\/div>\n        <\/div>\n        \n                        <div class=\"section-16__image image border-radius js-image\" >\n                <div class=\"image__container\" style=\"padding-bottom: 75%\">\n                    <img width=\"1920\" height=\"1440\" class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867231-1920x1440.png\" alt=\"\">\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"section-25\" data-background-color=\"offwhite\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"section-25__container container\">\n            <div class=\"section-header align-center width-medium clearfix\">\n        <h2 class=\"h2\">A fully integrated referral experience inside your product<\/h2><p class=\"body-text-lg\">A fully integrated referral experience inside your product<\/p><a class=\"button button--filled\" href=\"https:\/\/cello.so\/signup\/\" target=\"\">Start with referrals<\/a>    <\/div>\n        <div class=\"section-25__items\">\n                            <div class=\"section-25__item\">\n                    <svg width=\"40\" height=\"41\" fill=\"none\"><path d=\"M16.395 30.369L9 22.974l3.37-3.37 4.025 4.037L28.16 11.864l3.37 3.37-15.135 15.135z\" fill=\"#704EF1\"\/><\/svg>                                            <h5 class=\"section-25__item__subheading h5\">\n                            Instant                        <\/h5>\n                                                                <h3 class=\"section-25__item__heading h2\">\n                            Discoverability                        <\/h3>\n                                                                <p class=\"section-25__item__text text text--md\">\n                            Launchers, floating buttons, and contextual entry points make your referral program visible without disrupting your UX. No need for your users to log in to another platform.                        <\/p>\n                                    <\/div>\n                            <div class=\"section-25__item\">\n                    <svg width=\"40\" height=\"41\" fill=\"none\"><path d=\"M5 37.53V14.197h6.667V37.53H5zm11.667 0V4.197h6.666V37.53h-6.666zm11.666 0V24.197H35V37.53h-6.667z\" fill=\"#704EF1\" stroke=\"#704EF1\" stroke-width=\"1.667\"\/><\/svg>                                            <h5 class=\"section-25__item__subheading h5\">\n                            Fully                        <\/h5>\n                                                                <h3 class=\"section-25__item__heading h2\">\n                            Branded &#038; Configurable                        <\/h3>\n                                                                <p class=\"section-25__item__text text text--md\">\n                            Customize layout, colors, copy, and structure so the widget feels like part of your product &#8211; not an add-on.                        <\/p>\n                                    <\/div>\n                            <div class=\"section-25__item\">\n                    <svg width=\"40\" height=\"41\" fill=\"none\"><path d=\"M34.167 19.197h-2.5v-6.666c0-1.85-1.5-3.334-3.334-3.334h-6.666v-2.5a4.167 4.167 0 00-8.334 0v2.5H6.668a3.333 3.333 0 00-3.333 3.334v6.333h2.5c2.5 0 4.5 2 4.5 4.5s-2 4.5-4.5 4.5h-2.5v6.333a3.334 3.334 0 003.333 3.334H13v-2.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5v2.5h6.334a3.333 3.333 0 003.333-3.334V27.53h2.5a4.167 4.167 0 100-8.333z\" fill=\"#704EF1\"\/><path fill=\"#704EF1\" d=\"M3.333 9.197H10v6.667H3.333zM25 9.197h6.667v6.667H25zM25 30.864h6.667v6.667H25zM3.333 30.864H10v6.667H3.333z\"\/><\/svg>                                            <h5 class=\"section-25__item__subheading h5\">\n                            Smart                         <\/h5>\n                                                                <h3 class=\"section-25__item__heading h2\">\n                            Notifications                        <\/h3>\n                                                                <p class=\"section-25__item__text text text--md\">\n                            Automatically show personalized links, offer banners, and contextual calls-to-action that match each user\u2019s journey.                        <\/p>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"section-26\">\n    <div class=\"section-26__container container\">\n            <div class=\"section-header align-center width-medium clearfix\">\n        <h5 class=\"h5\">Web SDK<\/h5><h2 class=\"h2\">Built into your product<\/h2><p class=\"body-text-lg\">Launch and manage your referral program directly inside your web app \u2014 with one unified experience for your users.<\/p>    <\/div>\n    <\/div>\n\n    \n                    <div class=\"section-26__image-container\" data-color=\"purple\">\n                <div class=\"container\">\n                    <div class=\"section-26__video video border-radius shadow-card\">\n                        <video class=\"video__preview js-video\" muted loop playsinline poster=\"\">\n                            <source src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Widget_New_2.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                                            <\/div>\n                <\/div>\n            <\/div>\n            \n    <div class=\"section-26__container container\">\n        <div class=\"section-26__features\">\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"section-17 bigger-logos\" data-background-color=\"pink\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"container\">\n            <div class=\"section-header align-center width-auto clearfix\">\n        <h2 class=\"h2\">You are in good company<\/h2>    <\/div>\n        <div class=\"section-17__static\">\n                            <div class=\"section-17__static__slide\">\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"145\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/08\/image-431-1.png\" alt=\"\">\n                <\/div>\n                            <div class=\"section-17__static__slide\">\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"83\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/09\/ideogram-logo-1.png\" alt=\"\">\n                <\/div>\n                            <div class=\"section-17__static__slide\">\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"77\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/04\/image-339.png\" alt=\"Join Logo\">\n                <\/div>\n                            <div class=\"section-17__static__slide\">\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"108\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/10\/image-461-300x108.png\" alt=\"\">\n                <\/div>\n                            <div class=\"section-17__static__slide\">\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"132\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/01\/tldv-png-e1736764082274-300x132.png\" alt=\"\">\n                <\/div>\n                            <div class=\"section-17__static__slide\">\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"69\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2023\/10\/Typeform_logo.svg-300x69.png\" alt=\"\">\n                <\/div>\n                    <\/div>\n                    <div class=\"section-17__moving swiper swiper-no-swiping js-marquee-swiper js-inview\" data-marquee-speed=\"2750\" data-marquee-direction=\"right\">\n                <div class=\"swiper-wrapper\">\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"145\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/08\/image-431-1.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"83\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/09\/ideogram-logo-1.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"77\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/04\/image-339.png\" alt=\"Join Logo\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"108\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/10\/image-461-300x108.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"132\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/01\/tldv-png-e1736764082274-300x132.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"69\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2023\/10\/Typeform_logo.svg-300x69.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"145\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/08\/image-431-1.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"83\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/09\/ideogram-logo-1.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"77\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/04\/image-339.png\" alt=\"Join Logo\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"145\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/08\/image-431-1.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"83\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/09\/ideogram-logo-1.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"77\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/04\/image-339.png\" alt=\"Join Logo\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"108\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/10\/image-461-300x108.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"132\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/01\/tldv-png-e1736764082274-300x132.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"69\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2023\/10\/Typeform_logo.svg-300x69.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"145\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/08\/image-431-1.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"83\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/09\/ideogram-logo-1.png\" alt=\"\">\n                            <\/div>\n                                                <div class=\"section-17__moving__slide swiper-slide\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"135\" height=\"77\" src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/04\/image-339.png\" alt=\"Join Logo\">\n                            <\/div>\n                                    <\/div>\n            <\/div>\n        \n\n    <\/div>\n<\/section>\n\n\n<section class=\"section-16 content-align-center image-align-right image-size-medium\" data-background-color=\"white\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"section-16__container container\">\n        <div class=\"section-16__content\">\n                <div class=\"section-header align-left width-auto clearfix\">\n        <h5 class=\"h5\">Personal Links &#038; Seamless Access<\/h5><h3 class=\"h3\">Let users share instantly &#8211; no separate signup needed<\/h3><p class=\"body-text-md\">Cello automatically generates a personal referral link for every user directly in-product &#8211; no extra sign-ups or setup required. Links are instantly available in the widget and ready to share via social or mobile, making referrals frictionless at the exact moment users are ready. This reduces drop-off and drives more natural sharing from your most engaged users.<\/p>    <\/div>\n        <\/div>\n        \n                        <div class=\"section-16__image image border-radius js-image\" >\n                <div class=\"image__container\" style=\"padding-bottom: 79.333333333333%\">\n                    <img width=\"750\" height=\"595\" class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867227.png\" alt=\"\">\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"section-16 content-align-center image-align-left image-size-medium\" data-background-color=\"offwhite\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"section-16__container container\">\n        <div class=\"section-16__content\">\n                <div class=\"section-header align-left width-auto clearfix\">\n        <h5 class=\"h5\">Customization &#038; On-Brand Experience<\/h5><h3 class=\"h3\">Make the widget look and feel like your product<\/h3><p class=\"body-text-md\">The widget is designed to adapt to your brand. Adjust colors, typography, copy, reward messages, and layout to create an experience that blends seamlessly with your UI. You can place the widget on any surface &#8211; as a menu item, embedded card, or dedicated referral section &#8211; giving you complete control over how referrals appear across the user journey.<\/p>    <\/div>\n        <\/div>\n        \n                        <div class=\"section-16__image image border-radius js-image\" >\n                <div class=\"image__container\" style=\"padding-bottom: 79.266666666667%\">\n                    <img width=\"1500\" height=\"1189\" class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/image-85.png\" alt=\"\">\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"section-16 content-align-center image-align-right image-size-medium\" data-background-color=\"white\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"section-16__container container\">\n        <div class=\"section-16__content\">\n                <div class=\"section-header align-left width-auto clearfix\">\n        <h5 class=\"h5\">Launchers &#038; Floating Buttons<\/h5><h3 class=\"h3\">Surface your Referral Program where users already are<\/h3><p class=\"body-text-md\">Cello supports multiple launchers &#8211; from menu items to floating action buttons &#8211; ensuring users can easily find the referral program at any moment. These elements are subtle, non-interruptive, and fully configurable, making referrals a natural extension of everyday product behavior.<\/p>    <\/div>\n        <\/div>\n        \n                        <div class=\"section-16__image image border-radius js-image\" >\n                <div class=\"image__container\" style=\"padding-bottom: 79.266666666667%\">\n                    <img width=\"1500\" height=\"1189\" class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/image-86.png\" alt=\"\">\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"section-16 content-align-center image-align-left image-size-medium\" data-background-color=\"offwhite\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"section-16__container container\">\n        <div class=\"section-16__content\">\n                <div class=\"section-header align-left width-auto clearfix\">\n        <h5 class=\"h5\">Notifications &#038; Alerts<\/h5><h3 class=\"h3\">Encourage sharing at high-intent moments<\/h3><p class=\"body-text-md\">Cello helps you introduce sharing prompts when users reach meaningful \u201caha moments,\u201d such as completing a task or receiving value. These contextual triggers significantly increase share rates because they meet users at the moment when recommending your product feels most natural.<\/p>    <\/div>\n        <\/div>\n        \n                        <div class=\"section-16__image image border-radius js-image\" >\n                <div class=\"image__container\" style=\"padding-bottom: 79.333333333333%\">\n                    <img width=\"750\" height=\"595\" class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867228.png\" alt=\"\">\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"section-16 content-align-center image-align-right image-size-medium\" data-background-color=\"white\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"section-16__container container\">\n        <div class=\"section-16__content\">\n                <div class=\"section-header align-left width-auto clearfix\">\n        <h5 class=\"h5\">Personalized Banners<\/h5><h3 class=\"h3\">Drive more signups with tailored offers for new users<\/h3><p class=\"body-text-md\">You can display dynamic offer banners inside the widget, giving each referrer a personalized message to share. These banners communicate rewards clearly, increase motivation, and improve conversion on landing pages by making the offer feel more compelling and relevant.<\/p>    <\/div>\n        <\/div>\n        \n                        <div class=\"section-16__image image border-radius js-image\" >\n                <div class=\"image__container\" style=\"padding-bottom: 79.266666666667%\">\n                    <img width=\"1500\" height=\"1189\" class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/image-87.png\" alt=\"\">\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"section-16 content-align-center image-align-left image-size-medium\" data-background-color=\"offwhite\">\n    <div class=\"section-bg\"><\/div>\n    <div class=\"section-16__container container\">\n        <div class=\"section-16__content\">\n                <div class=\"section-header align-left width-auto clearfix\">\n        <h5 class=\"h5\">Localization<\/h5><h3 class=\"h3\">Deliver a global referral experience<\/h3><p class=\"body-text-md\">The in-product widget ships with built-in localization for six languages and is growing. This ensures users everywhere experience a referral journey that feels familiar and trustworthy &#8211; without extra engineering effort.<\/p>    <\/div>\n        <\/div>\n        \n                        <div class=\"section-16__image image border-radius js-image\" >\n                <div class=\"image__container\" style=\"padding-bottom: 79.266666666667%\">\n                    <img width=\"1500\" height=\"1189\" class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/image-88.png\" alt=\"\">\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n    <section data-background-color=\"white\" class=\"section-20\">\n        <div class=\"section-bg\">\n        <\/div>\n        <div class=\"section-20__container container\">\n                <div class=\"section-header align-center width-auto clearfix\">\n        <h5 class=\"h5\">Success Stories<\/h5><p class=\"h2\">Discover customer success stories<\/p>    <\/div>\n            <div class=\"section-20__posts story-block-container js-blog-articles\">\n                                    <div class=\"story-block blog-post js-blog-post is-active is-visible\">\n                                                    <div class=\"story-block__logo image js-image\">\n                                <div class=\"image__container\" style=\"padding-bottom: 23.0859375%\">\n                                    <img class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2023\/10\/Typeform_logo.svg-300x69.png\" alt=\"\">\n                                <\/div>\n                            <\/div>\n                                                <a href=\"https:\/\/cello.so\/?customers=typeform\" class=\"story-block__image border-radius image js-image\" aria-label=\"Read article: How Cello helped Typeform achieve a 27.2% sharing rate through Cello\">\n                            <div class=\"image__container\">\n                                                                <img class=\"image__image js-image-img\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/09\/Group-26086410-1024x770.png\" alt=\"How Cello helped Typeform achieve a 27.2% sharing rate through Cello\">\n                            <\/div>\n                        <\/a>\n                        <h4 class=\"story-block__title h4\">\n                            <a href=\"https:\/\/cello.so\/?customers=typeform\">\n                                How Cello helped Typeform achieve a 27.2% sharing rate through Cello                            <\/a>\n                        <\/h4>\n                        <p class=\"story-block__excerpt text text--md\">\n                            Learn how Typeform gradually rolled-out their referral program and achieve sharing rate of more &#8230;                        <\/p>\n                    <\/div>\n                                    <div class=\"story-block blog-post js-blog-post is-active is-visible\">\n                                                    <div class=\"story-block__logo image js-image\">\n                                <div class=\"image__container\" style=\"padding-bottom: 24.031007751938%\">\n                                    <img class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/01\/Group-175642-1-2-300x72.png\" alt=\"\">\n                                <\/div>\n                            <\/div>\n                                                <a href=\"https:\/\/cello.so\/?customers=smoobu\" class=\"story-block__image border-radius image js-image\" aria-label=\"Read article: Smoobu significantly activates user base via referrals\">\n                            <div class=\"image__container\">\n                                                                <img class=\"image__image js-image-img\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2024\/01\/Group-175639-1-1024x770.png\" alt=\"Smoobu significantly activates user base via referrals\">\n                            <\/div>\n                        <\/a>\n                        <h4 class=\"story-block__title h4\">\n                            <a href=\"https:\/\/cello.so\/?customers=smoobu\">\n                                Smoobu significantly activates user base via referrals                            <\/a>\n                        <\/h4>\n                        <p class=\"story-block__excerpt text text--md\">\n                            Smoobu, a pioneer in the B2B SaaS vacation rental management system and acquired by HomeToGo in &#8230;                        <\/p>\n                    <\/div>\n                                    <div class=\"story-block blog-post js-blog-post is-active is-visible\">\n                                                    <div class=\"story-block__logo image js-image\">\n                                <div class=\"image__container\" style=\"padding-bottom: 33.003300330033%\">\n                                    <img class=\"image__image\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/01\/moss-logo-300x99.png\" alt=\"moss logo\">\n                                <\/div>\n                            <\/div>\n                                                <a href=\"https:\/\/cello.so\/?customers=moss\" class=\"story-block__image border-radius image js-image\" aria-label=\"Read article: How Cello helped Moss achieve 600% more referral ARR\">\n                            <div class=\"image__container\">\n                                                                <img class=\"image__image js-image-img\" data-src=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/01\/Group-26086429-1024x770.png\" alt=\"How Cello helped Moss achieve 600% more referral ARR\">\n                            <\/div>\n                        <\/a>\n                        <h4 class=\"story-block__title h4\">\n                            <a href=\"https:\/\/cello.so\/?customers=moss\">\n                                How Cello helped Moss achieve 600% more referral ARR                            <\/a>\n                        <\/h4>\n                        <p class=\"story-block__excerpt text text--md\">\n                            Learn how Moss migrated their user referral program to Cello and boost referral ARR YoY by 600% &#8230;                        <\/p>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Future-proof your organization with enterprise-grade security and compliance, sophisticated fraud prevention capabilities and automated payouts.<\/p>\n","protected":false},"author":5,"featured_media":14307,"parent":2369,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_sb_is_suggestion_mode":false,"_sb_show_suggestion_boards":false,"_sb_show_comment_boards":false,"_sb_suggestion_history":"","_sb_update_block_changes":"","content-type":"","footnotes":""},"class_list":["post-14300","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"featured_image_src":"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867227.png","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>In-App Referral Widget for SaaS Products | Cello<\/title>\n<meta name=\"description\" content=\"Embed a branded referral widget directly in your product with Cello. Contextual triggers, automated links, and zero friction, live in hours.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"In-App Referral Widget for SaaS Products | Cello\" \/>\n<meta property=\"og:description\" content=\"Embed a branded referral widget directly in your product with Cello. Contextual triggers, automated links, and zero friction, live in hours.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cello.so\/?page_id=14300\" \/>\n<meta property=\"og:site_name\" content=\"Mr.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/getcello\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T15:03:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867227.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"595\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@joincello\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cello.so\\\/?page_id=14300\",\"url\":\"https:\\\/\\\/cello.so\\\/?page_id=14300\",\"name\":\"In-App Referral Widget for SaaS Products | Cello\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cello.so\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cello.so\\\/?page_id=14300#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cello.so\\\/?page_id=14300#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cello.so\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Group-1618867227.png\",\"datePublished\":\"2025-12-23T14:57:04+00:00\",\"dateModified\":\"2026-03-26T15:03:03+00:00\",\"description\":\"Embed a branded referral widget directly in your product with Cello. Contextual triggers, automated links, and zero friction, live in hours.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cello.so\\\/?page_id=14300#breadcrumb\"},\"inLanguage\":\"af-ZA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cello.so\\\/?page_id=14300\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"af-ZA\",\"@id\":\"https:\\\/\\\/cello.so\\\/?page_id=14300#primaryimage\",\"url\":\"https:\\\/\\\/cello.so\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Group-1618867227.png\",\"contentUrl\":\"https:\\\/\\\/cello.so\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Group-1618867227.png\",\"width\":750,\"height\":595},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cello.so\\\/?page_id=14300#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Product Overview\",\"item\":\"https:\\\/\\\/cello.so\\\/?page_id=2369\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cello.so\\\/#website\",\"url\":\"https:\\\/\\\/cello.so\\\/\",\"name\":\"Cello\",\"description\":\"Cello website\",\"publisher\":{\"@id\":\"https:\\\/\\\/cello.so\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cello.so\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"af-ZA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cello.so\\\/#organization\",\"name\":\"Cello\",\"url\":\"https:\\\/\\\/cello.so\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"af-ZA\",\"@id\":\"https:\\\/\\\/cello.so\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cello.so\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/logo-wide.png\",\"contentUrl\":\"https:\\\/\\\/cello.so\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/logo-wide.png\",\"width\":512,\"height\":121,\"caption\":\"Cello\"},\"image\":{\"@id\":\"https:\\\/\\\/cello.so\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/getcello\",\"https:\\\/\\\/x.com\\\/joincello\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/joincello\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"In-App Referral Widget for SaaS Products | Cello","description":"Embed a branded referral widget directly in your product with Cello. Contextual triggers, automated links, and zero friction, live in hours.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"In-App Referral Widget for SaaS Products | Cello","og_description":"Embed a branded referral widget directly in your product with Cello. Contextual triggers, automated links, and zero friction, live in hours.","og_url":"https:\/\/cello.so\/?page_id=14300","og_site_name":"Mr.","article_publisher":"https:\/\/www.facebook.com\/getcello","article_modified_time":"2026-03-26T15:03:03+00:00","og_image":[{"width":750,"height":595,"url":"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867227.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@joincello","twitter_misc":{"Est. reading time":"5 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cello.so\/?page_id=14300","url":"https:\/\/cello.so\/?page_id=14300","name":"In-App Referral Widget for SaaS Products | Cello","isPartOf":{"@id":"https:\/\/cello.so\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cello.so\/?page_id=14300#primaryimage"},"image":{"@id":"https:\/\/cello.so\/?page_id=14300#primaryimage"},"thumbnailUrl":"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867227.png","datePublished":"2025-12-23T14:57:04+00:00","dateModified":"2026-03-26T15:03:03+00:00","description":"Embed a branded referral widget directly in your product with Cello. Contextual triggers, automated links, and zero friction, live in hours.","breadcrumb":{"@id":"https:\/\/cello.so\/?page_id=14300#breadcrumb"},"inLanguage":"af-ZA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cello.so\/?page_id=14300"]}]},{"@type":"ImageObject","inLanguage":"af-ZA","@id":"https:\/\/cello.so\/?page_id=14300#primaryimage","url":"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867227.png","contentUrl":"https:\/\/cello.so\/wp-content\/uploads\/2025\/12\/Group-1618867227.png","width":750,"height":595},{"@type":"BreadcrumbList","@id":"https:\/\/cello.so\/?page_id=14300#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Product Overview","item":"https:\/\/cello.so\/?page_id=2369"},{"@type":"ListItem","position":2,"name":"Web Experience"}]},{"@type":"WebSite","@id":"https:\/\/cello.so\/#website","url":"https:\/\/cello.so\/","name":"Cello","description":"Cello website","publisher":{"@id":"https:\/\/cello.so\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cello.so\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"af-ZA"},{"@type":"Organization","@id":"https:\/\/cello.so\/#organization","name":"Cello","url":"https:\/\/cello.so\/","logo":{"@type":"ImageObject","inLanguage":"af-ZA","@id":"https:\/\/cello.so\/#\/schema\/logo\/image\/","url":"https:\/\/cello.so\/wp-content\/uploads\/2022\/09\/logo-wide.png","contentUrl":"https:\/\/cello.so\/wp-content\/uploads\/2022\/09\/logo-wide.png","width":512,"height":121,"caption":"Cello"},"image":{"@id":"https:\/\/cello.so\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/getcello","https:\/\/x.com\/joincello","https:\/\/www.linkedin.com\/company\/joincello"]}]}},"_links":{"self":[{"href":"https:\/\/cello.so\/index.php?rest_route=\/wp\/v2\/pages\/14300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cello.so\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cello.so\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cello.so\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/cello.so\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14300"}],"version-history":[{"count":7,"href":"https:\/\/cello.so\/index.php?rest_route=\/wp\/v2\/pages\/14300\/revisions"}],"predecessor-version":[{"id":14318,"href":"https:\/\/cello.so\/index.php?rest_route=\/wp\/v2\/pages\/14300\/revisions\/14318"}],"up":[{"embeddable":true,"href":"https:\/\/cello.so\/index.php?rest_route=\/wp\/v2\/pages\/2369"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cello.so\/index.php?rest_route=\/wp\/v2\/media\/14307"}],"wp:attachment":[{"href":"https:\/\/cello.so\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}