Mercadeo - Marca Web (Joomla)

1. Alcance

El alcance de este proceso es mostrar una ampliación de la estructura y construcción de los sitios, brindando una gran experiencia de usuario, manteniendo la imagen de la compañía, el contenido y por supuesto su nivel de proyección en el ámbito de marketing y Branding.

• Marca

  • UI/UX:

    • Web (CMS)

    • Academia (Entrenamiento - LMS)

    • Comunicados

  • Posicionamiento del sitio

• Análisis y mejoras

  • Reportes

1.1. Cobertura del Software

• Marca

  • UI/UX

    • Web (CMS)

      • Corporativo

      • Replicados

      • Influenciadores

    • Entrenamiento

      • Estándares archivos

      • UI/UX LMS

  • Posicionamiento

    • Tags para buscadores

    • Tags para compartir en redes

    • Open Graph Tags (OG - Tags)

    • URL Amigables

• Inteligencia y análisis

  • Tags de seguimiento

  • Informes para análisis

2. Definiciones

Aquí es donde se realiza la construcción del sitio con base en las plantillas que compartimos con ustedes. Una vez elegida la plantilla se define el contenido, fondos y diseños personalizados para que la web se adapte a la identidad de la compañía. Inicialmente, es de gran valor, identificar los diferentes términos que se utilizan en el sistema para obtener un mejor entendimiento de su finalidad y funcionamiento.

¿Qué es CMS?

Es una herramienta que permite personalizar el contenido del sitio web. A su vez, cuenta con extensiones que permiten mejorar la experiencia del usuario. Entre sus plugins más destacados está Addthis o los chats de servicio.

¿Qué es LMS?

Es una plataforma de e-learning o enseñanza online que permite crear y administrar ambientes de aprendizaje personalizado.

¿Qué es UI/UX y por qué es tan importante?

El UX se basa en conseguir la mayor tasa de satisfacción en cuanto a experiencia de uso. Implementa todo tipo de estrategias basadas en la necesidad, objetivo, motivación, expectativa y capacidad del usuario.

UI es la vista que permite al usuario interactuar de manera efectiva con un sistema. El diseño de UI y UX está centrado para satisfacer la necesidad del usuario, con el objetivo de construir valor en la marca. Además, con cuidar este aspecto, la reputación de la compañía crecerá.

¿Qué son Tags y metadata?

Las etiquetas meta o meta tags suministran información a navegadores y motores de búsqueda sobre una página web. Estos no son visibles para los usuarios, pero juegan un papel muy importante para la experiencia de usuario y posicionamiento del sitio.

¿Qué es Google Tag Manager?

Tag Manager es una herramienta de google que permite añadir y actualizar tags por medio de integraciones con otros servicios para el seguimiento de las conversiones, el análisis del sitio, el remarketing y mucho más. Hay un sin fin de formas de rastrear la actividad de los sitios, y el diseño intuitivo permite cambiar las etiquetas cuando sea necesario.

¿Qué es un micrositio?

Es una copia del sitio corporativo para el asesor. Esta opción tiene la misma funcionalidad del sitio web principal, la diferencia es que cuenta con una URL personalizada y contiene la información principal del dueño del sitio.

3. Funcionalidades destacadas

3.1. Imagen / Marca y Posicionamiento

• Optimización e impulso de UI/UX: La definición y un buen diseño para la visualización de contenido permite que el objetivo de brindarle la mejor experiencia al usuario se vuelva una realidad, ya que a partir de esto se proyecta la claridad y el enfoque que tiene la compañía.

• Creación y manejo de buen contenido del sitio: La calidad del contenido e implementación de estrategias que se agregan a los sitios es de vital importancia, por el hecho de que a partir de este depende mucho que los usuarios puedan tener claridad de la información y tener acceso a contenido relevante para sus necesidades.

• Posicionamiento del sitio para incremento de tráfico de visitas: Aplicando buenas prácticas e implementación de posicionamiento ayuda a que el sitio pueda ser encontrado fácilmente por los usuarios ofreciendo un valor agregado, una de las formas para realizar esto es a través de los Tags.

4. Condiciones

Para la adecuada utilización de las funcionalidades del SW es necesario tener definido previamente los elementos técnicos y/o de negocios, tales como:

• Manual de imagen: Definir temas de estructura, forma, logotipo, usos adecuados de la marca y estilos tipográficos, para incluir y permanecer la esencia y filosofía de la compañía.

• Mapa del sitio: Definir y proporcionar información sobre las páginas, contenido y otros elementos que se van a utilizar en los sitios y el alcance del flujo de experiencia que abarcarán.

• Plan de contenidos: Definir el enfoque y el objetivo necesario que se va a abarcar en el contenido.

• Mapas de contenido: Definir qué tipo de contenido se va a utilizar (imágenes, texto, video, estructura del menú). Se debe de tener claro el plan de contenido para esta configuración.

• Esquemas gráficos: Definición y cobertura de los esquemas gráficos para establecer las ideas principales, los puntos de interacción y flujos por los que pasará el cliente final.

• Alcance de funcionalidades de interacción que aplican al modelo de negocio (uso de e-commerce, uso de sitios replicados, uso de la academia, etc.).

• Manejo de cuentas de sistemas relacionados: Cuentas de sistemas relacionados para uso de posicionamiento, integraciones y elementos de comunicación (Facebook, Google, etc.)

5. Funcionamiento

5.1. Journey

Ahora Brenda, líder del proceso de mercadeo de la compañía ABC LLC, junto con su equipo buscan las mejores estrategias para lograr llegar a los clientes potenciales e interesados de los productos y servicios que ofrece la compañía

• Brenda en Marketing se encargará de estos procesos:

  • Implementando las mejores estrategias para manejar el contenido, acceso y posicionamiento, ofreciendo una buena experiencia de usuario y usabilidad en los siguientes sitios.

    • UI/UX: Web (Joomla)

      • Corporativo

      • Replicados

      • Influenciadores

    • UI/UX Moodle: Entrenamiento

    • Posicionamiento: Tags

    • Posicionamiento: URL amigables

  • Una vez, Brenda y su equipo tengan definido esto, es importante realizar un tracking para ver los resultados del uso dado por los clientes y el feedback según la experiencia obtenida.

    • Análisis y mejoras

      • Análisis

      • Reportes

6. Elementos configurables

Los siguientes son los elementos para configurar en el SW:

6.1. Configuraciones Principales

• Configuración de contenido CMS

  • Páginas en SPPage builder

    • Links en botones e imágenes

    • Imágenes/Banners en Mobile y Desktop

  • Menú de navegación

  • Módulos

  • Funcionalidades S4DS/Plugins

  • Creación de Blog/artículos

6.2. Configuración de Módulos Relacionados

• Configuración de multilenguaje (dependiendo del modelo de negocio de la compañía, si aplica)

• Implementación de Plantillas definidas para cada proceso (abandono de carrito, compra exitosa, etc.).

• Configuración de categorías más destacadas de productos

• Configuración del TAG en variables de entorno y Joomla

• Manejo de newsletter para el envío de correos electrónicos y notificación de eventos (Cuenta)

• Creación y administración de la cuenta de Tag Manager para posicionamiento en los buscadores (lo crea el cliente)

• Creación del funnel en Google Analytics para análisis de métricas de tráfico en los sitios. (lo crea el cliente)

6.3. Configuración del Módulo

CMS

Páginas en SP Page builder

Crear pagina

• Ingresar a SP Page Builder

Open

Open

• Una vez se redireccione a la página nueva, se debe agregar el título y se da click en Save, una vez esté listo esto se puede iniciar con la creación de contenido

Crear posiciones

Para la creación de posiciones Joomla ya tiene unas predeterminadas que se pueden ver al dar click en Add New Row, con solo seleccionar la que se necesita el componente la genera automáticamente:

Si la posición que se decía no existe, la forma correcta de generarla es ingresando los valores de las columnas que desea, importante tener en cuenta que la sumatoria de estas no puede ser mayor a 12 y tampoco menor, ejemplo:

Si se necesita unas posiciones que sean 2 pequeñas a los lados y dos más grandes en el centro, se podría hacer así;

Los valores de 2 corresponden a las posiciones pequeñas y el 4 a las grandes, la sumatoria da 12 exacto, una vez se da click en generar se visualizan las columnas:

Agregar imágenes

Una vez se tenga la posición o campo en la cual se va a agregar la imagen se debe dar click sobre la posición y se va a desplegar un pop up con las opciones disponibles en este caso se selecciona la opción de imagen:

Una vez hecho esto se muestra la configuración:

• Admin Label: Se ingresa el nombre a la imagen para que al momento de editarla sea fácil identificar la imagen.

• Title: El título que se ingresa se visualiza en la imagen en la parte de encima.

• Select Image: Se selecciona la imagen, se puede cargar o seleccionar de las que ya estaban.

Cargar imagen nueva desde el ordenador o desde las que ya están cargadas en el sitio

Una vez se tenga la imagen deseada se debe guardar.

Si la imagen tiene link este se agregará en el campo de link desde la modal donde se agregó la imagen

Configurar banners responsive

• Buscar el elemento de carrusel

• Seleccionar la visualización que desea para el banner

• En el tab de avanzado está la opción de ocultar o mostrar elementos para desktop, ipad y mobile según lo que se desea se deben activar o desactivar estas opciones, si se configura para mobile debe de haber otro banner que sí esté visible para desktop.

Crear menu

Cada cliente tiene su árbol de navegación el cual consta de 1 árbol de navegación que tiene el contenido, o sea que sean páginas de s4ds o solo de contenido sp page builder y 1 árbol de navegación que contiene las URLs del menú principal y allí solo hay links, estos pueden ser identificados por su nombre:

• El que dice Main menu son los de URL del menú principal

• El que dice Menu y el idioma, ejemplo: S4DS MENÚ EN

Para crear un menú se debe hacer lo siguiente:

• Ingresar al administrador de menús

• Ingresar a all menu items y dar click en el botón de new

• Se debe de completar los siguientes campos

  • Título del elemento del menú: Aquí se nombra a este nuevo item del menú es un campo obligatorio.

  • Alias: Por lo general, vas a dejar esto vacío y Joomla va a llenar esto automáticamente. El contenido de este campo determina la dirección URL de la página cuando SEF está activado.

  • Menú: Aquí tienes la posibilidad escoger a qué Árbol de navegación va este nuevo item del menú

  • Elemento principal: Aquí puedes especificar dónde se debe colocar el nuevo elemento de menú. Puedes hacer que sea el Elemento de Menú Raíz (el primer elemento) o un subelemento de un elemento ya existente. Vamos a elegir "'Elemento de menú raíz"'.

  • Estado: Si deseas que tu nuevo elemento se muestre en tu sitio, ajustalo a Publicado. Si a te gusta hacer de este elemento de menú invisible desde el sitio, simplemente selecciona Despublicado. "No" elimina el elemento, sino que lo hace invisible a tus visitantes. Si deseas eliminar este elemento de menú del sitio web, basta con establecer este ha movido a la papelera. "No" elimina el elemento, sino que se lo puso en la Papelera, a partir de este se puede eliminar.

  • Ordering: Haga clic en el botón Guardar en la parte superior de la página y el menú desplegable Pedidos estará visible. El nuevo elemento del menú aparecerá de forma predeterminada en la parte inferior de la lista, pero puede cambiarlo seleccionando "Primero", "Último" u otro elemento del menú en la lista para cambiar su posición.

  • Página de inicio: Puedes seleccionar esta opción si deseas que este elemento de menú sea tu Página de Inicio.

  • Acceso: Esta opción especifica quién será capaz de ver este nuevo elemento de menú:

    • Público - Todos los visitantes

    • Registrado - sólo los usuarios Registrados

    • Especial los usuarios asignados a algún grupo, además de Registrado

  • Abrir en: Aquí puedes especificar cómo abrir el artículo. Puede ser la misma ventana del navegador (Misma ventana), una nueva ventana del navegador (Nueva ventana con barra de navegación) o una ventana pop-up (Nueva ventana sin barra de navegación)

  • Estilo de la plantilla: Selecciona una plantilla específica para este elemento de menú, o dejar como 'Usar la predeterminada' para la plantilla predeterminada.

  • Idioma: Selecciona un idioma específico o deja el valor predeterminado de Todos.

Se da click en save.

• Con esto realizado se ingresa al sitio web con el nombre que se puso de alias https://demo.s4ds.com/pagina-prueba-demo

Módulos

El sitio web tiene elementos que se pueden asignar en páginas seleccionadas, estos pueden ser con funcionalidades de s4ds o simplemente algo visual sin funcionalidad como banner o un video etc.

Módulos de s4:

• Login

• Small banner

• Carruseles de productos

• Shopping card

• Wishlist

Módulos que pueden ser de contenido:

• Banner visible en páginas del catalogo

• Videos

• Textos

• Botones

• Footer

Los módulos de s4 se entregan a cada cliente configurados y normalmente esta no varía, los módulos de contenido con de sp page builder si pueden ser modificados y estilos se editan con lo que se explicó anteriormente.

Funcionalidades de S4DS y Plugins

Joomla como CMS tiene la posibilidad de instalar plugins dependiendo de las necesidades que se tengan, estos los que se pueden buscar y descargar desde: https://extensions.joomla.org/

En estos momentos en s4ds tenemos dos tipos de complementos los que son del propio joomla, como de SEO, Formularios, redes sociales. Cada uno que se instala tiene su propia configuración y documentación con sus respectivas instrucciones.

El otro tipo son los que se pueden configurar como módulos o páginas de S4DS como por ejemplo:

• Small banner:

Banner de información, este se configura desde un módulo en Joomla y desde una variable de entorno, este se puede ubicar en cualquier parte de la página y también se puede seleccionar las páginas donde se requiere que se visualice.

Configuración:

• Ingresar a los módulos - Extensions > Modules

• Dar click en el botón verde que dice New y seleccionar la opción de mod_s4ds_integration

• Se debe poner la siguiente configuración:

  • MOD_S4DS_INTEGRATION_SERVICE_LABEL: Informational Small Banner

  • COM_S4DS_INTEGRATION_TYPE_LABEL: COM_S4DS_INTEGRATION_SITE

  • COM_S4DS_INTEGRATION_WRAPPER_LABEL: COM_S4DS_INTEGRATION_DIV

  • COM_S4DS_INTEGRATION_REWRITE_LABEL: COM_S4DS_INTEGRATION_YES

  • COM_S4DS_INTEGRATION_SHOW_SIDEBAR_LABEL: COM_S4DS_INTEGRATION_NO

  • COM_S4DS_INTEGRATION_SHOW_SIDEBAR_LABEL: COM_S4DS_INTEGRATION_NO

  • COM_S4DS_INTEGRATION_SHOW_ALERTS_LABEL: COM_S4DS_INTEGRATION_YES

  • COM_S4DS_INTEGRATION_IMPORT_HEADERS_LABEL: COM_S4DS_INTEGRATION_YES

  • Position: Slider

  • Show Title: Hide

  • Access: Public

  • Language: Lenguaje al que va a pertenecer, cada idioma debe tener su módulo

Resultado:

• Tiendas:

Es posible desde Joomla crear una página la cual está conectada con s4ds y en esta se puede configurar las tiendas o puntos de venta que tiene el cliente, muestra el mapa general y permite la opción de filtrar.

Configuración:

• Crear una página - Menu > All menu items

• Dar click en el botón verde que dice New

• Agregar la siguiente configuración:

  • Menu Item Type: COM_S4DS_INTEGRATION_XML_DESCRIPTION

  • Template Style: Seleccionar la plantilla del idioma al que se va a crear el menu, se pueden distinguir ya que tienen las iniciales de cada uno, EN y ES

  • Menu: S4DS Menu (Siglas del idioma, ejemplo S4DS Menu EN, S4DS Menu ES)

  • Parent Item: web (Segun el idioma marcar la que diga web-es o web-en)

  • Access: Public

  • Language: Lenguaje al que va a pertenecer, cada idioma debe tener su módulo

  • Note: /eCommerce/StoreLocatorView.html

• En el tab de options agregar la siguiente configuración:

  • COM_S4DS_INTEGRATION_SERVICE_LABEL:COM_S4DS_INTEGRATION_APP

  • COM_S4DS_INTEGRATION_TYPE_LABEL: COM_S4DS_INTEGRATION_SITE

  • COM_S4DS_INTEGRATION_WRAPPER_LABEL: COM_S4DS_INTEGRATION_DIV

  • COM_S4DS_INTEGRATION_REWRITE_LABEL: COM_S4DS_INTEGRATION_YES

  • COM_S4DS_INTEGRATION_SHOW_MENU_LABEL: COM_S4DS_INTEGRATION_NO

  • COM_S4DS_INTEGRATION_SHOW_SIDEBAR_LABEL: COM_S4DS_INTEGRATION_NO

  • COM_S4DS_INTEGRATION_SHOW_ALERTS_LABEL: COM_S4DS_INTEGRATION_YES

  • COM_S4DS_INTEGRATION_IMPORT_HEADERS_LABEL: COM_S4DS_INTEGRATION_YES

• Wishlist:

En el catálogo existe la opción de agregar un producto a favorito se hace dándole click al corazón, estos son agregados en el botón de Wishlist que normalmente se hubiera en la parte superior del sitio web. Al ingresar a esta página se puede ver la lista de productos que se han seleccionado como favoritos y tiene la opción de ir a comprarlos.

Configuracion:

• Ingresar a los módulos - Extensions > Modules

• Dar click en el botón verde que dice New y seleccionar la opción de mod_s4ds_integration

• Se debe poner la siguiente configuración:

  • MOD_S4DS_INTEGRATION_SERVICE_LABEL: goToWishList

  • COM_S4DS_INTEGRATION_TYPE_LABEL: COM_S4DS_INTEGRATION_SITE

  • COM_S4DS_INTEGRATION_WRAPPER_LABEL: COM_S4DS_INTEGRATION_DIV

  • COM_S4DS_INTEGRATION_REWRITE_LABEL: COM_S4DS_INTEGRATION_YES

  • COM_S4DS_INTEGRATION_SHOW_SIDEBAR_LABEL: COM_S4DS_INTEGRATION_NO

  • COM_S4DS_INTEGRATION_SHOW_SIDEBAR_LABEL: COM_S4DS_INTEGRATION_NO

  • COM_S4DS_INTEGRATION_SHOW_ALERTS_LABEL: COM_S4DS_INTEGRATION_YES

  • COM_S4DS_INTEGRATION_IMPORT_HEADERS_LABEL: COM_S4DS_INTEGRATION_YES

  • Position: Slider

  • Show Title: Hide

  • Access: Public

  • Language: Lenguaje al que va a pertenecer, cada idioma debe tener su módulo

  • Note: /webComponents/goToWishList.html

  • Se debe ingresar al Back office y configurar la VE de la siguiente manera SHOW_WISHLIST en T

• Formularios - contacto:

Esto se puede manejar de dos maneras, una de ella es que se puede instalar un complemento de formulario y este según cual sea es configurable desde joomla, por otro lado está el propio de s4ds el cual es completamente parametrizable, se le puede agregar una imagen, y condicionar los campos que se necesite aparte de esto tiene la funcionalidad de agregar botones con links de interés como preguntas frecuentes o FAQs para el cliente.

Configuracion:

• Crear una página - Menu > All menu items

• Dar click en el botón verde que dice New

• Agregar la siguiente configuración:

  • Menu Item Type: COM_S4DS_INTEGRATION_XML_DESCRIPTION

  • Template Style: Seleccionar la plantilla del idioma al que se va a crear el menu, se pueden distinguir ya que tienen las iniciales de cada uno, EN y ES

  • Menu: S4DS Menu (Siglas del idioma, ejemplo S4DS Menu EN, S4DS Menu ES)

  • Parent Item: web (Segun el idioma marcar la que diga web-es o web-en)

  • Access: Public

  • Language: Lenguaje al que va a pertenecer, cada idioma debe tener su módulo

• En el tab de options agregar la siguiente configuración:

  • COM_S4DS_INTEGRATION_SERVICE_LABEL: Contact form

  • COM_S4DS_INTEGRATION_TYPE_LABEL: COM_S4DS_INTEGRATION_SITE

  • COM_S4DS_INTEGRATION_WRAPPER_LABEL: COM_S4DS_INTEGRATION_DIV

  • COM_S4DS_INTEGRATION_REWRITE_LABEL: COM_S4DS_INTEGRATION_YES

  • COM_S4DS_INTEGRATION_SHOW_MENU_LABEL: COM_S4DS_INTEGRATION_NO

  • COM_S4DS_INTEGRATION_SHOW_SIDEBAR_LABEL: COM_S4DS_INTEGRATION_NO

  • COM_S4DS_INTEGRATION_SHOW_ALERTS_LABEL: COM_S4DS_INTEGRATION_YES

  • COM_S4DS_INTEGRATION_IMPORT_HEADERS_LABEL: COM_S4DS_INTEGRATION_YES

Resultado:

• Carrusel productos:

El sistema tiene la posibilidad de poner en diferentes aportes del sistema carruseles que pueden ser configurados según permite sus parametrizaciones, en estos momentos están disponibles:

• Top de productos

• Productos destacados que se configuran desde el catálogo

Estos se pueden configurar también en su parte gráfica para parametrizar cuantos van a hacer visibles por fila, o por primer slide.

Configuración Productos destacados

• Ingresar a los módulos - Extensions > Modules

• Dar click en el botón verde que dice New y seleccionar la opción de mod_s4ds_integration

• Se debe poner la siguiente configuración:

  • MOD_S4DS_INTEGRATION_SERVICE_LABEL: Carousel

  • COM_S4DS_INTEGRATION_TYPE_LABEL: COM_S4DS_INTEGRATION_SITE

  • MOD_S4DS_INTEGRATION_REWRITE_LABE: MOD_S4DS_INTEGRATION_YES

  • Show Title: Hide

  • Access: Public

  • Language: Lenguaje al que va a pertenecer, cada idioma debe tener su módulo

• Configuracion tab COM_MODULES_PARAMS_FIELDSET_LABEL

  • MOD_S4DS_INTEGRATION_PARAM: featuredProducts

  • MOD_S4DS_INTEGRATION_PARAM: 1

  • MOD_S4DS_INTEGRATION_PARAM: Se pone la cantidad de imágenes va a tener el carrusel por slider

Resultado:

Configuración Top De Productos

• Ingresar a los módulos - Extensions > Modules

• Dar click en el botón verde que dice New y seleccionar la opción de mod_s4ds_integration

• Se debe poner la siguiente configuración:

  • MOD_S4DS_INTEGRATION_SERVICE_LABEL: Carousel

  • COM_S4DS_INTEGRATION_TYPE_LABEL: COM_S4DS_INTEGRATION_SITE

  • MOD_S4DS_INTEGRATION_REWRITE_LABE: MOD_S4DS_INTEGRATION_YES

  • Show Title: Hide

  • Access: Public

  • Language: Lenguaje al que va a pertenecer, cada idioma debe tener su módulo

• Configuracion tab COM_MODULES_PARAMS_FIELDSET_LABEL

  • MOD_S4DS_INTEGRATION_PARAM: TOP

El carrusel tiene dos formas de mostrar los datos:

Esta configuración va en el parámetro número 8 MOD_S4DS_INTEGRATION_PARAM

En el parámetro número 6 MOD_S4DS_INTEGRATION_PARAM se agrega el id del catálogo que se quiere mostrar

Creación de blog

• Ingresar al administrador de artículos e ingresar a la opción de new

• Poner título y poner el contenido deseado, este funciona igual con sp page builder por lo que solo se debe de agregar posiciones y alimentos visuales a esas posiciones

  • Title: Nombre del blog

  • Alias: Nombre con el que va a quedar la URL del blog

  • Se da click en la opción de sp page builder

• Se puede iniciar a poner posiciones y contenido

• En los tabs se puede parametrizar que items se pueden ver en el blog, nombre, fecha de creación, nombre del creador, imagen etc.

7. Alcance detallado

7.1. Marca

La marca es uno de los activos más importantes de una compañía y dentro de la plataforma hay herramientas para estructurar la imagen y tono de comunicación hacia los consumidores y fuerza de venta.

Para poder comunicar la marca correctamente, Brenda deberá tener en cuenta lo siguiente:

7.1.1. ​UI/UX

El equipo de marketing deberá definir cómo quiere ver su sitio Web y para esto elegirá dentro de una serie de plantillas disponibles, de tal forma que se adapte mejor al contenido que desea comunicar.

Una vez definida la plantilla establecerá las imágenes, colores, estilos y por último el contenido que se va a comunicar. En conjunto, esto refleja la estructura de la marca de frente al público objetivo.

7.1.1.1. ​Sitios Web

S4DS, siendo un ecosistema digital que reúne diferentes medios de interacción, todos deben estar alineados en la imagen. Estos son:

• Sitio Corporativo: El sitio corporativo puede constar de una combinación de varios sitios y marcas, permitiendo tener multilenguaje, multi marca, multi país.

• Sitios replicados: Los sitios replicados son copias del sitio corporativo, pero permiten a los consultores o distribuidores personalizar un poco la información que se presenta a sus clientes.

• Sitio Influenciadores: Los influenciadores son consultores que poseen mayor alcance de comunicación en ciertas audiencias y por lo tanto la compañía decide darles la opción de tener mayor información en su sitio replicado. Allí los influenciadores podrán describir con más detalle sus mensajes a los clientes.

7.1.1.2. ​Academia

https://s4academy.s4ds.com/

• UI / UX
  La academia hace referencia al módulo de E-Learning, el cual usa estilos y plantillas diferentes al sitio corporativo y, por lo tanto, debe ser vestido usando la misma imagen, de tal forma que el público no sienta que está navegando en dos sitios totalmente aislados y diferentes.

• Tipos de contenidos
  Para la academia también se requiere tener el proceso de creación y publicación de contenido, en el cual se tienen actividades como planeación de cursos, estructuración del material de aprendizaje de cada curso (videos, PDF y evaluaciones). Estos contenidos también deben guardar armonía con la marca para que el mensaje sea claro para los usuarios.

7.1.2. Posicionamiento

Como estrategia para atraer a potenciales clientes, una parte fundamental es un buen manejo del SEO (optimización para motores de búsqueda), su objetivo es mejorar la posición del sitio web en las páginas de resultados de búsqueda.

7.1.2.1. ​Tags para buscadores

El sistema de contenido permite agregar tags a cada una de las páginas y secciones de tal forma que los sistemas de indexación de los motores de búsqueda puedan ubicar mejor el sitio y su contenido. Esto es vital para las estrategias de comunicación y pauta digital.

Esta configuración se realiza fácilmente en el administrador de contenidos de JOOMLA para cada contenido, a través de la librería TagZ open graph.

7.1.2.2. Tags para compartir en redes

Hoy en día los contenidos deben estar diseñados para ser compartidos en redes sociales y, por lo tanto, al copiar y pegar el link de la página o compartirlo mediante links dinámicos como AddThis.

AddThis es una plataforma que permite integrarse en un sitio web con el uso de un widget. Una vez que se agrega el widget, los visitantes del sitio web pueden marcar, compartir o publicar un elemento, utilizando una variedad de servicios, como Facebook, WhatsApp, Pinterest y Twitter.

7.1.2.3. Open Graph Tags (OG - Tags)

Open Graph ayuda a redes sociales como Facebook (y hoy en día a Twitter, LinkedIn y hasta WhatsApp) a desplegar contenido compartido fácil de interpretar. En esencia, al utilizar Og tags se le está dando al sitio web especificaciones que son detectadas primordialmente por las redes sociales y utilizadas al momento de publicar o compartir links o URL.

Ejemplo:

7.1.2.4. URL Amigables

Para llegar a posicionar bien un sitio en los buscadores, no solo basta con agregar los tags correctos a las páginas y tener un contenido relevante. También es necesario que las URL o direcciones de cada una de las páginas que llegan a los productos, tengan una estructura clara y sin parámetros que no son entendidos por los motores de búsqueda.

Es así, por ejemplo, que una página de un producto, en lugar de tener el código del producto, debe tener el nombre de este, así:

https://www.demo.com/productid=43&category=34&language=21

https://www.demo.com/camisa-azul-dama-mangalarga-xl

En el sistema se generan este tipo de URL amigables para que los buscadores puedan ingresar a los productos del catálogo por su nombre y no por sus códigos internos.

Esta configuración se activa a través de una variable de entorno:

• CATALOG_FRIENDLY_URL

7.2. ​Comunicaciones

Fábrica de contenido: El contenido del sitio es de vital importancia para mercadeo y se cuenta con una herramienta poderosa de administración gráfica de contenidos (CMS) basado en JOOMLA, donde personas con perfiles de diseñadores gráficos y énfasis en contenidos Web, pueden implementar la actualización permanente del sitio.

7.2.1. ​Contenido sitio web

Renovación del website por medio de las herramientas de contenido. El administrador de contenido permite al equipo de mercadeo comunicar la marca o marcas de la compañía de una forma fácil a los usuarios.

En este caso, Brenda puede comunicar y editar contenidos de marca, incluso de varias marcas dentro del mismo portal, cada una manteniendo su imagen.

7.2.2. ​Contenido e-learning

El contenido de los cursos de la plataforma de E-learning, basada en Moodle, permite a los equipos de entrenamiento la flexibilidad de presentar contenidos audiovisuales, documentos, imágenes y evaluaciones, etc.

A este contenido se accede, ingresando a la academia con permisos de administrador y llegando a alguno de los cursos existentes o creando uno. Allí se podrá editar desde los botones disponibles para ello, y de forma fácil se editará o agregara contenido.

7.2.3. ​Catálogo gráfico

La integración con medios de comunicación digitales, como lo es el chatbot, permite a la compañía manejar catálogos en formato I-paper.

Este formato permite a los usuarios agregar directamente los productos al carrito de compras, generando una experiencia de compras muy parecida a como si estuviera comprando con un catálogo físico.

Este formato de I-Paper se integra con herramientas automáticas como el chatbot de S4DS y se envía al sistema usando cualquiera de las principales redes sociales como WhatsApp, Instagram o Telegram, entre otras.

7.3. ​​Inteligencia y análisis

7.3.1. ​Tags de seguimiento y píxeles publicitarios (Google Tag Manager)

Para los equipos comerciales es muy importante monitorear la estrategia de comercio digital y poder establecer si la pauta en medios digitales está logrando las metas esperadas del embudo de Ventas de conversión de usuarios, donde va desde generar el reconocimiento de marca hasta hacer la conversión y lograr la recompra y evangelización de los clientes.

Para esta necesidad, S4DS permite asignar una etiqueta de Google Tag Manager que centralizará cualquier píxel o etiqueta de otras redes como Facebook.

Al usar Google Tag Manager, permite asociar el comportamiento de los usuarios y entender cuáles han sido los productos que más han visto, cuántos usuarios han realizado check out, cuantos agregaron información de envío y pago, y finalmente cuántos terminan la compra.

Para su configuración, solo es necesario definir en una variable de la plataforma “GOOGLE_TAG_MANAGER_TRACKING_ID” y configurar los eventos en Google Tag Manager (los tags de deben configurar por parte del cliente)

Este es un DEMO del tipo de datos e información que puede obtenerse en el uso del sitio

• Análisis de audiencias y fuentes de tráfico.

• Funnel de conversión de eventos de e-commerce tanto desde el website de clientes como en la oficina virtual de los consultores.

7.3.2. ​Informes para análisis

Los equipos que administran la estrategia de la compañía, sea mercadeo o comercial, requieren poder analizar la información recolectada por el sistema, para poder planear a futuro mejores estrategias que tengan mayor contundencia en el mercado.

Es por esto por lo que la plataforma provee un sistema de información de fácil acceso, sea en pantalla de escritorio, desde un celular o descargando archivos para analizarlos de forma personalizada.

• Análisis de ventas detallado

• Estado de plan de fidelización

• Análisis de desempeño de productos

• Informes de ganadores de Incentivos

.