---
description: Crea y administra widgets que se pueden incrustar en tu sitio web para que los visitantes puedan contactarte a través de tus canales preferidos.
title: Widgets de crecimiento
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Nuevo🔥 ¡Sé el primero en probar la API de llamadas de WhatsApp Business (Beta abierta)!![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/es/whatsapp-business-calling-api)

Ayúdame con... ⌘ 

1. [All Collections >](/es/help)
2. [ Producto >](/es/help/product)
3. [ Ajustes del espacio de trabajo >](/es/help/workspace-settings)
4. Widgets de crecimiento

# Widgets de crecimiento

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg)

Joshua Lim

· 04 Apr 2025

3 min de lectura

Un widget de crecimiento le permite integrar un widget de un solo canal o de varios canales en su sitio web para que los visitantes puedan conectarse con usted a través de sus aplicaciones de mensajería preferidas.

> Si desea agregar un widget de chat de sitio web, obtenga más información [aquí](https://respond.io/es/help/website-chat-widget/website-chat-widget-overview).

## Cómo llegar

> A esta configuración sólo pueden acceder propietarios y administradores.

Se puede acceder a esta configuración desde el menú de navegación **Configuración** bajo el elemento del submenú **Configuración del espacio de trabajo** , **Widgets de crecimiento**.

En la sección Configuración del widget de crecimiento, puedes ver una lista de los widgets existentes en tu espacio de trabajo. Aquí puedes editar y administrar estos widgets o crear otros nuevos.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif?fm=avif&w=1000) 

En esta configuración, puedes:

* Crear un widget
* Administrar widgets existentes
* Eliminar un widget

## Creación de widgets

**Paso 1:** Haga clic en el botón**Agregar widget**para explorar todos los widgets disponibles.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1cSEqRmlBANAYqqY5FntFL/da1d2cbc82153ef8a38e9d4dc0a1d524/workspaces-add-widget.png?fm=avif&w=1000) 

**Paso 2:** Seleccione el widget que desea crear > haga clic en el botón**Crear widget**

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2v1rbVsIBPfSndSWriVBe5/3b5fb7c19244b4bca71d4840d757063e/workspaces-createw.png?fm=avif&w=1000) 

> Solo puedes seleccionar widgets de un solo canal si el canal está conectado al espacio de trabajo.

### Configurar widget

Configure el widget seleccionado según los campos obligatorios.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4TI7vQA9U7yvcO9RtuCgse/965118031034edb7a1d1bac374f8446d/workspaces-configurew.png?fm=avif&w=1000) 

#### Dominios de sitios web

Agregue los sitios web donde se agregará el widget en el campo Dominios del sitio web. Aquí se explica cómo poner sitios web en la lista blanca:

* Si el usuario agrega`https://app.respond.io`, solo`https://app.respond.io`estará en la lista blanca. Cualquier otro subdominio o raíz no debería funcionar.
* Si el usuario agrega`https://*.respond.io`, entonces todos los subdominios, incluido el dominio raíz, serán incluidos en la lista blanca.
* Si el usuario agrega`https://respond.io`, solo el dominio raíz será incluido en la lista blanca.
![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MMSfFMgRphP35jCbBejTT/8e9eac0f58354013130396de3ecef3ec/websitedomain.gif?fm=avif&w=1000) 

#### Elige tus canales

Seleccione el canal para el cual desea crear un widget de la lista desplegable de canales disponibles.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2BDzQ5y4lVIgvRau13PRrC/a818f134ff35c6794dc0b1b9d158f3d6/choosechannels.gif?fm=avif&w=1000) 

#### Configuración avanzada

Puede hacer clic en el botón**Configuración avanzada**para configurar aún más los campos opcionales.

* **Texto flotante:** Se muestra al pasar el cursor sobre el widget
* **Texto precargado (opcional):** Texto precargado antes de enviar un mensaje
* **Incluir URL de la página actual:** Marque esta casilla de verificación para incluir la URL de la página actual en el texto precargado

> La función “incluir URL de la página actual” solo está disponible para los canales de WhatsApp, Viber y correo electrónico.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MYLyLozRByTsjbDvrr1aM/8d0620e360d0b6f4535e4eedc610a138/workspaces-advanced-settings.png?fm=avif&w=1000) 

#### Instalar el script

Copie el script generado para instalarlo en su sitio web y haga clic en el botón**Listo**. Alternativamente, reenvíe las instrucciones de instalación por correo electrónico.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/sEm4u6WmVilu3Xjfdz0Rv/d6541119d3f441855bb6fe315c1edcaa/growth-widgets-7.png?fm=avif&w=1000) 

> Consulta [aquí para saber cómo instalar el script en tu sitio web](https://respond.io/es/help/website-chat-widget/website-chat-widget#installing%5Fthe%5Fchat%5Fwidget).

> Una vez hecho esto, haga clic en el botón Generar widget en la esquina superior derecha.

## Administrar widgets

Una vez que haya creado un widget, puede administrarlo como se indica a continuación.

### Abrir el código de instalación

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7liJXSQ6a8K0P0AvSlsVsL/00b273a27c309b4972c7d8aec6659876/installation-code.png?fm=avif&w=1000) 

Para ver o copiar el código de instalación (script) del widget creado, haga clic en el botón **Código de instalación** y siga las instrucciones en pantalla.

> Esta función no es aplicable al generador de código QR.

### Descargar el código QR

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2Omh41BIWxCUyCKB5axLfa/f38aa08096e4eef8c0a450d62f374585/qr-code.png?fm=avif&w=1000) 

Para descargar el código QR generado, haga clic en el botón **Escanear código** , luego en el botón **Descargar** y seleccione las dimensiones en píxeles deseadas para su código escaneable.

> Esto solo se aplica al generador de código QR, no a los otros widgets de mensajería.

> Para obtener más información sobre cómo utilizar esta función, lea nuestro artículo de blog [sobre el uso de códigos escaneables aquí](https://respond.io/es/blog/facebook-messenger-code).

### Personalizar el widget

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7jpBHww29KHkVGZzWNuXJc/d671069da8e50bd7d8009e3b6ccc80f4/customize-widget.png?fm=avif&w=1000) 

Para personalizar los widgets existentes, haga clic en el botón **Personalizar** para abrir la página de personalización.

Hay 5 secciones que puedes personalizar dependiendo del tipo de widget:

#### **General**

Puede configurar los siguientes ajustes generales:

* **Nombre del widget:** Nombre utilizado internamente para identificar el widget
* **Dominios de sitios web:** Los sitios web en los que se instalará el widget. Si no agrega su sitio web a esta lista, su widget no se cargará. Puede ingresar varias URL si planea instalar el widget en varios sitios web.

#### **Canales**

Puede personalizar lo siguiente para definir el comportamiento del widget en función del canal seleccionado:

* **Texto flotante:** El texto flotante se muestra en una información sobre herramientas cuando se pasa el cursor sobre el widget.
* **Texto precargado:** El texto precargado es una sugerencia de entrada cuando un contacto inicia una conversación.
* **Referencia:** La referencia aparecerá cuando se abra una conversación y le permitirá rastrear la fuente del contacto.
* **Colores:** Elige el color de fondo del ícono del canal y la apariencia del ícono en el widget.

#### **Pantalla y Apariencia**

Puede personalizar lo siguiente para cambiar la apariencia del widget en su sitio web:

* **Mensaje emergente:** El mensaje emergente se muestra a los visitantes del sitio web una vez al día, 5 segundos después de que se carga la página. Si no está definido, no aparecerá ningún mensaje emergente.
* **Tamaño del widget:** Elija entre el tamaño del widget Grande, Estándar o Pequeño.
* **Opciones de visualización:** Elija mostrar este widget en el escritorio, en dispositivos móviles o en ambos.

#### **Posición**

Puede cambiar la posición del widget en su sitio web según la siguiente configuración:

* **Alineación:** Especifique si desea mostrar el widget en la parte inferior izquierda o derecha del sitio web.
* **Espaciado vertical:** Especifica la cantidad de espacio vertical entre el widget y la parte inferior de la pantalla.
* **Espaciado horizontal:** Especifica la cantidad de espacio horizontal entre el widget y el borde de la pantalla.

#### **Ajustes adicionales**

Personalización adicional para widgets:

* **Ocultar la marca Respond.io:** Eliminar la marca respond.io de su widget.

## Eliminar un widget

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3DMqeOcw4oNk6tMo9n1tXQ/6fc0f30860447ebccfa8c7dd80a4d21c/delete-widget.png?fm=avif&w=1000) 

Para eliminar un widget existente, haga clic en el botón **Eliminar** y siga las instrucciones en pantalla. Al hacerlo, se eliminará por completo el widget de su espacio de trabajo.

> Tenga cuidado al eliminar un widget de su espacio de trabajo. Cuando se elimina un widget, se eliminarán todas sus configuraciones. La eliminación no se puede deshacer.

Compartir este artículo

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/workspace-settings/growth-widgets)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/workspace-settings/growth-widgets)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/workspace-settings/growth-widgets)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/workspace-settings/growth-widgets)

## 

Artículos relacionados 👩‍💻

* [LlamadasAprende a gestionar las configuraciones de llamadas para tus Canales de Llamadas conectados. ](/es/help/workspace-settings/calls)
* [Prompts IAAprenda a configurar las indicaciones de IA. ](/es/help/workspace-settings/ai-prompts)
* [Asistente IAAprende a configurar la asistencia de IA. ](/es/help/workspace-settings/ai-assist)
* [Ciclo de vidaAprende a rastrear y gestionar Contactos a lo largo de tu proceso de ventas en nuestra plataforma. ](/es/help/workspace-settings/workspace-settings-lifecycle)
* [Importar ContactosAprende cómo importar, revisar y administrar datos en la plataforma. ](/es/help/workspace-settings/data-import)

¿No encuentras lo que estás buscando? 🔎

[Contacta a Soporte](/es/contact-us)

2025-12-05T03:56:29.915Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Crea y administra widgets que se pueden incrustar en tu sitio web para que los visitantes puedan contactarte a través de tus canales preferidos.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg","name":"Joshua Lim","url":"https://respond.io/es/author"},"dateCreated":"2025-01-28T04:11:59.000Z","dateModified":"2025-04-04T10:14:25.056Z","datePublished":"2025-01-28T04:11:59.000Z","headline":"Widgets de crecimiento","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","mainEntityOfPage":"https://respond.io/es/help/workspace-settings","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","url":"https://respond.io/es/help/workspace-settings/growth-widgets"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/es/help","position":1},{"@type":"ListItem","name":"Producto ","item":"https://respond.io/es/help/product","position":2},{"@type":"ListItem","name":"Ajustes del espacio de trabajo","item":"https://respond.io/es/help/workspace-settings","position":3},{"@type":"ListItem","name":"Widgets de crecimiento","item":"https://respond.io/es/help/workspace-settings/growth-widgets","position":4}]}]
```
