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

Integración con WooCommerce

Instalemos Social Proofy en tu sitio de WooCommerce.

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 el código HTML a WordPress

Paso 1 - Inicia sesión en tu sitio de hosting para WordPress. (Ejemplo: onlydomains.com, namecheap.com, greengeeks.com).

Paso 2 - Ve a la barra de menú de la izquierda y selecciona Plugins > Añadir nuevo plugins.

Click Add New WordPress Plugin

Paso 3 - Después de aterrizar en la página de Añadir nuevos plugins , escribe "insert headers" en la barra de búsqueda. Una vez que aparezca el plugin WPCode Insert Headers and Footers, haz clic en "Instalar“.

Select WPCode Plugin WordPress

Paso 4 - Una vez instalado, haz clic en Activar

Activate WP Plugin WordPress

Paso 5 - Actualiza la pestaña y luego ve a la barra de menú en el lado izquierdo una vez más. Busca el plugin Code Snippets y haz clic en Encabezado y pie de pagina .

Select Code Snippets WordPress

Paso 6 - Una vez en Header and Footer, pega el fragmento de HTML del Paso 4 Parte 1 en el campo Header y pulsa Guardar cambios

Paste HTML Code Header WordPress

Paso 7 - 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 8 - 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.

Parte 3 - Añade Datos en Vivo a tu aplicación de Social Proofy

Paso 1 - Ve a tu Dashboard de Social Proofy.

Paso 2 - Ve a la esquina superior izquierda de tu panel de control y haz clic en el punto verde junto a "Pixel activo".

Social Proofy Pixel Active

Paso 3 - Selecciona la opción "WordPress".

Click WordPress

Paso 4 - Copia la clave de Sitio y API. Lo necesitarás más tarde.

Copy Site and API Key

Step 5 – Log in to your WordPress hosting site. (Example: onlydomains.com, namecheap.com, greengeeks.com)

Paso 6 - Ve a la barra de menú de la izquierda y selecciona Plugins > Añadir nuevo plugins.

Click Add New WordPress Plugin

Paso 7 - Después de aterrizar en la página de Añadir nuevos plugins , escribe "Social Proofy" en la barra de búsqueda. Una vez que aparezca el plugin Social Proofy, haz clic en "Instalar“.

Social Proofy Plugin on WordPress

Paso 8 - Después de la instalación, haz clic en Activate.

Activate Plugin on WordPress

Paso 9 - Actualiza la pestaña y ve a la barra de menú en el lado izquierdo una vez más. Busca el plugin Social Proofy y haz clic en él.

Select Social Proofy WordPress Plugin

Paso 10 - Una vez en la interfaz del plugin de Social Proofy, pega las claves de Sitio y API del paso 4 en cada casilla y pulsa Guardar. (IMPORTANTE: Si utilizas un plugin de caché, borra la caché de tu sitio web).

Paste Site and API Keys WordPress Plugin

Tus 30 conversiones más recientes y todas las nuevas de WooCommerce empezarán a mostrarse en tus Datos de Notificación de Social Proofy.

Now that you’ve added Social Proofy to your site the fun part starts!

Extra: Parte 4 - Añade tu primer widget!

Actualizado en 14/05/2024

¿Le ha resultado útil este artículo?

Articulos Relacionados