Dentro de las opciones de hosting de tu campaña (puedes consultarlas todas en este artículo), la opción Embebido en la web de la organización te permite mostrar tu campaña directamente en tu propio sitio web, sin depender de una URL de Stockcrowd ni de un dominio personalizado apuntando a nuestros servidores.

Dentro de esta opción, puedes elegir cómo se muestra: como una Caja de Donación que se abre en una ventana emergente (pop-up), como una Caja de Donación siempre visible en un punto concreto de tu página, o descargando el HTML completo de tu campaña para alojarlo tú mismo, como una página web completa (full-page), en tu propio servidor.

En este artículo encontrarás las tres formas de integración disponibles y cómo aplicarlas a tu campaña.

Para encontrar todas las opciones de incrustación, elige una campaña y accede al apartado Configuración > Caja de Donación. Después, selecciona la pestaña Integración.

Aquí encontrarás tres formas de integración:

Puedes crear un modal emergente, en estilo pop-up, con la Caja de Donación. Dentro de la pestaña Integración, elige la opción Estilo Modal. Esta opción te permite crear un botón con una llamada a la acción (CTA) que abre el formulario como un modal.

Cuando el donante hace clic en el botón CTA, la Caja de Donación se abre como un pop-up:

El botón CTA que abre el modal viene con un texto por defecto ("Pagar Ahora"). Actualmente no existe la opción de personalizar este botón CTA desde nuestro software, pero puedes personalizar este texto cuando copies y pegues el código en tu página contenedora.

Si prefieres incrustar la Caja de Donación directamente en tu página web, sin botón, debes elegir la opción Estilo Embebido, en la misma pestaña Integración. En este caso, el formulario de donación será visible de inmediato en la parte de tu sitio web donde lo hayas incrustado.

Esta opción te permite alojar tu campaña como una página web completa (full-page) en tu propio dominio, en lugar de incrustarla dentro de otra página. Está disponible en los planes Esencial, Profesional y Premium, en los cuales está permitido descargar el archivo HTML de las campaña para subirlo a tus propios servidores.

Para alojar tu campaña en tu propio dominio, necesitas:

Una vez que tengas listos tanto tu servicio de hosting como tu dominio, debes cargar el archivo HTML en el servidor donde tienes alojada tu página web. También puedes descargar el archivo HTML desde Contenido > Plantillas de campaña:

Tienes diferentes métodos para subir el HTML de tu campaña, que efectivamente hacen lo mismo: te permiten subir el archivo HTML al servicio de alojamiento para que se pueda mostrar en tu sitio web. Los métodos más comunes son:

En este ejemplo, nos centraremos en la tercera opción: utilizar el panel de administración del host para cargar los archivos HTML.

Todos los servicios de hosting ofrecen un panel de administración donde puedes editar la información de tu sitio web. Esta herramienta se utiliza normalmente para:

Ten en cuenta que los servicios de alojamiento utilizan diferentes sistemas de gestión, pero la lógica es similar en todos ellos. Uno de los más utilizados es Cpanel, que usaremos como base para esta explicación.

Desde el panel de administración puedes controlar todas las opciones de tu web. Selecciona la opción que te permite administrar y cargar archivos (File Manager).

Dentro del administrador de archivos (File Manager), busca la opción para cargar archivos (Upload). Puedes cargar tus archivos en tu sitio web de forma similar a como cargarías un archivo adjunto en tu correo electrónico.

Si la campaña está activa, quedará visible en tu sitio web después de cargar el archivo.

Ten en cuenta que si realizas alguno de los siguientes cambios en tu campaña, debes repetir este proceso: descargar el nuevo HTML y subirlo de nuevo a tus servidores.

Si tu campaña estará alojada en WordPress, también debes tener en cuenta lo siguiente.

Si eres el administrador de tu servidor de WordPress: la mejor manera de cargar el archivo HTML es crear una URL dentro de tu servidor de WordPress que aloje la campaña. Recuerda agregar un CTA (botón de llamada a la acción) que dirija a los usuarios desde tu WordPress a la URL donde has cargado el HTML de la campaña.

Si dependes de terceros para gestionar este servicio: si no administras directamente WordPress, envía el archivo HTML a los administradores y pídeles que creen la URL y el CTA correspondiente.

Puedes elegir entre tres opciones: mostrar la Caja de Donación como una ventana emergente (estilo modal), incrustar la Caja de Donación directamente en tu página (estilo embebido), o incrustar la campaña completa como una página HTML en pantalla completa alojada en tu propio dominio.

El botón CTA viene con un texto por defecto ("Pagar Ahora!") y actualmente no se puede personalizar desde el software de StockCrowd, pero puedes cambiar este texto cuando copies y pegues el código en tu página contenedora.

Necesitas dos cosas: un dominio o nombre de dominio y un servicio de hosting o alojamiento web contratado. Una vez tengas ambos, debes descargar el archivo HTML de tu campaña y subirlo al servidor donde está alojada tu página web.

La opción de descargar el archivo HTML para alojarlo en tus propios servidores está disponible en los planes Esencial, Profesional y Premium.

Debes repetir la descarga y carga del archivo HTML si editas o creas nuevos campos para la Caja de Donación, si cambias la política de consentimiento de cookies o agregas un píxel (como un código de Google Analytics o Google Tag Manager), o si editas o agregas botones para compartir en redes sociales.