Help Center

| Submit or View Help Requests | Developer Docs |

View desktop instructions
View mobile app instructions
Set Up an Instant Access Widget

Designed for e-commerce and retail clients, instant access widgets provide your customer advocates and their referred friends with an easy way to engage with your referral program—no password or authentication required. For more details about how instant access widgets work, refer to Widget Types Explained.

Instant access widgets can be set up for new referral programs, or for existing referral programs that use fuel tank rewards.

Step 1: Set up the widget
  1. From the left navigation menu, select Program Rules.

  2. Under Section 2: Customize your design and messaging, select Customize below either the website referral widget or the friend widget to open the widget editor.

  3. Optionally, if you're setting up a friend widget, select square-regular.svg [Unchecked box] Show below Show automatically for referred friends.

    • This option enables the auto popup feature. Auto popup creates a more engaging referred friend experience by making the friend widget stand out on the landing page.

  4. Adjust the appearance and contents of the template.

    • Components from the following groups can’t be added to instant access widgets: Rewards, Statistics, Microsite Components, or Referrals. For more information about how to use the widget editor, refer to Customize Program Widgets.

  5. Save your changes to the widget.

Repeat steps 2 to 5 if you want to set up the other instant access widget.

Step 2: Create a fuel tank reward (optional)

If you’re using a friend widget, then you will need to set up a fuel tank reward.

The fuel tank is a simplified way of handing out rewards using unique coupon codes. Your program participants can redeem these codes for rewards, including discounts, credits, and other reward types. Clients supply the coupon codes for the fuel tank. You can either create these codes on your own, or use your existing ecommerce or billing platform to create them for you.

Note: If you have already set up a fuel tank reward for your program, then you can edit the existing reward and change the Access Type to Instant Access.

Step 3: Adjust your program rules (optional)

To start using fuel tank rewards in your program, you’ll need to incorporate them into your program rules. Skip this step if you aren’t using the friend widget to issue coupon codes.

  1. From the left navigation menu, select Program Rules.

  2. Under Section 1: Setup your program, select Edit below the name of the reward.

  3. Select Pre-configured reward.

  4. From the Reward drop-down list, select the fuel tank reward you created.

  5. Save the reward selection.

Step 4: Embed the widget

Congrats! Your instant access widgets are ready to use. The final step is to generate a code snippet to embed into your post-purchase landing page, checkout flow, or wherever you want participants to access them.

This step is not required for all Friend widgets. UTT automatically loads on your webpage any Friend widgets that you opted to Show automatically for referred friends in Step 1. If you are using a Friend widget with that option enabled, then you can skip this step. If you are using another instant access widget or a Friend widget without auto popup enabled, then a code snippet must still be generated and placed on your page to display the widget.

  1. From the left navigation menu, select ellipsis-v-solid.svg [Menu] → Settings.

  2. On the left, below Advocate Settings, select Install.

  3. In the Display Widgets settings, select Instant Access as the type of widget you want to display.

  4. From the drop-down list, select one of the instant access widgets you created.

  5. Choose whether you want to generate a code snippet for an Embedded widget or a Popup widget.

    • Embedded widgets are displayed directly in your web page.

    • Popup widgets will load in a popup after the participant clicks on your designated button or link.

  6. Copy the generated code snippet.

  7. Repeat this process to generate a code snippet for the other instant access widget, if you created both.

  8. Add the code snippet(s) to your e-commerce platform or landing page.

    Screenshot_2024-08-07_at_11_57_18.png

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.