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.
- 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.
Verá la página siguiente:
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:
A continuación, verá una ventana emergente. Aquí es necesario hacer clic en la opción “Follow Button”, como se muestra en la siguiente imagen:
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.
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:
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?
