Cómo incrustar su Widget de IA

Contenido

Incrustar

Incrustar su Widget de IA es más sencillo de lo que piensa. Independientemente del sistema de gestión de contenido que esté utilizando, primero debe seguir estos sencillos pasos.

Paso 1: Inicie sesión en su cuenta. Vaya a su Biblioteca de Widgets si ha creado su propio widget o vaya a la Biblioteca de Widgets general y busque el widget que desea incrustar. Haga clic en Configurar e Incrustar para abrir las Opciones de Estilo. Aquí puede elegir el color, el ancho y el estilo del borde de su widget.

Paso 2: Si eligió su tema, puede copiar el código haciendo clic en Incrustar. Copie el código <script>. Agregue el código entre las etiquetas <head> y </head> de su sitio web.

Paso 3: Ahora puede copiar el código <div> y pegarlo en el lugar de su página de destino donde le gustaría mostrar la magia. ¡Ahora ha terminado y está listo para que los usuarios de su sitio web lo prueben!

Incrustar su Widget de IA en WordPress

Insertar tu widget en Wordpress es bastante fácil.

Paso 1: Abre la página en la que quieres que aparezca tu widget.

Paso 2: Añade un campo html a tu página donde quieras que se coloque el widget.

Paso 3: Copia las dos líneas de código, script y div, en el campo html.

Si estás usando Elementor para construir el contenido de tu página, ve a tu sección Elementos y elige el widget HTML. Ahora puedes pegar el código del Widget AI. Mueve el elemento html en Elementor para cambiar el lugar de tu AI Widget.

Alternativamente, puede ajustar su tema:

Paso 1: Acceda a su panel de control de WordPress

Paso 2: Acceda al Personalizador de temas: En el panel de control de WordPress, vaya a "Apariencia" en el menú de la izquierda. Dependiendo de su tema, es posible que vea "Personalizar" o "Personalizador de temas". Haga clic en esta opción.

Paso 3:Encuentre la sección "CSS adicional" o "Código personalizado". La ubicación de la colocación del código puede variar según su tema. Busque una sección con el nombre "CSS adicional", "Código personalizado", "Encabezado" o similar.

Paso 4:Pegue el código en el campo y guarde los cambios.

Incrustar su Widget de IA en HubSpot

Puede agregar código a la sección del encabezado de su sitio web utilizando el módulo HTML personalizado en HubSpot.

Paso 1: Vaya al panel de control de HubSpot e inicie sesión en su cuenta.

Paso 2: Si desea agregar código a una página específica, vaya a esa página yendo a Marketing > Sitio web > Páginas de sitio web y seleccione la página que desea editar. Si desea agregar código a una plantilla que se utiliza en varias páginas, vaya a Marketing > Sitio web > Plantillas y seleccione la plantilla que desea editar.

Paso 3: Para una página específica, haga clic en el botón "Editar" para abrir el editor de la página. Para una plantilla, haga clic en el botón "Editar" para abrir el editor de la plantilla.

Paso 4: En el editor de la página o la plantilla, puede agregar un módulo HTML personalizado donde desee insertar su código. Para agregar un módulo, haga clic en el icono "+" para abrir la biblioteca de módulos, busque "HTML personalizado" y arrástrelo y suéltelo en la ubicación deseada en la sección del encabezado.

Paso 5: Una vez que haya agregado el módulo HTML personalizado, haga clic en él para abrir el editor. En el editor, puede pegar su código del Widget de IA. También puede agregar un nombre al módulo como referencia.

Paso 6: Después de agregar su código, asegúrese de guardar los cambios. Por último, haga clic en el botón "Publicar" para que los cambios se apliquen en vivo en su sitio web.

Además, si tiene acceso al Administrador de Diseño en HubSpot, también puede agregar código al encabezado en múltiples páginas editando la plantilla de encabezado global. Esto es útil para agregar código que debe aparecer en todas las páginas de su sitio web.

Incrustar su Widget de IA en Umbraco

En Umbraco, puede agregar código a la sección del encabezado de su sitio web modificando la plantilla asociada con sus tipos de documento. Aquí están los pasos generales para agregar código a la sección del encabezado:

Paso 1: Inicie sesión en el panel de administración de Umbraco con sus credenciales.

Paso 2: Vaya a configuraciones y plantillas.

Paso 3: Modifique la plantilla para su tipo de documento agregando directamente su código a la sección <head>.

Paso 4: Después de agregar su código, guarde los cambios y publíquelos si es necesario. Esto hará que los cambios de código se muestren en vivo en su sitio web.

Paso 5: Ahora copie la segunda línea del código y péguela en la sección de HTML personalizado de la página donde le gustaría mostrar el widget.