When a customer clicks a member's BuzzLink, a popup appears on your store offering them a unique, one-time discount code. The popup is added to your storefront via a Shopify app embed, which you can customize directly in your theme editor. This article walks through where the customization lives and what each setting controls.
Where to find the BuzzLinks Popup settings
In your Shopify admin, go to Online Store, then click Themes.
Click Customize on your live theme.
In the theme editor, click the App Embeds icon in the left sidebar (the puzzle piece icon near the top).
Find BuzzLinks Popup in the list of app embeds.
Toggle BuzzLinks Popup on.
Click the expand arrow next to it to open the customization options.
Prompt Title and Subtitle
The Prompt Title is the main heading at the top of the popup. The Prompt Subtitle is the smaller line of text below it. Both fields support dynamic variables that pull data from each member's Buzzbassador profile when the popup is rendered for their audience.
Available variables:
[member_first_name]: the member's first name.
[member_full_name]: the member's full name.
[member_instagram]: the member's Instagram handle.
[member_tiktok]: the member's TikTok handle.
[member_facebook]: the member's Facebook handle.
[discount_rate]: the discount rate the customer will get when they redeem the code.
Example: a Prompt Title set to "[member_first_name] sent you [discount_rate] off!" would render as "Sarah sent you 15% off!" for a customer who clicked Sarah's BuzzLink.
If a member does not have a value for one of the social media variables (for example, they did not enter a TikTok handle on their application form), the variable will render blank. Or, if the handle they entered had an invalid format, it will render exactly as entered.
Use [member_first_name] or [member_full_name] (which all members have) if you want a guaranteed fallback.
Colors
Five color settings control the popup's appearance:
Background Color: the fill color of the popup itself.
Text Color: the color of the title and subtitle text.
Primary Button Background: the fill color of the redeem button.
Primary Button Text: the text color on the redeem button.
Overlay Background Color: the color of the dimmed area behind the popup, which covers the rest of the page while the popup is visible. Typically set to black or a dark shade to focus attention on the popup.
Typography
Three sliders control text size on the popup:
Title Font Size: size of the Prompt Title text.
Subtitle Font Size: size of the Prompt Subtitle text.
Button Text Font Size: size of the text on the redeem button.
All three are measured in rem, a scalable unit Shopify uses across themes. Adjust by dragging the slider or typing a number directly into the field.
Font family
The popup inherits the font family from your Shopify theme. To change the font itself, update your theme's typography settings in the theme editor under Theme Settings > Typography. The font family is not controlled by Buzzbassador.
Saving your changes
Click Save in the top right of the theme editor. Changes apply to your live storefront immediately.
Previewing the pop-up
To preview the final pop-up, open any of your members' BuzzLinks in a new window (once your changes are published). You will see the BuzzLinks pop-up appear and you can click it and test its functionality and look.
Notes:
The BuzzLinks Popup app embed only renders for programs where the Affiliate Links setting is set to BuzzLinks. If a member's program is set to a different link type, no popup will appear on their link clicks regardless of how this app embed is configured.
Customizing the popup is optional; the default settings work out of the box.
Most brands match the popup colors to their store's primary brand palette and use [member_first_name] or [member_instagram] in the title for a personal touch.