eCommerce.Help Desk

¿Cómo integro el enlace del logo de Mastercard con mi tienda (por ejemplo, Shopify, WooCommerce, etc.)?

1 min read

¿Cómo integro el enlace del logo de Mastercard con mi tienda (por ejemplo, Shopify, WooCommerce, etc.)? Guía completa de integración con requisitos previos, pasos de configuración y

Guía paso a paso

1

Integra el Logo de Mastercard con Tu Tienda

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.

1

Obtén el Logo y Enlace Oficial de Mastercard

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.

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
2

Agrega el Logo a Tu Tienda

Integrate the Mastercard logo into your store using platform-specific instructions for Shopify and WooCommerce.

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.

2.1

For Shopify

Log in to Shopify and navigate to the theme customization area to add the logo.

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
2.2

For WooCommerce

Log in to WordPress and use widgets to add the logo to your site.

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
3

Ubicación y Tamaño

Ensure the logo is placed in a visible area and follows size guidelines.

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.

4

Prueba la Integración

Verify that the logo links correctly to the Mastercard site.

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

5

Mantente Actualizado

Regularly check for updates to logo assets or linking requirements.

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

¿Fue útil esta guía?