Connectif permite mostrar contenidos web personalizados en VTEX IO con cambios mínimos en el código y la estructura de tu eCommerce.
En este artículo, aprenderás cómo insertar contenido de Connectif mediante un inline en tu VTEX IO.
PASO 1. Insertar el componente en el código
(En este apartado se coloca el componente en el lugar adecuado a la estrategia para mostrar el contenido).
1. En el archivo "manifest.json" del tema utilizado en tu VTEX IO, añade como dependencia la app de Connectif con una versión 1 o superior.
2. Coloca la definición del bloque en la posición deseada del código.
"store.home": {
"blocks": [
"list-context.image-list#demo",
/* You can make references to blocks defined in other files.
* For example, `flex-layout.row#deals` is defined in the `deals.json` file. */
"__fold__.experimentalLazyAssets",
"flex-layout.row#deals",
"connectif#test-connectif-block",
"rich-text#shelf-title",
"flex-layout.row#shelf",
"info-card#home",
"rich-text#question",
"rich-text#link",
"newsletter"
]
}
3. Añade las propiedades necesarias para identificar el bloque creado.
"connectif#test-connectif-block": { "props": { "classId": "test-connectif-block", "elementId": "test-connectif-block-elem-id" } }
4. (Opcional) Repite los puntos 2 y 3 por cada lugar distinto en la estructura de tu web en la que quieras mostrar un contenido.
PASO 2. Mostrar el contenido en la web
5. Crea un workflow para mostrar el inline. Recuerda que, como mínimo, deberás hacer uso de un nodo "Enviar contenido web" y configurarlo con la propiedad creada en el punto 3 como selector.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
- Integración personalizada para enviar datos, para enviar datos desde Connectif a sistemas o aplicaciones externos.
- Detectar y reaccionar a enlaces web creados fuera de Connectif, para detectar y reaccionar a los clics en cualquier enlace de tu web.
-
Integración con Facebook e Instagram, para conectar tu cuenta de Facebook Ads con Connectif y empezar a gestionar tus audiencias.
-
Formularios integrados, para integrar en Connectif formularios ya existentes en tu web.