Integración con Webflow

Contenido

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

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

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

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.

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

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

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.

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

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

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.

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.