Skip to main content
Add a Linked Accounts section to your Rivo account widget so signed-in customers can connect, sign back in to, or disconnect their retailer accounts without leaving the widget. Pair it with Rewarding linked accounts to award points when they do.
The section is served by the Subtotal Connect app, so install it on your store first.

​
Add the section

1

Open Rivo's JavaScript settings

In your Shopify admin, open Rivo and go to your account widget settings. Near the bottom of the page, find Javascript Settings for Developers.
2

Paste the script

Paste this line into Onload Javascript, then save:
3

Check your storefront

Sign in to your store as a customer and open the account widget. Linked Accounts appears below the welcome section.
The section only shows to signed-in customers. If you’ve turned on Global visibility in the Subtotal Connect app’s Visibility & Testing settings, it also only shows to customers on that allow list.
Copy the code as-is. A line break inside quoted text stops the whole account widget from loading, so if the widget breaks after you save, check for one.

​
Change the text

The section’s heading is “Linked Accounts”, and the description is “Connect your accounts to earn points when you shop in-store.” To use your own, add heading and description to the script address:

​
Customize the style

The section uses your widget’s font with neutral styling: white cards with black and gray buttons. To match your brand, add a style block below the script in Onload Javascript. Your rules replace the defaults when they use the same selectors, so start each one with .rivo-rc-injected to keep it to this section. This example gives the cards an outline and makes the buttons navy pills:

​
Selectors

To restyle a button’s hover color, target :hover:not(:disabled) as in the example above. The default hover rules are more specific than a plain button selector.