guía de instalación plugin social para tiendas magento mac

GUÍA DE INSTALACIÓN

Enchufa tu tienda online a las redes sociales

Í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]

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ón del plugin 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:

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ón del plugin desde el administrador de 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:

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ón del plugin desde el administrador de 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 [email protected]

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ón del plugin desde el administrador de tienda

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


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.

Recomendamos configurar la aplicación indicándole que el “Canvas Width”, 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”. .


2.2 Establecer los detalles de la aplicación de Facebook

7

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


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

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


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”.

2.7 Activar el plugin


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

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ón de la configuración

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ños de Magento modificados

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ños de Magento modificados

Más información: www.overence.com

Social-Buy es una tecnología de:

guía de instalación plugin social para tiendas magento mac

Documents