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

Integración con OpenCart

Instalemos Social Proofy en tu sitio de OpenCart.

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 fragmento HTML a OpenCart

Paso 1 - Accede a tu cuenta de OpenCart.

Paso 2 - Descarga el archivo Custom Javascript And CSS (Custom Code) Extension.

Haz clic en el botón "Download

Download Extension OpenCart

En el siguiente paso, haz lo mismo con el otro botón de "Download".

Download Extension OpenCart Part2

Paso 3 - Después de descargar el archivo de extensión, utiliza el Extension Installer (esa url te lleva a la guía) para instalar el archivo "customcssandjs.ocmod.zip"que obtuviste en el paso anterior.

Paso 4 - Una vez que hayas seguido la guía mencionada en el Paso 3, ve a Admin > Extensions > Modifications y haz clic en Refresh .

Extension Modifications Refresh Open Cart

Paso 5 - Después de pulsar Refresh, ve a System > Settings.
System Settings Open Cart

Paso 6 - Después de hacer clic en Settings, haz clic en el cuadro azul que dice Edit.Edit Store Open Cart

Paso 7 - Una vez en la página Edit your Store selecciona la pestaña Custom JavaScript y pega el código del Pixel de Social Proofy que obtuviste del Paso 4 Parte 1.
OpenCart Integration

Paso 8 - 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 9 - 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!

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

Actualizado en 06/05/2024

¿Le ha resultado útil este artículo?

Articulos Relacionados