Typography
The Typography card controls the text of the Share Button and Share Pop-Up: the font family, the weight and size of each text, and a few short texts such as the copy button label.
This page shows you where to find Typography, how to add your own font, and what each setting changes.
How to Open Typography#
Step 1: In your Shopify admin, under Apps, click Bevy Share Cart - Social Link. The app opens on its Dashboard.
Step 2: In the settings list, click Design.
Step 3: Click the Typography card to expand it.
Step 4: Make your changes. The Design Preview updates as you go.
Step 5: Click Save in the save bar at the top of the page. Your changes are not live on your store until you save. To undo unsaved changes, click Discard.
How to Choose a Font#
The Font Family setting changes the font of all Share Button and Share Pop-Up text. The default font is Poppins.
Step 1: Click the Font Family field. A list opens with Custom fonts (fonts you uploaded) and Standards fonts. Each font name is shown in its own font.
Step 2: Type in the field to search, then click a font to select it.
How to Add Your Own Font#
Step 1: Click the Font Family field, then click Add Custom Font at the top of the list.
Step 2: Choose a font file from your computer. Share Cart accepts .ttf files only.
When the upload finishes, you see "Font Uploaded Successfully." and the font appears under Custom fonts. If a font with the same name already exists, you see "Font Already Exists". If the file is not a valid font, you see "Invalid font format. Failed to upload font."
Weights and Sizes#
Each weight can be Normal or Bold. Each font size is a number with a minimum of 10.
| Text | Weight setting | Size setting | Default |
|---|---|---|---|
| Share Button text | Button Weight | Button Font Size | Normal, 14 |
| Title on the cart and in the Share Pop-Up | Title Weight | Title Font Size | Normal, 22 |
| Share Pop-Up footnote | Footnote Weight | Note Font Size | Normal, 12 |
| Separator between the copy button and the social sharing button | Separator Text Weight | Separator Font Size | Normal, 14 |
Note: The separator only appears when Social Sharing is on.
Text Customization#
Under Text Customization, you can change three short texts in the Share Pop-Up. Each field shows how many characters you have left.
| Setting | What it changes | Limit | Default |
|---|---|---|---|
| Copy Confirmation Text | The message shown after a shopper copies the cart link | 30 characters | Copied To Clipboard |
| Copy Button Text | The text on the copy button | 15 characters | Copy Link |
| Separator Text | The text between the copy button and the social sharing button | 15 characters | -OR- |
The Separator Text only shows in the Share Pop-Up while Social Sharing is on.
Settings That Appear When Share Message Is On#
When Share Message is on, Typography shows extra settings for the clickable footnote link and the message input in the Share Pop-Up.
| Setting | What it changes | Options or limit | Default |
|---|---|---|---|
| Inline Link Font Weight | The weight of the clickable part of the footnote, such as "Click here" | Normal or Bold | Bold |
| Font Weight (under Share Message Text Customization) | The weight of the message input label | Normal or Bold | Normal |
| Font Size (under Share Message Text Customization) | The size of the message input label | Minimum 10 | 16 |
| Share Message Label | The label above the message input | 40 characters | Customized Message: |
If you have any questions, contact us via live chat or email at support@bevycommerce.com.