Añade un pop-up desarrollado por SendPulse a las plataformas CMS
Con el creador de pop-ups de SendPulse, puedes personalizar tu comunicación con los clientes para aumentar la interacción, impulsar las conversiones y reducir tu tasa de cancelación de suscripciones. Añade un pop-up a tu sitio web y configura cuándo y cómo aparecerá.
Hablemos de cómo añadir un pop-up desarrollado por SendPulse a una plataforma CMS o a un sitio web personalizado sin necesidad de programar.
Solo tienes que pegar el código del pop-up en tu plataforma CMS. Después, configura la sincronización, la frecuencia y la orientación de la página en las condiciones de visualización en el creador de pop-ups de SendPulse.
WordPress
Ve a Plugins > Añadir plugin.
Utiliza la barra de búsqueda para encontrar el plugin Insert Headers and Footers y haz clic en Instalar ahora. Una vez instalado, haz clic en Activar.
Vuelve a Plugins. En WP Headers and Footers, ve a Configuración > Insert Headers and Footers.
En el campo Scripts en el pie de página, agrega tu código de pop-up.
Joomla
Ve al panel de control de Joomla y selecciona Sistema > Plantillas > Plantillas del sitio.
Busca tu sitio web y haz clic en su nombre. En la barra lateral izquierda, selecciona el archivo index.php. Desplázate hasta la parte inferior del archivo y pega el código del pop-up copiado justo antes de la etiqueta de cierre </body>.
Haz clic en Guardar.
Shopify
Ve a tu tienda en línea en Shopify y selecciona Tienda en línea > Temas. Junto a tu tema, haz clic en los tres puntos y selecciona Editar código.
Abre el archivo layout > theme.liquid. Añade el código del pop-up justo antes de la etiqueta de cierre </body>.
Para guardar los cambios, haz clic en Guardar en la esquina superior derecha.
OpenCart
Ve al panel de control de OpenCart. En la barra lateral, haz clic en Diseño > Editor de temas.
En Elige tu tienda, selecciona tu tienda en la lista desplegable. Luego, en Elige tu plantilla, abre Común > footer.twig.
Desplázate hasta la parte inferior del archivo y pega el código del pop-up copiado justo antes de la etiqueta de cierre </body>.
Haz clic en Guardar.
Para mostrar el pop-up en tu sitio web, borra la caché del tema después de añadir el código.
Ve al Panel de control y haz clic en Configuración del desarrollador.
En la ventana modal, en Caché del tema en Acción, haz clic en el ícono de actualización.
Wix
Ve al panel de control de Wix y haz clic en Editar sitio.
Haz clic en + Añadir elementos y, después, selecciona Código embebido > Embed HTML.
Selecciona el Código como tipo de inserción, pega tu código de pop-up y haz clic en Actualizar.
Squarespace
Ve al panel de control de Squarespace y haz clic en Configuración > Código personalizado > Inyección de código.
En Pie de página añade el código del pop-up.
Weebly
Inicia sesión en tu panel de control de Weebly y ve a Configuración.
En SEO, busca el campo Código del pie de página y pega el código del pop-up allí.
Haz clic en Guardar.
OctoberCMS
Ve al panel de control de OctoberCMS > Editor > CMS > Layouts.
Elige el layout que utilizas en tus páginas, por ejemplo, default.htm.
En el layout, añade el código del pop-up justo antes de la etiqueta de cierre </body>, después de la etiqueta {% page %} .
Haz clic en Guardar en la esquina superior izquierda.
Ecwid
Con Ecwid, puedes mostrar tus productos en cualquier sitio web que hayas creado desde cero o utilizando un CMS. Te recomendamos añadir el código del pop-up en tu sitio web antes de la etiqueta de cierre </body> o a través de Google Tag Manager.
Puedes embedir pop-ups sólo con los planes de pago de Ecwid.
Si utilizas Instant site de Ecwid, puedes pegar el código en el elemento <head> del campo de la etiqueta meta, ya que no puedes editar la etiqueta </body> para añadir tu código JavaScript.
Te recomendamos utilizar este método solo como último recurso, ya que los scripts colocados en el elemento <head> pueden no funcionar como se espera. Por ejemplo, esto puede dar lugar a estadísticas incorrectas y otras imprecisiones.
Si conoces todos los riesgos y estás listo para utilizar este método, inicia sesión en tu cuenta de Ecwid y selecciona la pestaña Sitio en el panel de control.
En la parte inferior de la página, en la sección Configuración SEO, busca la sección Etiquetas meta para la verificación del sitio y haz clic en Añadir código.
Pega tu código de pop-up en el campo abierto y haz clic en Guardar.
Pega tu código del pop-up en el campo abierto y haz clic en Guardar.
SpreadSimple
Sólo puedes agregar el código del pop-up de SendPulse a tu sitio web con el plan de pago SpreadSimple Pro.
Inicia sesión en tu cuenta de SpreadSimple y selecciona la opción Administrar opciones en la configuración de tu sitio web.
En la barra lateral izquierda, selecciona la pestaña Configuración.
Haz clic en Insertar código personalizado.
Coloque tu código en el campo </body> - end y haz clic en Guardar.
Haz clic en Publicar para publicar los cambios.
Webflow
Sólo puede agregar el código del pop-up de SendPulse a tu sitio web con los planes de pago de Webflow.
Ingresa a tu cuenta de Webflow, busca tu proyecto, haz clic en los tres puntos y selecciona Configuración.
Ve a la pestaña Código personalizado.
Pega tu código de pop-up en el campo Código del pie de página y haz clic en Guardar cambios.
Para mostrar los pop-ups desarrollados por SendPulse en tu sitio web, publica tu proyecto. Para ello, haz clic en Publicar en la barra de menú superior, selecciona tu proyecto utilizando su casilla de verificación y confirma la publicación haciendo clic en Publicar en el dominio seleccionado.
Nuvemshop
En tu tienda Nuvemshop ve a Tienda en línea > Layout. Busca tu diseño, haz clic en los tres puntos y selecciona Editar código.
En la ventana modal, haz clic en Abrir FTP y descarga el archivo de diseño.
Abre el layout en tu editor a través de FTP. Desplázate hasta la parte inferior del archivo y pega el código del pop-up copiado justo antes de la etiqueta de cierre </body>. A continuación, vuelve a subir el archivo de layout.
El FTP solo está disponible con los planes de pago.
Drupal
En tu panel de administración de Drupal, ve a Estructura > Diseño de bloques. Junto a Pie de página inferior, haz clic en Colocar bloque.
En la ventana modal, haz clic en Añadir bloque de contenido.
En el campo Descripción del bloque, introduce un nombre para el bloque. En el campo Cuerpo, haz clic en Fuente. Junto a Formato de texto, selecciona HTML completo y pega el código del pop-up copiado. Guarda los cambios.
Horoshop
En tu cuenta de Horoshop, ve a Configuración > Configuración general > Scripts. Junto a Antes de </body>, pega el código de pop-up copiado. Guarda los cambios.
BigCommerce
En tu cuenta de BigCommerce, ve a Tienda > Administrador de scripts y haz clic en Crear un script.
Ingresa un nombre para el script, luego selecciona una ubicación y un tipo de script. En Contenido del script, pega el código de pop-up copiado y guarda los cambios.
Magento
En el panel de administración de Magento, ve a Contenido > Configuración.
Junto a tu sitio web, haz clic en Editar. Expande Pie de página y, en HTML misceláneo, pega el código de pop-up copiado. Guarda los cambios.
A continuación, debes borrar la caché de Magento. Ve a Sistema > Gestión de caché y haz clic en Flush Magento caché.
GoDaddy
En GoDaddy, sólo puedes añadir pop-ups incrustados.
Ve a GoDaddy y haz clic en Añadir sección. Desplázate hacia abajo hasta Archivos y web, selecciona HTML y haz clic en Añadir.
Haz clic en la sección añadida. En Título, escribe un nombre. En Código personalizado, pega el código de pop-up copiado. Guarda los cambios.
Hostinger
Ve a Hostinger y selecciona Más > Integraciones.
Abre Código personalizado y pega el código de pop-up que copiaste. Guarda los cambios y actualiza tu sitio web.
Añade el código del pop-up code usando Google Tag Manager
Para mostrar pop-ups de encuestas en tu sitio web, puedes instalar su código directamente o utilizar Google Tag Manager. Para ello, copia el código del pop-up, ve a Google Tag Manager, crea una etiqueta del tipo HTML personalizado y pega este código.
Selecciona el disparador Todas las páginas para que tu pop-up aparezca en todas las páginas del sitio web.
Leer más: Añade el código de instalación del pop-up usando Google Tag Manager.
Última actualización: 01.08.2023
o