Launch · Widgets
Your referral program, on your own site.
Widgets are the parts people use: a form to join, a referral link to share, and a tracker for their referrals and rewards. Style them like your brand, then add one snippet to your site.
- Plan
- All plans, custom CSS from Plus
- Works with
- WordPress, Webflow, Shopify, any HTML page
- Setup
- Pick them in the Referrer step
Joining StateSharing State
How do widgets work?
- 1
Pick the widgets you need
In the Referrer step, joining widgets let people sign up: a Form on your page, or a Popup. Sharing widgets take over once they join: Progress Tracking, Referral URL, Sharing Options, Leaderboard, Stat and Milestone Rewards.
- 2
Style them like your brand
In the widget editor, set the background, border radius, fonts and buttons, or add your own CSS. The preview switches between Joining State and Sharing State: the form before Jay joins, and Jay's referral link after.
- 3
Add one snippet
Paste the loader script into your site's <head> once. Then place each widget where it should show, as one HTML tag, a WordPress block or a Webflow embed.
- 4
Participants follow their progress
Jay opens the Progress Tracking widget and sees the referrals in total, how many are successful and how many are still pending, with Maya R. on the list. The Rewards tab shows which rewards are redeemed and which are pending.
What can you set up in widgets?
Every option by its name in the app, with the plan that includes it.
Compare plans- Form Widget
- A sign-up form on your page, with first name, last name and email. After joining, it shows the referral link.
- All plans
- Popup Widget
- The same join form, in a popup.
- All plans
- Progress Tracking Widget
- Two tabs: Referrals (total, successful, pending) and Rewards (redeemed, pending).
- All plans
- Referral URL Widget
- Each participant's personal referral link, ready to copy.
- All plans
- Sharing Options Widget
- Share buttons for the referral link, such as Facebook, X, WhatsApp and email.
- All plans
- Leaderboard Widget
- A ranking of the people who have referred the most.
- All plans
- Stat Widget
- A participant's rank, referral count and pending referrals.
- All plans
- Milestone Rewards Widget
- The rewards along the way, and how many friends each one takes.
- All plans
- Style
- Background, border radius, headings and body text in any Google Font, and buttons.
- All plans
- Custom CSS
- Write your own CSS for any widget, right in the editor.
- Plus and up
- reCaptcha
- Invisible reCaptcha checks each sign-up, with no puzzle to solve.
- Plus and up
- Remove Viral Loops Branding
- Take the Powered by Viral Loops line off your widgets.
- Growing and up
Which templates and tools work with widgets?
All integrations
Referral templateThe Universal ReferralCombines elements from every template, so you pick the widgets that fit.
Referral templateThe Milestone ReferralThe Milestone Rewards widget shows each reward on the way.
Giveaway templateThe Leaderboard GiveawayThe Leaderboard widget shows who has referred the most.
FAQ
Widgets FAQ
Do I need a developer to add the widgets?
No. Add a small piece of JavaScript to the pages where the program runs, then place each widget. A little HTML is enough, and on WordPress the Viral Loops plugin adds them as a block.
Which website builders do the widgets work with?
Any site where you can add a script and an HTML block. The help center has guides for WordPress, Webflow, Shopify, Squarespace, Framer, HubSpot Pages, Unbounce, Leadpages and Instapage, among others. In Webflow, the Embed component needs a paid Webflow account.
Do I need my own website?
No. In the Referrer step, choose Viral Loops Pages and the widgets go on a page hosted for you. You can also choose your website or your web app.
Can I use my own form?
Yes. Custom Form Integration is on every plan. For a design of your own from scratch, the JavaScript SDK (every plan) and the REST API (Plus and up) let you build it.
Can I remove the Powered by Viral Loops line?
Yes, on Growing and Power, with Remove Viral Loops Branding under the widget preview.
More Launch features
All featuresPut your referral program on your own site.
Plans start at $35 a month, billed annually. Try it free for 14 days, or talk to our team.
