How to add Facebook Like and Twitter Follow button on your Magento Store

Cómo agregar el botón de Facebook y Twitter Siga Como en su tienda Magento?

La última década ha sido testigo de un enorme crecimiento en la popularidad de las redes sociales.La mejor cosa que sucedió cuando las redes sociales comenzaron a ayudar a las empresas a establecer una sólida presencia en la web, generar clientes potenciales fuertes, y aumentar el tráfico web a través de una estrategia de marketing eficaz.

Hoy en día las redes sociales se puede llegar a sus visitantes por primera vez, así como los clientes de la repetición de múltiples maneras y mostrar lo mejor su negocio tiene que ofrecer. Una estrategia de redes sociales bien desarrollada y organizada es muy importante cuando usted depende de las redes sociales para el marketing, la generación y mucho más.

Diferentes formas de participación en medios sociales proporcionan múltiples maneras de mejorar la imagen de marca experiencia del usuario y de su negocio. Características como la entrada sociales , Facebook login , haga clic para pío, compartir en Facebook , seguirnos en Twitter son algunos ejemplos de cómo los medios sociales pueden ser integrados en su sitio en sí.

Hoy vamos a discutir en esta integración que se puede hacer en su almacén de la Magento cómo agregar “Like botón” el Facebook y el Twitter de “Sigue” el botón en su tienda Magento? Esto además ayudará a mejorar la visibilidad de las redes sociales de sus páginas Magento permitiendo a los usuarios que gustar o seguir su marca.

Obtener Facebook Like código del botón

Vamos a empezar con Facebook como el botón a continuación, vamos a añadir el botón de Twitter en “Seguir”. Por lo tanto, para agregar el botón de Facebook Al igual que la primera visita el sitio de desarrolladores del Facebook y vaya a la siguiente URL.

https://developers.facebook.com/docs/plugins/like-button

Se encuentra el siguiente formulario pidiendo algunos detalles que deben completarse.

Al igual que configurador Botón

  • Introduzca la URL de su página web o URL de su página social de Facebook en el “URL a igual que el artículo”
  • Introduzca la anchura del botón que desea.
  • Seleccione la disposición de los botones y pulsa el Código Get botón de abajo.

Si usted también quiere mostrar el botón de Facebook “Compartir” al lado del botón Me gusta, se puede comprobar la casilla que dice “incluye Share Button”. Mantenga la pantalla de código tal como es, y proceder al siguiente paso.

Obtener el código del botón de Twitter Siga

Para obtener el código del botón Compartir de Twitter tiene que visitar primero la siguiente URL Twitter.

https://publish.twitter.com/

Verá la página siguiente:

Pedido para incrustar URL de Twitter para código como

A continuación, introduzca su URL de la página de Twitter y siga las instrucciones que aparecen en pantalla para obtener el código del botón Compartir.

Desplazarse hacia abajo para encontrar la siguiente interfaz y haga clic como se muestra en la siguiente imagen:

interfaz para obtener los botones de TwitterA continuación, verá una ventana emergente. Aquí es necesario hacer clic en la opción “Follow Button”, como se muestra en la siguiente imagen:

Pedir interfaz de Twitter Botón de opción

La siguiente interfaz le pedirá que escriba o bien su página de Twitter URL o el nombre de usuario de Twitter. Introduzca cualquiera y haga clic en Vista previa. Obtendrá el código.

Pedido Página de Twitter URL o nombre de usuario

Añadir botones sociales a su tienda Magento

Ahora tenemos el botón de Facebook y Twitter Compartir igual que el código del botón. Voy a añadir estos botones sociales en mi página del producto Magento. Así que tengo que editar el siguiente archivo de FTP del sitio web.

MAGENTO_ROOT / app / design / frontend / [DESIGN_PACKAGE] / [TEMA] /template/catalog/product/view.phtml

Abra la view.phtml archivo en cualquiera de los editores que le gusta usar. Estoy usando Netbeans. Se puede utilizar cualquier editor de texto como Notepad, Notepad ++, etc.

Usted tiene la opción de añadir estos botones sociales en cualquier posición en la página. Sin embargo, he elegido el espacio debajo del título del producto en la página.

Por lo tanto, para agregar los botones sociales en el espacio debajo del nombre del producto en la página de Magento, buscar el siguiente código en el archivo view.phtml.

<Div class = "product-name">     
<Span class = "h1"> <? Php echo $ _helper-> ProductAttribute ($ _ producto, $ _product-> getName (), 'nombre')?> </ Span> 
</ Div> 
<Div class = "precio-info">     
<? Php echo $ this-> getPriceHtml ($ _ producto); ?>     
<? Php echo $ this-> getChildHtml ( 'bundle_prices')?>     
<? Php echo $ this-> getTierPriceHtml ()?> 
</ Div>

Después de este código, añadir un nuevo <div> con class =”socio-info”. Dentro de este nuevo <div>, añadir los códigos que usted tiene de Facebook y Twitter, respectivamente. El código sería algo como esto:

<Div class = "product-name">

<Span class = "h1"> <? Php echo $ _helper-> ProductAttribute ($ _ producto, $ _product-> getName (), 'nombre')?> </ Span>

</ Div>

<Div class = "precio-info">

<? Php echo $ this-> getPriceHtml ($ _ producto); ?>

<? Php echo $ this-> getChildHtml ( 'bundle_prices')?>

<? Php echo $ this-> getTierPriceHtml ()?>

</ Div>

<! - -> Botones Sociales

<Div class =”socio-info”>

<! - Código de Twitter botón Seguir ->

<a href="https://twitter.com/knowbandplugin" class="twitter-follow-button" data-show-count="false"> Siga @knowbandplugin </a> <script src = asíncrono "// plataforma .twitter.com / widgets.js" charset = "UTF-8"> </ script>

<! - Código para el botón de Facebook Like ->

<Div id = "fb-root"> </ div>

<Script> (function (d, s, id) {

Hay JS, FJS = d.getelementsbytagn holgura (s) [0];

Si () Identificación del d.getElementById () return;

js = d.createElement (s); js.id = id;

js.src =

"//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9"; fjs.parentNode.insertBefore (JS, FJS); } (Documento, 'guión', 'facebook-jssdk')); </ script>

<Div class = "fb-como" datos-href = "https://www.facebook.com/Knowband/" datos-layout = datos de acción "estándar" = "como" datos-size = "pequeño" Data- show-caras = "true" datos de acciones = "true"> </ div> </ div>

Cuando se hace con la adición de código, guardar el archivo. Borrar la caché Cache Magento y vaya a su página de producto para ver si tienen éxito en la adición de los botones sociales para su tienda Magento. Se vería algo como esto si añadido correctamente:

Default welcome msg!

Para concluir

Las redes sociales se ha convertido en un órgano inseparables de las empresas que prosperan a causa de ella. Ya sea a través de plugins sociales de inicio de sesión , anuncio Social, o el intercambio social , los medios sociales está ayudando a las empresas en incontables maneras.¿Qué tipo de opciones de medios sociales que utiliza en su negocio? No vamos a saber en los comentarios.

¿Querer aprender más? Leer nuestros mensajes en:

Cómo iniciar un inicio de sesión PrestaShop Twitter en su tienda PrestaShop?

Configurar el acceso de Google para sitios PrestaShop

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *