1. Inicio
  2. Integraciones
  3. Integración con Webflow

Integración con Webflow

Felicidades por dar el primer paso para mejorar las conversiones en tu sitio web!

Instalemos Social Proofy a tu sitio de Webflow

Parte 1 - Añade tu sitio a Social Proofy

Paso 1- Accede a tu cuenta de Social Proofy, haz clic en el botón que dice Nuevo sitio web y registra tu sitio.

Add Site Social Proofy

Paso 2 - Después de añadir tu sitio, ve a la esquina superior izquierda de tu panel de control y haz clic en el punto rojo junto a "Pixel no encontrado".

Social Proofy Pixel Not Active

Paso 3 - Selecciona "Añadir a su HTML"

Social Proofy Pixel HTML Snippet

Paso 4 - Copia el fragmento de código. Lo necesitarás más tarde.

Copy Social Proofy Pixel HTML Snippet

Parte 2 - Añade fragmento HTML a Webflow

Paso 1 - Accede a tu cuenta de Webflow.

Paso 2 - Abre el Designer para el sitio en el que deseas mostrar Social Proofy.

Paso 3 - Una vez allí, haz clic en el ícono de Webflow en la esquina superior izquierda y elige Site Settings.

Select Site Settings - Webflow

Paso 4 - Haz clic en Custom Code.

Select Custom Code - Webflow

Paso 5 - Pega el fragmento de código del Paso 4 Part 1 dentro de Head Code y pulsa Save Changes.

Paste HTML Code Webflow

Paso 6 - Vuelve a tu Dashboard de Social Proofy y haz clic en el punto rojo junto a "Pixel no activo", una vez más.

Social Proofy Pixel Not Active

Paso 7 - Una vez allí, haz clic en el botón Verificar Píxel .

Verify Pixel Button

Si aparece Verde, ya está todo listo. Has instalado correctamente el píxel de Social Proofy en tu sitio.

Social Proofy Pixel Verified

El código se añadirá a todas las páginas de tu sitio y Social Proofy empezará a funcionar.

Si no aparece en verde... Haz clic en la burbuja de chat para que podamos ayudarte a configurar tu Pixel.

Ahora que agregaste Social Proofy, ¡empieza la parte divertida!

Parte 3 - Integración de Webhooks con Webflow

En Social Proofy, edita/crea una notificación que rastree "webhooks" y copia la URL para el disparador de Webhook. (lee mas aquí)

Paso 1 - Para hacer eso, ve a tu Dashboard de Social Proofy y haz clic en Notificaciones.

Notifications Social Proofy

Paso 2 - Crea una notificación (en este caso usaremos el Pop de Ventas Recientes ).

New Notification Social Proofy

Paso 3 - Selecciona la opción Webhook y Capturas (mas información aquí).

Select Webhook Social Proofy

Paso 4 - Copia el URL Disparador de Webhook.

Copy Webhook - Social Proofy

Paso 5 - Completa la configuración de notificaciones y pulsa Save.

Paso 6 - Crea un Zap con Webflow + Webhooks by Zapier Integrations.

Zapier Webhook Webflow

Paso 7 - Selecciona el Zap de Webflow .

Webflow Zap

Paso 8 - Después de elegir el Zap de Webflow, conecta tu cuenta de Webflow debajo de Account .

Connect Webflow Zapier

Paso 9 - Elige el sitio que deseas autorizar desde la ventana emergente. A continuación, haz clic en Authorize App.

Authorize Connection Zapier

Paso 10 - Una vez hayas conectado tu sitio de Webflow, elige el “Form Name”  que deseas importar desde tu sitio Webflow y pruébalo en la próxima pestaña (Test).

Select Form Name Zapier

Paso 11 - Una vez el zap crees el zap Webflow to Zapier haz click en POST in Webhooks by Zapier.

Post Webhook Zapier

Paso 12 - Ve a App & Event y selecciona POST.

Event Selectiion Zapier

Paso 13 - Ve a la pestaña Action y pega el URL disparador de Webhook del paso 4.

Webhook URL Zapier

Paso 14 - Prueba el zap en la próxima pestaña. Después, vuelve a tu Notificación de Social Proofy y haz clic en Datos.

Notification Data Social Proofy

Paso 15 - Una vez en la pestaña de Datos revisa si tus Datos de Conversión fueron importados desde Zapier. Haz click en él y revisa que los datos están correctos.

Conversion Data Social Proofy

Paso 16 - Si funciona, haz click en Publicar y coloca el zap en ON.

Publish Zap Social Proofy

Activate Zap Social Proofy

No funciona? Haz clic en la burbuja de chat para que podamos ayudarte.

Actualizado en 14/05/2024

¿Le ha resultado útil este artículo?

Articulos Relacionados