Store Social Media

Allow merchants to showcase their store’s social media profiles such as Facebook, Instagram, Twitter, Snapchat, TikTok, website, email, and phone number directly on the storefront. This enhances brand visibility and encourages customers to connect through preferred channels.

Activation Steps for Merchants

There are no activation steps required. Merchants simply need to add their social media accounts from their Store Settings Page.

Once added, the data is available inside the store.social_media.items object.

The added accounts will appear as shown below:

Code Snippet Integration for Theme Partners

To properly render social media icons in your theme, use the Twig conditions shown below. Add this block to any part of the theme (e.g., footer, header, or sidebar) where social media icons should be shown.

Partners must follow this rule when constructing URLs for social accounts:

Platform	URL Format
TikTok	`https://www.tiktok.com/@{{ store.social_media.items.tiktok }}`
Other Social	`https://www.facebook.com/{{ store.social_media.items.facebook }}` (same for Instagram, Twitter, Snapchat, etc.)

⚠️ Only TikTok requires an @ in the URL.
Do not use @ for Facebook, Instagram, Twitter, or Snapchat.

2. Code Snippet (Full Twig Example)

Result

Only the platforms added by the merchant will appear. Each icon links to the corresponding profile or contact method and can be styled freely using CSS.

Example icon behavior:

Facebook → facebook.com/zidappcom

TikTok → tiktok.com/@njmzjt

Optional: Styling the Icons

Example CSS to improve layout or alignment:

Store Social Media

Activation Steps for Merchants#

Code Snippet Integration for Theme Partners#

1. Social Media URL Construction Rule#

2. Code Snippet (Full Twig Example)#

Result#

Optional: Styling the Icons#

Activation Steps for Merchants

Code Snippet Integration for Theme Partners

1. Social Media URL Construction Rule

2. Code Snippet (Full Twig Example)

Result

Optional: Styling the Icons