eCommerce.Help Desk

How do I integrate Mastercard Logo Link with my store (e.g., Shopify, WooCommerce, etc.)?

1 min read

Visit the Mastercard Brand Center to download the latest approved logo assets and access the correct URL for the logo link. This ensures compliance with Mastercard’s branding requirements.

Step-by-Step Guide

1

Integrate Mastercard Logo with Your Store

This guide explains how to integrate the Mastercard Logo Link with your online store on platforms like Shopify and WooCommerce. It ensures that the logo is displayed correctly and links to the official Mastercard site, adhering to Mastercard's brand guidelines.

2

Obtain Official Mastercard Logo and Link

Navigate to brand.mastercard.com to find the official logo assets and the correct URL. Using these official resources is crucial for maintaining compliance with Mastercard's branding guidelines.

https://brand.mastercard.com
3

Add the Logo to Your Store

Follow the detailed instructions for your specific platform to ensure the logo is correctly added and linked. This involves using the admin panel to upload the logo and set the link.

3.1

For Shopify

Access your Shopify admin panel, go to 'Online Store' > 'Themes', and click 'Customize' on your active theme. Use the 'Image' block to upload the Mastercard logo and link it to the official Mastercard URL. Save your changes and preview your store.

https://www.mastercard.us/en-us.html
3.2

For WooCommerce

Log into your WordPress admin dashboard, go to 'Appearance' > 'Widgets' or 'Customize' > 'Widgets'. Use a 'Custom HTML' or 'Image' widget to add the logo. Insert the HTML code or upload the logo and set the link to the official Mastercard URL.

https://www.mastercard.us/en-us.html
For WooCommerce
4

Placement and Sizing

Position the logo near payment options or in the site footer. Follow Mastercard’s size and spacing guidelines from the Brand Center to maintain clarity and avoid distortion.

5

Test the Integration

Visit your store as a customer would and click the Mastercard logo to ensure it opens the correct Mastercard page in a new tab.

6

Stay Updated

Periodically visit the Mastercard Brand Center for any updates to ensure ongoing compliance. For additional help, consult the documentation provided by your e-commerce platform or contact Mastercard directly.

https://brand.mastercard.com

Was this guide helpful?