2. Índice de contenidos
Conecta tu tienda a las redes sociales
1. Instalación del plugin…...…………………………………………………..…….[p.3]
2. Configuración del plugin desde el apartado
de administración de nuestra tienda……………………………………..……….[p.4]
2.1. Introduce tus detalles de contacto ……………………….……………….……[p.6]
2.2. Completar los datos de la aplicación de Facebook………………………....[p.6]
2.3. Sincronizar el catálogo…………………………………………………………...[p.8]
2.4. Configurar los descuentos del plugin…………………………………….……[p.8]
2.5. Ajustes de idioma de tienda…………………………………..………………...[p.9]
2.6. Pago ………………………………………………….………..……………………[p.9]
2.7. Activar el plugin………………………………………………….………..………[p.10]
3. Comprobación de la configuración……………………………………………[p. 11]
4. Código a introducir en los diseños
Magento modificados (plantilla PHTML) ………………….…………………….[p.12]
3. La instalación del plugin se realiza desde la utilidad Magento Connect incluida en la
instalación de su tienda Magento. Una vez obtenido el código del plugin, debemos
dirigirnos al menú Sistema => Magento Connect => Magento Connect Manager.
Después de identificarnos con nuestros datos de acceso a la administración de la tienda,
se mostrará la página principal de Magento Connect.
Instalacióndelplugin
Instalación
3
Una vez dentro, nos dirigimos al menú “Direct package file upload” y pulsamos el botón
de “Seleccionar archivo”. En el siguiente diálogo, seleccionaremos el fichero que nos
hemos descargado desde https://www.social-buy.com/tienda-magento-social/es/ y
pulsaremos el botón “Upload”, el cuál activará el proceso de subida del paquete al
servidor y realizará la instalación. Finalizado el proceso de instalación, que durará sólo
unos segundos, podremos visualizar el nuevo módulo instalado en el listado inferior:
4. Para el siguiente paso, volveremos a nuestro menú de Administración mediante el botón
“Return to Admin”, situado en la parte superior de Magento Connect. En el caso de
tener abierto el menú de Administración en otra pestaña del navegador, es necesario
cerrar la sesión y volver a abrirla para poder finalizar la instalación del plugin. Ahora,
en la pantalla principal de administración, visualizaremos una nueva pestaña dentro del
menú: Social Buy.com
Configuracióndelplugindesdeel
administradorde tienda
Instalación
4
Para configurar el plugin debemos dirigirnos al menú Sistema => Configuración. En
la nueva página, debemos seleccionar la opción “Ajustes generales de Social-
Buy.com”, dentro del submenú “Social-Buy.com” desde el nivel de Website de
nuestra tienda Magento. La pantalla que se mostrará es la siguiente:
5. La instalación se realiza a nivel de Website porque, por defecto, la tienda comparte las
cuentas de cliente a nivel de Website, es decir que por cada Website puede haber
clientes distintos, este parámetro se puede modificar en Sistema => Configuración =>
Clientes => Configuración del cliente, si se configurase a Global, cómo los clientes
serían globales, solamente podríamos instalar el plugin a nivel Global de la tienda
Magento.
Para proseguir con la configuración del plugin, debemos pulsar el botón “Lanzar
instalación para el Website actual”. Al lanzar la instalación se obtendrán las claves API
y secreta de la configuración del plugin de Social-Buy, cómo podemos ver en el
screenshot inferior. Estas claves son únicas para cada instalación del plugin y son
necesarias para que el plugin funcione correctamente ya que identifican tu instalación
del plugin, es decir, si se modificasen, el plugin podría dejar de funcionar.
5
Configuracióndelplugindesdeel
administradorde tienda
Instalación
En cualquier caso, hemos preparado la extensión para que, si intentas acceder a alguno
de sus menús antes de pasar este proceso de instalación, te aparezca de manera
automática (no sin antes hacerte elegir la página para el que lo quieres configurar).
NOTA: Ten en cuenta que cuando pulsas la opción “Lanzar instalación para el
Website actual”, aceptas los términos de uso del plugin de Social-Buy.com. Si
tienes alguna duda o consulta, puedes contactar con nosotros a hola@social-
buy.com
6. A continuación, veremos el asistente de configuración del plugin, con los cuatro pasos
básicos para la instalación del plugin. Para finalizar, debemos completar correctamente
cada uno de ellos.
Instalación
6
Configuracióndelplugindesdeel
administradorde tienda
7. Para completar los datos de la aplicación de Facebook, nos dirigimos primeramente al
apartado: “Establecer detalles de la Aplicación de Facebook”:
Para este primer paso, necesitaremos tener configurada una aplicación de Facebook,
mediante el configurador que encontraremos en el apartado de desarrolladores de
Facebook: https://developers.facebook.com/apps.
Crearemos una nueva aplicación de Facebook, en la cuál deberemos configurar los
siguientes parámetros: App Domain, Site URL (dentro de Website), Canvas URL,
Secure Canvas URL (dentro de App on Facebook). Los parámetros debemos
configurarlos tal y como se muestra en la parte contorneada.
2.1 Introduce tus detalles de contacto
6
Configuracióndelplugindesdeel
administradorde tienda
2.2 Establecer los detalles de la aplicación de Facebook
Inicialmente, el administrador debe introducir una dirección de correo electrónico
válido para que Social-Buy.com se pueda poner en contacto con él, por ejemplo, en el
caso de posibles actualizaciones del plugin o para resolver incidencias.
8. Recomendamos configurar la aplicación indicándole que el “CanvasWidth”, situado en
los ajustes dentro de Facebook dentro de Configuración => Advanced, debe ser “Fluid”.
Una vez finalizado el proceso de configuración de la aplicación, introduciremos los datos en
el primer paso del configurador del plugin y pulsaremos el botón “Guardar cambios y
continuar con la instalación”.
.
Configuracióndelplugindesdeel
administradorde tienda
2.2 Establecer los detalles de la aplicación de Facebook
7
9. A continuación, procederemos a la sincronización de nuestros productos con el plugin.
Para ello, debemos dirigirnos a la opción del menú “Sincronizar tu Catálogo”, y
clicar sobre el botón “Iniciar sincronización de productos”. El proceso puede durar
algunos segundos.
2.3 Sincronizar el catálogo
8
Configuracióndelplugindesdeel
administradorde tienda
Para configurar los descuentos del plugin, accederemos al tercer menú “Configurar los
descuentos”, dónde podemos gestionar los distintos descuentos que recibirán los
usuarios al interactuar con nuestra tienda:
Para activar un o más descuentos, el administrador simplemente debe asignar la
cantidad de descuento (en % o €), que se aplicará a esos usuarios que realicen la acción
correspondiente. El valor asignado a cada uno de ellos debe ser superior a 0. La
extensión incluye los siguientes descuentos:
2.4 Configurar los descuentos del plugin
10. A continuación, pasaremos a la configuración de los idiomas del plugin. Para ello,
accederemos al apartado “Ajustes de idiomas de tienda”. Desde allí, procederemos a
seleccionar los idiomas del módulo.
Cabe destacar que la extensión permite especificar el lenguaje para cada vista/idioma
de nuestra tienda.
2.5 Configurar los idiomas del plugin
9
Configuracióndelplugindesdeel
administradorde tienda
2.6 Pago
Para finalizar, simplemente deberemos escoger la modalidad de pago (mensual,
trimestral o anual) deseada y proceder al pago pulsando la opción “Ir a Paypal para
completar la suscripción”.
Como inicialmente entraremos dentro del período de prueba gratuita, podemos aplazar
el pago para más adelante hasta agotar dicho plazo, escogiendo la opción “Omitir
pago”.
11. 2.7 Activar el plugin
Configuracióndelplugindesdeel
administradorde tienda
Al volver al menú principal de nuevo, observaremos que ya hemos completado todos
los pasos necesarios para la instalación de plugin y que ha aparecido un nuevo botón
para activar el módulo. Solamente tendremos que pulsar el botón “¡Activar!” para
finalizar con la configuración.
10
12. Para validar que la extensión se ha instalado correctamente, simplemente deberemos
mirar en la cabecera de la tienda. Si en esta aparece un nuevo widget que permite
acceder a la tienda mediante una cuenta de Facebook, podemos afirmar que la
instalación se ha llevado a cabo con éxito.
3.Verificación de la instalación
11
Comprobacióndelaconfiguración
13. 12
Si su tienda contiene un diseño de Magento modificado, alguno de los botones que
incluye el plugin no se mostrará como es debido, para ello se deben incluir las
siguientes líneas de código en el archivo default/xxx (nombre del template) /
template/catalog/product/list.phtml
Al inicio del archivo se deben incluir las siguientes líneas:
<?php
$h = $this->helper('socialdiscount');
$h_buttons = $this->helper('socialidentity/render');
?>
Seguidamente, debemos buscar el siguiente código:
<?php if(!$_productCollection->count()): ?>
<p class="note-msg"><?php echo $this->__('There are no products matching the
selection.') ?></p>
<?php else: ?>
Y a continuación añadiremos:
<?php echo $h_buttons->renderJSOverenceVariables(); ?>
Buscaremos el siguiente código, o buscaremos el código que muestra la imagen del
producto en el listado:
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this-
>stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>"
class="product-image"><img src="<?php echo $this->helper('catalog/image')->init
($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo
$this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
4. Código a introducir en los diseños de Magento
modificados (plantilla PHTML)
DiseñosdeMagentomodificados
14. 13
Y seguidamente añadiremos el siguiente código:
<?php echo $h_buttons->renderLikeButton($_product, $_iterator); ?>
Solamente nos falta mostrar los botones sociales para ayudar a los clientes a obtener
descuentos. Estos botones se pueden incluir dónde se prefiera, el código para
mostrarlos es el siguiente:
<?php echo $h_buttons->renderSocialButtons($_product); ?>
Por ejemplo, se podrían incluir a continuación del siguiente código:
<?php echo $this->getPriceHtml($_product, true) ?>
4. Código a introducir en los diseños de Magento
modificados (plantilla PHTML)
DiseñosdeMagentomodificados