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.
[ SCREENSHOT: App Embeds section in Shopify theme editor with BuzzLinks Popup toggled on ]
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.
[ SCREENSHOT: Prompt Title and Subtitle fields in App Embed settings ]
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.
[ SCREENSHOT: Colors section in App Embed settings ]
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.
[ SCREENSHOT: Typography sliders in App Embed settings ]
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. To preview before saving, use the theme editor's preview pane on the right side.
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.